/*? Global */

:root {
    --red: #992c1e;
    --blue: #1c2336;
    --white: #ffffff;
    --manufacturing: #014b5a;
    --transportation: #da4b1f;
    --agriculture: #01853e;
    --business: #15613e;
    --education: #cf0a6b;
    --energy: #ed8f46;
    --engineering: #9add9a;
    --health: #004466;
    --information: #42216b;
    --public: #017071;
    --hospitality: #e24c52;
}

.uk-tile {
    border: 1px solid transparent;
}

.uk-tile-muted {
    border: 1px solid #dedee1;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/*? Map */
#map {
    min-height: 500px;
    max-height: calc(100vh - 92px);
    height: 100%;
}

.uk-accordion>li.top_accordion-item:last-child {
    padding-bottom: 40px;
}

.no-scrollbar {
    overflow-y: hidden;
}

/*? Filter */

.filter-container {
    padding: 20px 40px;
    margin-bottom: 40px;
    background: #f0f3fd
}

#radius {
    padding-left: 15px;
    padding-right: 25px;
}

.filter-container .uk-input,
.filter-container .uk-select {
    font-size: 16px;
    border-width: 2px !important;
    border: 2px solid;
    border-radius: 5px;
}

.filter-container .uk-button-default {
    border: 2px solid var(--blue) !important;
    font-weight: bold;
}

#usemylocation {
    border-radius: 5px;
    padding: 5px;
    border: 2px solid var(--blue);
    transition: all .25s ease;
}

.filter-container .uk-button-default:hover,
.filter-container .uk-button-default:focus,
#usemylocation:hover {
    background: var(--blue) !important;
    color: #fff !important;
}

/*? Map Sidebar */
.map-sidebar {
    overflow-y: scroll;
    max-height: calc(100vh - 132px);
    padding-right: 5px;
    opacity: 1;
    transition: .25s ease;
}

.view_course_on_map {
    cursor: pointer;
}

.uk-subnav-pill>li>a {
    border: 2px solid var(--blue);
}

.map-sidebar .uk-accordion-title.uk-tile-primary {
    border: 2px solid var(--blue);
    margin-bottom: 0px !important;
}

.map-sidebar::-webkit-scrollbar {
    width: 8px;
}

.map-sidebar::-webkit-scrollbar-track {
    margin-left: 5px;
    border-radius: 0px;
    background: #cacaca;
}

.map-sidebar::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: var(--blue);
}

.uk-accordion>:nth-child(n+2) {
    margin-top: 5px;
}

.uk-accordion-title>div {
    line-height: 28px;
}

.uk-accordion-title::before {
    filter: brightness(0);
}

.uk-accordion-content {
    margin-top: 10px;
}

.map-sidebar .uk-accordion-title.uk-tile-primary:hover,
.map-sidebar .uk-accordion-title.uk-tile-primary:focus {
    background: var(--blue) !important;
}

.map-sidebar .uk-accordion-title.uk-tile-primary:hover div,
.map-sidebar .uk-accordion-title.uk-tile-primary:focus div {
    color: #fff !important;
}

.map-sidebar .uk-accordion-title.uk-tile-primary:hover::before,
.map-sidebar .uk-accordion-title.uk-tile-primary:focus::before {
    filter: brightness(10);
}

@media (max-width: 959px) {
    .map-mobile {
        margin-bottom: 20px !important;
    }
}

/*? For JSON */
.breakword {
    word-break: break-word;
    display: none;
}

/*? Marker Popup */
.popup__location-name {
    font-size: 18px;
    font-weight: bold;
}

.popup__location-address {
    margin: 10px 0px;
}

.popup__location-website a {
    color: var(--white);
}

.leaflet-pane.leaflet-shadow-pane {
    display: none;
}

.popup__location-website .uk-button {
    border-color: var(--blue);
    border-width: 2px;
    font-weight: bold;
}

/*? Sector Coloring */

.uk-subnav-pill>.uk-active>a,
.uk-accordion-title>div,
.uk-button:not(.uk-button-link) {
    color: var(--white)
}

.uk-accordion-title::before {
    filter: brightness(10);
}

/* Advanced Manufacturing */

.sector_1 #usemylocation {
    background: var(--manufacturing);
}

.sector_1 input,
.sector_1 select,
.sector_1 input:focus,
.sector_1 select:focus {
    border-color: var(--manufacturing) !important;
}

.sector_1 .uk-accordion-title,
.sector_1 .uk-button:not(.uk-button-link),
.sector_1 .uk-subnav-pill>.uk-active>a {
    background: var(--manufacturing);
}

.sector_1 .uk-subnav-pill>.uk-active>a,
.sector_1 .popup__location-website .uk-button,
.sector_1 #usemylocation {
    color: var(--white);
}



/* Transportation */

.sector_2 #usemylocation {
    background: var(--transportation);
}

.sector_2 input,
.sector_2 select,
.sector_2 input:focus,
.sector_2 select:focus {
    border-color: var(--transportation) !important;
}

.sector_2 .uk-accordion-title,
.sector_2 .uk-button:not(.uk-button-link),
.sector_2 .uk-subnav-pill>.uk-active>a {
    background: var(--transportation);
}

.sector_2 .uk-subnav-pill>.uk-active>a,
.sector_2 .popup__location-website .uk-button,
.sector_2 #usemylocation {
    color: var(--white);
}

/* Agriculture */

.sector_3 #usemylocation {
    background: var(--agriculture);
}

.sector_3 input,
.sector_3 select,
.sector_3 input:focus,
.sector_3 select:focus {
    border-color: var(--agriculture) !important;
}

.sector_3 .uk-accordion-title,
.sector_3 .uk-button:not(.uk-button-link),
.sector_3 .uk-subnav-pill>.uk-active>a {
    background: var(--agriculture);
}

.sector_3 .uk-subnav-pill>.uk-active>a,
.sector_3 .popup__location-website .uk-button,
.sector_3 #usemylocation {
    color: var(--white);
}

/* Business */

.sector_4 #usemylocation {
    background: var(--business);
}

.sector_4 input,
.sector_4 select,
.sector_4 input:focus,
.sector_4 select:focus {
    border-color: var(--business) !important;
}

.sector_4 .uk-accordion-title,
.sector_4 .uk-button:not(.uk-button-link),
.sector_4 .uk-subnav-pill>.uk-active>a {
    background: var(--business);
}

.sector_4 .uk-subnav-pill>.uk-active>a,
.sector_4 .popup__location-website .uk-button,
.sector_4 #usemylocation {
    color: var(--white);
}

/* Education */

.sector_5 #usemylocation {
    background: var(--education);
}

.sector_5 input,
.sector_5 select,
.sector_5 input:focus,
.sector_5 select:focus {
    border-color: var(--education) !important;
}

.sector_5 .uk-accordion-title,
.sector_5 .uk-button:not(.uk-button-link),
.sector_5 .uk-subnav-pill>.uk-active>a {
    background: var(--education);
}

.sector_5 .uk-subnav-pill>.uk-active>a,
.sector_5 .popup__location-website .uk-button,
.sector_5 #usemylocation {
    color: var(--white);
}

/* Energy */

.sector_6 #usemylocation {
    background: var(--energy);
}

.sector_6 input,
.sector_6 select,
.sector_6 input:focus,
.sector_6 select:focus {
    border-color: var(--energy) !important;
}

.sector_6 .uk-accordion-title,
.sector_6 .uk-button:not(.uk-button-link),
.sector_6 .uk-subnav-pill>.uk-active>a {
    background: var(--energy);
}

.sector_6 .uk-subnav-pill>.uk-active>a,
.sector_6 .popup__location-website .uk-button,
.sector_6 #usemylocation {
    color: var(--white);
}

/* Health */

.sector_7 #usemylocation {
    background: var(--health);
}

.sector_7 input,
.sector_7 select,
.sector_7 input:focus,
.sector_7 select:focus {
    border-color: var(--health) !important;
}

.sector_7 .uk-accordion-title,
.sector_7 .uk-button:not(.uk-button-link),
.sector_7 .uk-subnav-pill>.uk-active>a {
    background: var(--health);
}

.sector_7 .uk-subnav-pill>.uk-active>a,
.sector_7 .popup__location-website .uk-button,
.sector_7 #usemylocation {
    color: var(--white);
}

/* IT */

.sector_8 #usemylocation {
    background: var(--information);
}

.sector_8 input,
.sector_8 select,
.sector_8 input:focus,
.sector_8 select:focus {
    border-color: var(--information) !important;
}

.sector_8 .uk-accordion-title,
.sector_8 .uk-button:not(.uk-button-link),
.sector_8 .uk-subnav-pill>.uk-active>a {
    background: var(--information);
}

.sector_8 .uk-subnav-pill>.uk-active>a,
.sector_8 .popup__location-website .uk-button,
.sector_8 #usemylocation {
    color: var(--white);
}

/* Public Safety */

.sector_9 #usemylocation {
    background: var(--public);
}

.sector_9 input,
.sector_9 select,
.sector_9 input:focus,
.sector_9 select:focus {
    border-color: var(--public) !important;
}

.sector_9 .uk-accordion-title,
.sector_9 .uk-button:not(.uk-button-link),
.sector_9 .uk-subnav-pill>.uk-active>a {
    background: var(--public);
}

.sector_9 .uk-subnav-pill>.uk-active>a,
.sector_9 .popup__location-website .uk-button,
.sector_9 #usemylocation {
    color: var(--white);
}

/* Hospitality */

.sector_10 #usemylocation {
    background: var(--hospitality);
}

.sector_10 input,
.sector_10 select,
.sector_10 input:focus,
.sector_10 select:focus {
    border-color: var(--hospitality) !important;
}

.sector_10 .uk-accordion-title,
.sector_10 .uk-button:not(.uk-button-link),
.sector_10 .uk-subnav-pill>.uk-active>a {
    background: var(--hospitality);
}

.sector_10 .uk-subnav-pill>.uk-active>a,
.sector_10 .popup__location-website .uk-button,
.sector_10 #usemylocation {
    color: var(--white);
}

/*? Switcher */

.uk-active #collegesOnly,
li:hover>#collegesOnly {
    background: var(--blue);
    color: var(--white);
}

.uk-active #hsOnly,
li:hover>#hsOnly {
    background: var(--red);
    color: var(--white);
}



/*! ===== Admin ===== */

/*? Sidebar */

.uk-list-large>*>ul,
.uk-list-large>:nth-child(n+2) {
    margin-top: 40px;
}

.sidebar_navlink {
    display: block;
    transition: all .25s ease;
}

.sidebar_navlink:hover {
    text-decoration: none;
    transform: scale(1.2);
}

@media (max-width: 959px) {
    .admin_sidebar {
        position: absolute !important;
        min-height: unset !important;
        top: 0px !important;
        width: 100% !important;
    }

    .admin_sidebar>.uk-list {
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

    .admin_sidebar>.uk-list>li {
        margin-top: 0px !important;
    }

    .admin_sidebar>.uk-list>li+li {
        margin-left: 20px;
    }

    .logout_button {
        margin-top: 10px;
    }
}

/*? Control Pages */


@media (min-width: 960px) {

    .course_controller .view_all_courses,
    .program_controller .view_all_programs,
    .college_controller .view_all_colleges,
    .sector_controller .view_all_sectors {
        position: relative;
        bottom: 10px;
    }
}

@media (max-width: 959px) {

    .course_controller .view_all_courses,
    .program_controller .view_all_programs,
    .college_controller .view_all_colleges,
    .sector_controller .view_all_sectors {
        margin-top: 10px;
    }
}