@charset "UTF-8";
.course-search { padding-top: 70px; padding-bottom: 70px; padding-left: 60px; padding-right: 60px; background-image: linear-gradient(42deg, #113B72 52%, #36A0CE 100%); color: white; position: relative; }
@media (max-width: 1079px) { .course-search { padding-top: 60px; padding-bottom: 60px; } }
@media (max-width: 699px) { .course-search { padding-top: 55px; padding-bottom: 55px; } }
@media (max-width: 1079px) { .course-search { padding-left: 50px; padding-left: 50px; } }
@media (max-width: 699px) { .course-search { padding-left: 35px; padding-right: 35px; } }
.course-search #course-search { position: absolute; top: -60px; left: 0; width: 100%; }
.course-search h1, .course-search h2, .course-search h3, .course-search h4, .course-search h5 { color: white; }
.course-search .action { color: white; background-color: var(--secondary); }
.course-search a { color: white; }
.course-search .wrap { max-width: var(--wrap-very-small); margin-left: auto; margin-right: auto; text-align: center; position: relative; z-index: 1; }
.course-search .wrap form { flex-direction: column; }
.course-search .wrap form .search-query { margin-bottom: 1.5em; }
.course-search .wrap #search-results { padding: 30px; }
.course-search .wrap #search-results > div { text-align: left; }
.course-search .wrap #search-results > div > span { display: block; padding: 13px 15px 10px 15px; border: solid rgba(254, 254, 254, 0.2) 1px; border-radius: 5px; }
.course-search .wrap #search-results > div > a { display: flex; padding: 13px 15px 10px 15px; align-items: center; border: solid rgba(254, 254, 254, 0.2) 1px; border-radius: 5px; margin-bottom: 8px; }
.course-search .wrap #search-results > div > a:hover { background: rgba(254, 254, 254, 0.2); text-decoration: none; color: white; }
.course-search .wrap #search-results > div > a:after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; /* Better Font Rendering =========== */ font-smoothing: antialiased; transition: ease-in-out 0.3s transform; margin-right: 10px; margin-left: auto; font-size: 14px; color: white; }
.course-search .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.08; }
.course-search .background img { width: 100%; height: 100%; object-fit: cover; object-position: top; }