.hh-pathways-section {
	 margin: 25px 0;
}
 .hh-pathways-programs, .hh-pathways-card-programs {
	 background-color: rgb(19,42,80);
	 border-radius: 5px;
	 color: rgb(255,255,255);
	 padding: 30px;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 -ms-border-radius: 5px;
	 -o-border-radius: 5px;
}
 .hh-pathways-programs-tab, .hh-pathways-tab {
	 display: none;
}
 #hh-pathways-programs-dt hr:last-of-type {
	 display: none;
}
 .hh-pathways-programs-tab.active, .hh-pathways-tab.active {
	 display: block;
}
 .hh-pathways-nav {
	 margin: 25px 0;
	 display: flex;
	 flex-direction: column;
}
 .hh-pathways-tabs {
	 width: 100%;
	 margin-bottom: 25px;
}
 .hh-pathways-tabs button {
	 font-size: 1.2rem;
	 font-weight: 500;
	 text-decoration: none;
	 margin-right: 20px;
	 padding-bottom: 2px;
	 background-color: transparent;
	 border: transparent;
	 border-bottom: solid 3px transparent;
	 cursor: pointer;
}
 .hh-pathways-tabs button:hover, .hh-pathways-tabs button:focus, .hh-pathways-tabs button:active, .hh-pathways-tabs button.active {
	 color: rgb(5,110,143);
	 text-decoration: none;
	 background-color: transparent;
	 border: transparent;
	 border-bottom: solid 3px rgb(5,110,143);
}
 .hh-pathways-programs-tab h3 {
	 color: rgb(255,255,255);
}
 .hh-pathways-programs-tab a {
	 color: rgb(255,255,255);
}
 .hh-pathways-programs-tab a:hover, .hh-pathways-programs-tab a:focus, .hh-pathways-programs-tab a:active {
	 color: rgb(55,174,203);
}
 .hh-pathways-programs-tabs {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: center;
	 margin-bottom: 15px;
}
 .hh-pathways-programs-tabs button {
	 font-size: .9rem;
	 font-weight: 500;
	 text-decoration: none;
	 margin-right: 20px;
	 padding-bottom: 2px;
	 color: rgb(255,255,255);
	 margin-bottom: 15px;
	 background-color: transparent;
	 border: transparent;
	 border-bottom: solid 3px transparent;
	 cursor: pointer;
}
 .hh-pathways-programs-tabs button:hover, .hh-pathways-programs-tabs button:focus, .hh-pathways-programs-tabs button:active, .hh-pathways-programs-tabs button.active {
	 color: rgb(255,255,255);
	 text-decoration: none;
	 background-color: transparent;
	 border: transparent;
	 border-bottom: solid 3px rgb(255,255,255);
}
 .hh-pathways-search {
	 width: 100%;
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-end;
	 align-items: center;
}
 .hh-pathways-search input {
	 width: 100%;
	 border: solid 2px rgb(5,110,143);
	 border-radius: 5px;
	 outline-color: rgb(5,110,143);
}
 .hh-pathways-search i {
	 position: relative;
	 z-index: 1;
	 left: -25px;
	 top: 1px;
	 color: rgb(5,110,143);
	 cursor: pointer;
	 width: 0;
}
 .hh-pathways-cards {
	 display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .hh-pathways-card {
	 width: 100%;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: cover;
	/*border-radius: 10px;
	 */
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-end;
	 overflow: hidden;
	 background-color: rgb(19,42,80);
	 position: relative;
	 margin-bottom: 1%;
	 color: #fff;
}
 .hh-pathways-title {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 text-align: center;
	 color: #fff;
	 background-color: rgb(19,42,80);
	 z-index: 2;
	 padding: 15px;
	 transition: all .5s;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 -ms-transition: all .5s;
	 -o-transition: all .5s;
}
 a.hh-pathways-card, a.hh-pathways-card .hh-pathways-title {
	 text-decoration: none;
}
 a.hh-pathways-card:hover, a.hh-pathways-card:focus, a.hh-pathways-card:active {
	 text-decoration: none;
	/* justify-content: center;
	 */
}
 a.hh-pathways-card:before, a.hh-pathways-card:before, a.hh-pathways-card:before {
	 content: '';
	 position: absolute;
	 width: 100%;
	 height: 0;
	/*background-color: rgba(23, 70, 143, .4);
	 */
	/* background-color: rgba(13, 34, 63, 0.6);
	 */
	 z-index: 1;
	 color: #fff;
	 transition: all .5s;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 -ms-transition: all .5s;
	 -o-transition: all .5s;
}
 a.hh-pathways-card:hover:before, a.hh-pathways-card:focus:before, a.hh-pathways-card:active:before {
	 height: 100%;
}
 a.hh-pathways-card:hover .hh-pathways-title, a.hh-pathways-card:focus .hh-pathways-title, a.hh-pathways-card:active .hh-pathways-title {
	 text-decoration: none;
	/* background-color: rgba(13, 34, 63, .8);
	 */
	 background-color: rgba(19, 42, 80, 0.9);
	 color: rgb(255,255,255);
	 height: 100% !important;
}
 .hh-pathways-suggestions .autocomplete-suggestions-container::-webkit-scrollbar {
	 width: 5px;
	 margin: 20px;
}
 .hh-pathways-suggestions .autocomplete-suggestions-container::-webkit-scrollbar-track {
	 -webkit-box-shadow: none;
}
 .hh-pathways-suggestions .autocomplete-suggestions-container::-webkit-scrollbar-thumb {
	 background: rgb(2,144,193);
	 border-radius: 10px;
}
 .hh-pathways-suggestions {
	 position: absolute;
	 display: none;
	 width: 96% !important;
	 max-width: 1200px !important;
	 left: 0 !important;
	 right: 0 !important;
	 margin-left: auto !important;
	 margin-right: auto !important;
	 margin-top: -4px;
	 z-index: 999;
	 background-color: rgb(19,42,80);
	 border-radius: 5px;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 -ms-border-radius: 5px;
	 -o-border-radius: 5px;
	 border-top-right-radius: 0;
	 color: rgb(255, 255, 255);
}
 .hh-pathways-suggestions .autocomplete-suggestions-container {
	 max-height: 100%;
	 text-align: left;
	 cursor: default;
	 box-sizing: border-box;
	 width: calc(100% - 60px) !important;
	 margin: 30px;
	 padding: 10px;
	 margin-left: auto !important;
	 margin-right: auto !important;
	 background-color: rgb(19,42,80);
	 color: rgb(255,255,255);
	 overflow: hidden;
	 overflow-y: auto;
}
 .hh-pathways-suggestions::before {
	 content: "Search Results";
	 color: rgb(255,255,255);
	 font-size: 1.4rem;
	 line-height: 1.2em;
	 padding: 30px;
	 padding-bottom: 0;
	 display: block;
}
 .hh-pathways-suggestions .autocomplete-suggestion, a.hh-program-list-item {
	 position: relative;
	 display: block;
	 padding: 15px 25px;
	 overflow: hidden;
	 color: rgb(255,255,255);
	 font-weight: 400;
	 cursor: pointer;
	 width: 95%;
	 text-decoration: none;
}
 .hh-pathways-suggestions .autocomplete-suggestion b {
	 font-weight: 900;
	 color: rgb(255,255,255);
}
 .hh-pathways-suggestions .autocomplete-suggestion.selected, a.hh-program-list-item:hover, a.hh-program-list-item:focus, a.hh-program-list-item:active {
	 background: rgb(230, 57, 71);
	 border-radius: 500px;
	 color: rgb(255,255,255);
}
 .hh-pcp-nav {
	 display: flex;
	 flex-direction: row;
	 justify-content: space-between;
}
 .hh-pcp-back button {
	 color: rgb(255,255,255);
	 font-size: 1rem;
	 line-height: 1.2em;
	 padding-bottom: 5px;
	 margin-bottom: 15px;
	 display: inline-block;
	 text-decoration: none;
	 background-color: transparent;
	 border: transparent;
	 border-bottom: solid 3px transparent;
	 cursor: pointer;
}
 .hh-pcp-back button:hover, .hh-pcp-back button:focus, .hh-pcp-back button:active {
	 color: rgb(255,255,255);
	 text-decoration: none;
	 background-color: transparent;
	 border: transparent;
	 border-bottom: solid 3px rgb(255,255,255);
}
 .hh-pcp-back button i {
	 font-size: 1.2rem;
	 color: #fff;
}
 button.hh-pcp-close, button.hh-pcp-close:hover, button.hh-pcp-close:focus, button.hh-pcp-close:active {
	 background-color: transparent;
	 border: transparent;
	 border-bottom: solid 3px transparent;
	 cursor: pointer;
}
 .hh-pcp-close i {
	 color: #fff;
	 font-size: 2rem;
	 -webkit-text-stroke: 4px rgb(230, 57, 71);
	 cursor: pointer;
}
 .hh-pcp-close i:hover, .hh-pcp-close i:focus, .hh-pcp-close i:active {
	 -webkit-text-stroke: 2px rgb(230, 57, 71);
}
 .hh-pcp-pathway-title {
	 color: rgb(55,174,203);
	 font-size: 1.4rem;
	 line-height: 1.2em;
	 padding-bottom: 20px;
	 display: block;
}
 @media (max-width: 767px) {
	 .hh-pathways-card {
		 background-image: none;
	}
}
 @media (min-width: 768px) {
	 .hh-pathways-tabs {
		 margin-bottom: 0;
	}
	 .hh-pathways-nav {
		 display: flex;
		 flex-direction: row;
		 justify-content: space-between;
	}
	 .hh-pathways-card {
		 width: 32%;
		 height: 225px;
	}
	 .hh-pathways-title {
		 background-color: rgba(19, 42 80, .8);
		 color: #fff;
	}
	 .hh-pathways-cards {
		 justify-content: space-evenly;
	}
	 .hh-pathways-programs-tabs {
		 justify-content: space-between;
	}
}
 @media (min-width: 768px) {
	 .hh-pathways-suggestions .autocomplete-suggestions-container {
		 height: 53vh;
	}
}
 @media (min-width: 1024px) {
	 .hh-pathways-programs-tabs button {
		 font-size: 1.2rem;
	}
	 .hh-pathways-suggestions {
		 width: 100% !important;
	}
	 .hh-pathways-cards {
		 justify-content: space-between;
	}
	 .hh-pathways-search input {
		 width: 75%;
	}
	 .hh-pathways-card {
		 width: 24%;
		 height: 275px;
	}
}