html body {
    font-family: calibri, Verdana  !important;
    font-size: 18px !important;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}

.pop-out-color-primary {
    color: #FA7C00;
}

.pop-out-color {
    color: #FA7C00;
}

input[type=button],
input[type=submit] {
    background-color: #FA7C00;
    color: #FFFFFF;
}

    input[type=button]:hover,
    input[type=submit]:hover {
        opacity: .6;
    }

body {
    color: #3F3F3F;
    background-color: #FFFFFF;
}

body a {
    color: #8D3175;
}

body a:hover {
    color: #3F3F3F;
} 

body .fc-event {
    border: 1px solid #8D3175;
}
.text-primary {
    color: #FA7C00 !important;
}

.text-dark {
    color: #3F3F3F !important;
}

.right-column a:hover {
    text-decoration: none;
    color: #3F3F3F;
}

    .right-column a:hover .right-text {
        color: #3F3F3F;
    }

.right-column a .right-text {
    color: #CCCCCC;
}

.right-column .right-item {
    border-bottom: 1px solid #CCCCCC;
}

.getvideo:hover {
    background-color: #F7F4F5;
    color: #3F3F3F;
}

.content-container {
    background-color: #FFFFFF;
}

footer, .banner {
    background-color: #F7F4F5;
    border-color: #F7F4F5;
}

nav.navbar .nav-item.dropdown .dropdown-toggle::after {
    border-color: #FA7C00;
}

.nav-item .nav-link {
    background-color: #FFFFFF;
    color: #3F3F3F !important;
}

.nav-item.dropdown .dropdown-toggle::after {
    border-color: #FA7C00;
}

.nav-item.dropdown .dropdown-item, .nav-item.dropdown .dropdown-item:hover, .nav-item.dropdown .dropdown-item:focus {
    background-color: #F7F4F5;
    color: #3F3F3F;
}

    .nav-item.dropdown .dropdown-item:before {
        color: transparent;
    }

    .nav-item.dropdown .dropdown-item:not(.dropdown-toggle):hover:before {
        color: #FA7C00;
    }

.nav-item.dropdown .dropdown-menu {
    color: #3F3F3F;
    background-color: #F7F4F5;
}

.nav-item.dropdown.show:after {
    color: #F7F4F5;
}

#search-bar {
    color: #3F3F3F;
}

    #search-bar .search {
        color: #3F3F3F;
    }

        #search-bar .search:hover {
            color: #FA7C00;
        }

    #search-bar input[type=text] {
        border-bottom: 2px solid #3F3F3F;
    }

        #search-bar input[type=text]::placeholder {
            color: #CCCCCC;
        }

        #search-bar input[type=text]:-ms-input-placeholder {
            color: #CCCCCC;
        }

        #search-bar input[type=text]::-ms-input-placeholder {
            color: #CCCCCC;
        }

.tekst-blok a.card-a {
    color: #3F3F3F;
}

    .tekst-blok a.card-a:hover {
        color: #3F3F3F;
    }

    .tekst-blok a.card-a .meer-info, .tekst-blok a.card-a .feather-chevron-right {
        color: #8D3175;
    }

.tekst-blok .card {
    background-color: #FFFFFF;
}

body .hc-socials a {
    border: 2px solid #FA7C00;
}

body .hc-socials a:hover,
body .hc-socials a:focus {
    background: #FA7C00;
    color: #FFFFFF;
}

body .hc-socials a:focus svg,
body .hc-socials a:focus svg path,
body .hc-socials a:hover svg,
body .hc-socials a:hover svg path {
    color: #FFFFFF;
    stroke: #FFFFFF;
}

@media (max-width: 992px) {
    body .nav-item .nav-link, .navbar-collapse,
    body .nav-item.dropdown .dropdown-item,
    body .nav-item.dropdown .dropdown-item:hover,
    body .nav-item.dropdown .dropdown-item:focus,
    body .nav-item.dropdown .dropdown-menu,
    body nav.navbar .nav-item.dropdown .dropdown-menu,
    #search-bar-md input[type=text] {
        background: #FA7C00;
        background-color: #FA7C00;
        color: #FFFFFF !important;
        filter: brightness(100%);
    }

        #search-bar-md input[type=text]::placeholder {
            color: #FFFFFF !important;
            opacity: .6;
        }

        #search-bar-md input[type=text]:-ms-input-placeholder {
            color: #FFFFFF !important;
            opacity: .6;
        }

        #search-bar-md input[type=text]::-ms-input-placeholder {
            color: #FFFFFF !important;
            opacity: .6;
        }

    body nav.navbar .nav-item.dropdown .dropdown-toggle::after {
        border-color: #FFFFFF;
    }

    body .navbar-toggler:after, body .navbar-toggler:before,
    body .navbar-toggler div {
        background-color: #FFFFFF;
    }

    body .navbar-toggler.collapsed:after, body .navbar-toggler.collapsed:before,
    body .navbar-toggler.collapsed div {
        background-color: #3F3F3F;
    }
}

@media (min-width: 992px) {
    header {
        /*background-color: $main-bg-color;*/
    }

    .hasbanner .banner h1.navBanner {
        background-color: #FFFFFF;
        color: #FA7C00;
    }
}