:root {
    --black: #232323;
    --grey: #5f5f5f;
    --white: #ffffff;
    --yellow: #ffc66d;
    --lightgrey: #efefef;

    --hoverLinkWhite: rgba(255, 255, 255, 0.6);
    --hoverLinkBlack: rgba(0, 0, 0, 0.6);
}

/* Transparent header + dropdown */
.page-id-6 .tm-header-mobile .uk-navbar-container:not(.uk-navbar-sticky),
.page-id-8 .tm-header-mobile .uk-navbar-container:not(.uk-navbar-sticky) {
    background-color: transparent;
}

.page-id-6
    .tm-header-mobile
    .uk-navbar-container:not(.uk-navbar-sticky)
    .uk-logo,
.page-id-8
    .tm-header-mobile
    .uk-navbar-container:not(.uk-navbar-sticky)
    .uk-logo {
    content: url(https://lucoakademi.se/wp-content/uploads/2022/05/luco-logga.svg);
    width: 54px;
}

.page-id-6
    .uk-navbar-container:not(.uk-navbar-sticky)
    #dropDownContainerMobile
    .dropDownBtnMobile,
.page-id-8
    .uk-navbar-container:not(.uk-navbar-sticky)
    #dropDownContainerMobile
    .dropDownBtnMobile {
    color: var(--white);
}

.page-id-6
    .uk-navbar-container:not(.uk-navbar-sticky)
    #dropDownContainerMobile
    .dropDownBtnMobile:hover,
.page-id-8
    .uk-navbar-container:not(.uk-navbar-sticky)
    #dropDownContainerMobile
    .dropDownBtnMobile:hover {
    color: var(--hoverLinkWhite);
}

.page-id-6
    .uk-navbar-container:not(.uk-navbar-sticky)
    #dropDownContainerMobile
    .dropDownBtnMobile
    .arrow,
.page-id-8
    .uk-navbar-container:not(.uk-navbar-sticky)
    #dropDownContainerMobile
    .dropDownBtnMobile
    .arrow {
    border: solid var(--white);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin: 0px 0px 6px 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.page-id-6
    .uk-navbar-container:not(.uk-navbar-sticky)
    #dropDownContainerMobile
    .dropDownBtnMobile
    .arrow:hover,
.page-id-8
    .uk-navbar-container:not(.uk-navbar-sticky)
    #dropDownContainerMobile
    .dropDownBtnMobile
    .arrow:hover {
    border: solid var(--hoverLinkWhite);
    border-width: 0 2px 2px 0;
}

.page-id-6
    .tm-header-mobile
    .uk-navbar-container:not(.uk-navbar-sticky)
    .uk-navbar-right
    .uk-navbar-toggle-icon
    svg,
.page-id-8
    .tm-header-mobile
    .uk-navbar-container:not(.uk-navbar-sticky)
    .uk-navbar-right
    .uk-navbar-toggle-icon
    svg {
    fill: var(--white);
}

/* MOBIL DROPDOWN, svart på gul header */
#dropDownContainerMobile .dropDownBtnMobile {
    background-color: rgba(255, 255, 255, 0);
    color: var(--black);
    font-weight: 600;
    font-size: 14px;
    line-height: 19.07px;
    border: none;
    padding: 0;
    height: 19px;
    letter-spacing: 1.5px;
    display: flex;
    align-items: center;
}

#dropDownContainerMobile .dropDownBtnMobile:hover {
    color: var(--hoverLinkBlack);
}

#dropDownContainerMobile .dropDownBtnMobile:active {
    border: none;
}

#dropDownContainerMobile .dropDownBtnMobile .arrow {
    border: solid #232323;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin: 0px 0px 6px 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#dropDownContainerMobile .dropDownBtnMobile .arrow:hover {
    border: solid var(--hoverLinkBlack);
    border-width: 0 2px 2px 0;
}

#dropDownContentMobile {
    padding: 0 !important;
    width: 100vw;
    max-width: 110vw !important;
    left: -15px !important;
    top: 85px !important;
    /* margin-top: 100px !important; */
}

#dropDownContentMobile ul {
    background-color: var(--black);
    font-size: 14px;
    line-height: 19.07px;
    font-weight: 600;
}

#dropDownContentMobile ul .dropDownLinkMobile {
    padding: 30px 90px;
    color: var(--white);
    letter-spacing: 1.5px;
}

#dropDownContentMobile ul .dropDownLinkMobile:hover {
    color: var(--hoverLinkWhite);
}

#dropDownContentMobile ul .dropdownDividerMobile {
    margin: 0;
    color: #353535;
    border-top: 1px solid #353535;
}

/* INNE I MOBILMENYN */
.menuMobile {
    padding: 58px 0px 0px 0px !important;
    position: relative;
    height: 100vh;
}

.menuMobile .menuCloseButton {
    padding-top: 39px !important;
}

.menuMobile .menuCloseButton svg {
    color: var(--white);
    width: 15px;
    height: 15px;
}

.menuMobile .menuCloseButton svg line {
    stroke-width: 2px;
}

.menu-drop-down .uk-grid {
    flex-direction: column-reverse;
}

/* Sökfältet */
/* #search-2 .searchIconMobile { */
#search-2 .uk-search-icon {
    /* border: none !important;
    padding-left: 38px !important; */
}

/* #search-2 .searchIconMobile svg { */
#search-2 .uk-search-icon svg {
    /* color: var(--white) !important;
    width: 13.5px;
    height: 13.5px;
    position: fixed !important;
    top: 58.25px !important; */
}

#search-2 .searchDropdown {
    position: unset !important;
    padding: 0px 0px 0px 60px !important;
    margin: 0px 0px 0px 0px !important;
    width: 100vw !important;
    background-color: var(--grey) !important;
}

#search-2 .searchDropdown #searchInputMobile {
    position: relative;
    padding: 0px !important;
    margin: 0px !important;
    height: 59px;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 14px;
    line-height: 19.07px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: none !important;
}

#search-2 .searchDropdown #searchInputMobile:focus-visible {
    border: none !important;
    outline: none !important;
}

#search-2 .searchDropdown #searchInputMobile::selection {
    background: none !important;
}

/* Tar bort bakgrundsfärg vid autoselect */
#searchInputMobile:-webkit-autofill,
#searchInputMobile:-webkit-autofill:hover,
#searchInputMobile:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--white);
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
}

.uk-dropdown {
    box-shadow: none !important;
}

#search-2 .searchDropdown .searchInInputMobile {
    height: 18px;
    width: 18px;
    top: 45px;
    left: 30px;
    color: var(--white) !important;
    margin-right: 12px !important;
}

@media (max-width: 960px) {
    .uk-search-input,
    .uk-search-icon {
        padding-bottom: 22px;
    }
}

.studentportal-link {
    padding-left: 15px;
    /* font-weight: 400;
    font-size: 16px; */
    color: #ffffff66 !important;
}

.studentportal-link::before {
    content: url("https://www.lucoakademi.se/wp-content/uploads/2022/09/user1.svg");
    padding-right: 5px;
}

/* Meny-listan */
.uk-nav-default li.menu-item {
	border-bottom: 1px solid #353535;
}

#tm-mobile .menuMobile .uk-grid-margin > div > ul > li a:hover {
    color: var(--hoverLink) !important;
}

#tm-mobile .menuMobile .uk-grid-margin > div > ul > li a {
    padding: 30px 0px 30px 30px;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 14px;
    line-height: 19.07px;
    letter-spacing: 0.04em;
    color: var(--white) !important;
}
/* -- Loves dropdown: end -- */

#dropdown-container .dropdown-btn {
    background-color: rgba(255, 255, 255, 0) !important;
    /* color: #232323; */
    font-weight: 600;
    font-size: 14px;
    line-height: 19.07px;
    border: none;
    padding: 0;
    height: 19px;
    letter-spacing: 1.5px;
    display: flex;
    align-items: center;
}

/* mobile only */
@media (max-width: 960px) {
    .uk-section-default[tm-header-transparent] {
/*         margin-top: -95px; */
    }

    .luco-dropdown > a::after {
        content: "";
        width: 1.625em;
        height: 1.625em;
        margin-left: 0 !important;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin-right: 0;
        transform: rotate(-90deg);
    }

    .luco-dropdown .uk-nav-sub {
        padding: 0 !important;
        background-color: var(--grey);
    }

    .luco-dropdown .uk-nav-sub a {
        padding-left: 50px !important;
        border-bottom: 1px solid var(--black);
    }
}

/* Header desktop */
@media (min-width: 960px) {
    /* dropdown vid logga */
    .uk-navbar-transparent #dropdown-container .dropdown-btn {
        background-color: rgba(255, 255, 255, 0) !important;
        color: var(--white);
        font-weight: 600;
        font-size: 14px;
        line-height: 19.07px;
        border: none;
        padding: 0;
        height: 19px;
        letter-spacing: 1.5px;
        display: flex;
        align-items: center;
    }

    .uk-navbar-container:not(.uk-navbar-transparent)
        #dropdown-container
        .dropdown-btn {
        background-color: rgba(255, 255, 255, 0) !important;
        color: var(--black);
        font-weight: 600;
        font-size: 14px;
        line-height: 19.07px;
        border: none;
        padding: 0;
        height: 19px;
        letter-spacing: 1.5px;
        display: flex;
        align-items: center;
    }

    /* .page-id-6 #dropdown-container .dropdown-btn, .page-id-8 #dropdown-container .dropdown-btn {
        color: var(--white);
     } */

    .uk-navbar-transparent .dropdown-btn::after {
        content: "";
        width: 1.625em;
        height: 1.625em;
        margin-left: auto;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin-right: 0;
        transform: rotate(-90deg);
    }

    .uk-navbar-container:not(.uk-navbar-transparent) .dropdown-btn::after {
        content: "";
        width: 1.625em;
        height: 1.625em;
        margin-left: auto;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23232323%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin-right: 0;
        transform: rotate(-90deg);
    }

    #dropdown-content ul .dropdown-divider {
        margin: 0;
        color: rgba(170, 170, 170, 1);
    }

    #dropdown-content {
        padding: 0 !important;
        min-width: 150px;
        max-height: 47px;
        box-sizing: border-box;
        border: none;
    }

    #dropdown-content ul {
        background-color: #fff;
        font-size: 14px;
        line-height: 19.07px;
        font-weight: 600;
    }

    #dropdown-content .dropdown-link {
        padding: 14px 20px !important;
        color: #232323;
        letter-spacing: 1.5px;
        font-family: "Open Sans";
    }

    #dropdown-content .uk-active .dropdown-link {
        background-color: #5f5f5f;
        color: #aaaaaa;
        border: none;
    }
    /* dropdown end */

    .uk-navbar-container.uk-navbar-transparent {
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.4) 0%,
            rgba(0, 0, 0, 0) 100%
        );
    }

    /* Utbildningar dropdown */
    .uk-navbar-container.uk-navbar-transparent .luco-dropdown > a::after {
        content: "";
        width: 1.625em;
        height: 1.625em;
        margin-left: auto;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin-right: 0;
        transform: rotate(-90deg);
    }

    .uk-navbar-container:not(.uk-navbar-transparent) .luco-dropdown > a::after {
        content: "";
        width: 1.625em;
        height: 1.625em;
        margin-left: auto;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23232323%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        margin-right: 0;
        transform: rotate(-90deg);
    }

    .uk-navbar-sticky .luco-dropdown > a::after {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23232323%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
    }

    /* search-modal som banner */
    .luco-search-modal {
        min-height: 95px !important;
    }

    .luco-search-modal .uk-search-input {
        margin-top: 10px;
        text-align: left !important;
        border-bottom: 1px solid rgba(35, 35, 35, 0.4) !important;
    }
}