/*######General######*/

    /*Default Font Size*/
    html{
    font-size: 18px;
    }
    /*fix for font size in buttons if font size is unter 16px*/


    /*Font Family(ies)*/
    body,
    .tooltip, .popover, h2, p,  .main-footer .left span, .main-footer .right, .navbar.navbar-main .top-menu-wrapper .navbar-brand,
    .sidebar.sidebar-main a span,
    .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
    .full-page section .section-header .title,
    .iw-stepper .iw-step .circle,
    .page-container-register .title,
    .page-container-landing-page .title,
    .page-container-checkout section .section-header
    {
    font-family:Open Sans,sans-serif !important;
    }


    /*headers and tabs color*/
    .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
    section .section-header .title,
    .iw-ribbon .bg-ribbon,
    .text-primary,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card .price,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active i,
    .nav-tabs .nav-link:hover:not(.active),
    .iw-catalogue-wrapper .product .info-area .title a:hover,
    .iw-catalogue-wrapper .modal .product .info-area .title a:hover,
    .iw-catalogue-wrapper .product.preview .price,
    .iw-catalogue-wrapper .modal .product.preview .price
    {
    color:#2f2854 !important;
    }

    /*bookmark (bg-ribbon) color*/
    .iw-ribbon .fg-ribbon
    {
    background: #2f2854 !important;
    width:auto !important;
    }

    .page-link, .page-link:hover, a, a:hover,
    .checkbox-icon,
    input[type="checkbox"]:checked ~ i span:nth-of-type(1),
    input[type="radio"]:checked ~ i span:nth-of-type(1),
    input[type="checkbox"]:checked ~ i span:nth-of-type(2),
    input[type="radio"]:checked ~ i span:nth-of-type(2),
    input[type="checkbox"]:not(:checked) ~ i span:nth-of-type(1),
    input[type="radio"]:not(:checked) ~ i span:nth-of-type(1),
    .iw-stepper .iw-step,
    .slick-prev::before, .slick-next::before,
    .content-product-details #iw-aside-scroll-container #iw-product-section-features .list-group-item.active i,
    .info-tooltip.btn.btn-plain,
    .progressrim .percent .number span,
    .btn-link:hover, .btn.btn-glyph:hover
    {
    color:#2f2854;
    }

    .btn-link, .btn.btn-glyph{
    color:#2f2854e6;
    }

    .progressrim svg circle:nth-child(2){
    stroke:#2f2854;
    }

    .iw-stepper .iw-step .circle{
    }
    .iw-stepper .iw-step.current .circle{
    background-color:#2f2854e6;
    }

    .nb-stepper-step {
    color: #2f2854;
    }

    .nb-stepper-step.nb-stepper-step--completed::after {
    background-color: #2f2854;
    }

    .nb-stepper-step.nb-stepper-step--current .nb-stepper-step__circle, .nb-stepper-step.nb-stepper-step--current::after {
    background-color: #2f2854;
    }

    .stepper-step.nb-stepper-step--current .nb-stepper-step__text {
    color: #2f2854;
    }

    .stepper-step.nb-stepper-step--current .nb-stepper-step__circle {
    background-color: #2f2854;
    }

    .nb-stepper-step.nb-stepper-step--current .nb-stepper-step__text {
    color: #2f2854;
    }

    .nb-stepper-step.nb-stepper-step--completed .nb-stepper-step__text {
    color: #2f2854;
    }

    .form-control:focus{
    border-color:#2f28544c;
    }

    option:hover {
    box-shadow: 0 0 10px 100px red inset;
    }

    .badge-primary,
    .iw-stepper .iw-step::after,
    .iw-stepper .iw-step + .iw-step::after,
    .select2-container--bootstrap4 .select2-results__option--highlighted,
    .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"],
    .btn-action:hover,
    .content-product-details #iw-aside-scroll-container .iw-product-section-editions .edition-wrapper .edition .addon-item.card:hover .card-footer .buttons-wrapper{
    background-color:#2f2854;
    }
    .bg-primary{
    background-color:#2f2854 !important;
    }

    .select2-container--bootstrap4.select2-container--focus .select2-selection{
    border-color: #2f285499;
    box-shadow: 0 0 0 .2rem #2f28544d;
    }

    .sidebar.sidebar-main a::after,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card,
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.active .nav-link{
    border-color:#2f2854;
    }

    .sidebar.sidebar-main a::before{
    border-color:#2f285430 !important;
    }

    .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active{
    border-left-color:#2f2854;
    border-right-color:#2f2854;
    }

    .custom-select:focus
    {
    border-color:#2f28544d;
    }
    /*BUTTONS*/
    :root {
    --nb-primary-button-background-color: #2f2854;
    --nb-primary-button-border-color:     #2f2854;

    --nb-primary-button-background-color--hover: #2f2854;
    --nb-primary-button-border-color--hover:     #2f2854;

    --nb-primary-button-background-color--active: #2f2854;
    --nb-primary-button-border-color--active:     #2f2854;

    --nb-primary-button-background-color--focus: #2f2854;
    --nb-primary-button-border-color--focus:     #2f2854;

    --nb-secondary-button-border-color: #2f2854;
    --nb-secondary-button-text-color:   #2f2854;

    --nb-secondary-button-background-color--hover: #2f285440;
    --nb-secondary-button-border-color--hover:     #2f2854;
    --nb-secondary-button-text-color--hover:       #2f2854;

    --nb-secondary-button-background-color--active: #2f285440;
    --nb-secondary-button-border-color--active:     #2f2854;
    --nb-secondary-button-text-color--active:       #2f2854;

    --nb-secondary-button-background-color--focus:           #2f285440;
    --nb-secondary-button-border-color--focus: border-color: #2f2854;

    --nb-outline-primary-button-border-color: #2f2854;
    --nb-outline-primary-button-text-color: #2f2854;

    --nb-outline-primary-button-background-color--hover: #2f285440;
    --nb-outline-primary-button-border-color--hover:     #2f2854;
    --nb-outline-primary-button-text-color--hover:       #2f2854;

    --nb-outline-primary-button-background-color--focus: #2f285440;
    --nb-outline-primary-button-border-color--focus:     #2f2854;
    --nb-outline-primary-button-text-color--focus:        #2f2854;
    }

    .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled).active,
    .page-item.active .page-link {
    background-color:#2f2854;
    border-color:#2f2854;
    }

    .btn.btn-icon {
    color:#2f2854;
    border-color:#2f2854;
    }

    .btn.btn-icon:hover:not(:disabled):not(.disabled) {
    color:#2f2854;
    border-color:#2f2854;
    background-color:#2f285440;

    }

    .dropdown-item:not(:disabled):not(.disabled):active, .dropdown-item:not(:disabled):not(.disabled).active{
    border-color:#2f285440;
    background-color:#2f285440;
    }

    .iw-filters-container .iw-filters-list .filter-list .filter-item a:hover:not(:disabled):not(.disabled),
    .iw-filters-container .iw-filters-list .filter-list .filter-item a.selected:not(:disabled):not(.disabled),
    .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled):active,
    .dropdown-item:hover
    {
    border-color: #2f2854bf;
    background-color: #2f2854bf;
    }

    .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
    .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
    border-left-color: #2f2854;
    }

    .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
    .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
    border-right-color: #2f2854;
    }

    /*Custom range*/

    .custom-range::-webkit-slider-thumb {
    background-color: #2f2854;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-webkit-slider-runnable-track {
    background-color: #2f28544c;
    }

    .custom-range::-moz-range-thumb {
    background-color: #2f2854;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-moz-range-thumb:active {
    background-color: #ebf1fe;
    background-color: #2f285419;
    }

    .custom-range::-moz-range-track {
    background-color: #2f28544c;
    }

    .custom-range::-ms-thumb {
    background-color: #2f2854;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-ms-fill-lower {
    background-color: #2f28544c;
    }

    .custom-range::-ms-fill-upper {
    background-color: #2f28544c;
    }

    /*Custom switch*/
    .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #2f2854;
    background-color: #2f2854;
    }

    .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color: #2f285450;
    }

    /*Custom radio*/
    .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: #2f285450;
    background-color: #2f285450;
    }

    .iw-list-picker-item.is-selected,
    .iw-list-picker-item:hover {
    border-color: #2f2854;
    }

    /*Theme UI Components*/

    .nb-section .nb-main-title
    {
    color:#2f2854 !important;
    }

    .nb-grid .k-grid a
    {
    color:#2f2854;
    }

    /*Override hardcoded min-height*/
    .nb-search-input {
    min-height: initial !important;
    }

    .browser-compatibility {
    background-color:#2f2854 !important;
    }



/*CustomCSS*/
/* CSONE ADDED CSS */

.page-container-home {background:#f3f1f7;font-weight:300!important;}
.page-container-home strong {font-weight:700!important;}
span.description{
color:black;
}

.sidebar.sidebar-main{
background-color:#5e597a
}
.sidebar.sidebar-main a {color:#ffffff;}
.sidebar.sidebar-main a span, .sidebar.sidebar-main a i {color:#ffffff!important;}
.sidebar.sidebar-main a.active {color:#ffffff;background:#28214e;border-left:3px solid #5fc2d8;}
.sidebar.sidebar-main a:hover  {color:#ffffff;background:#363152;}
.sidebar.sidebar-main a.active i {color:#ffffff!important;}


nav.navbar.navbar-main {background:#28214e;color:#ffffff;}
button.btn.sidebar-toggler {background:#28214e;}
button.btn.sidebar-toggler i {color:#ffffff!important;}

.iw-filters .title {
background-color:#FFFFFF
}

/** FEATURED **/
.iw-aside-section {background:none!important;}

.product {background:#ffffff;padding:2em;margin-right:1em;border-right:none!important;box-shadow:0px 3px 10px #e2e0e6;font-weight:300;color:#28214e;}
.product > :nth-child(3n+3) { margin-right: 0; }
.product:hover {box-shadow:0px 3px 20px #bfbac9;}
.product h3 span {font-weight:700;color:#28214e;}
.product p span {font-weight:300;}
.product .btn.btn-primary {background-color:#5fc2d8;}
.vendor-name {font-weight:700!important;font-size:0.9em;text-transform:uppercase;color:#5fc2d8!important;}
.price-analysis-container {font-weight:700!important;}

/**** BANNERS ****/
.boxwhite {background:#ffffff;padding:2em;display:block;position:relative;color:#5e597a;font-weight:300!important;}
.hpcover {padding:5em;color:#ffffff;}
.hpcover h1 {font-size:3em;font-weight:300!important;}
.hpcover p.lg {font-size:1.4em;line-height:1.4em;font-weight:300!important;}
@media only screen and (max-width: 480px) {
.hpcover {padding:2em}
.hpcover h1 {font-size:2em;}
.hpcover p.lg {font-size:1em;line-height:1.4em;}
.hpcover p {font-size:0.9em;line-height:1.2em;}
}


/**** BUTTONS ****/
#topmenu-btn-registerlogin button.btn.btn-outline-primary, #topmenu-btn-registerlogin button.btn.btn-primary{background:none;padding:0!important;color:#ffffff;}
#topmenu-btn-registerlogin button:hover.btn.btn-outline-primary, #topmenu-btn-registerlogin button:hover.btn.btn-primary {background:#5fc2d8!important;padding:0!important;color:#ffffff;}

#topmenu-btn-registerlogin button.btn.btn-outline-primary:before {content:''!important;background:url('https://bss.eu.interworks.cloud/Data/System/2021/5/18/8E750643-78C6-4AEC-A5D6-7CF67454B263/register-icon.png') no-repeat center center!important;background-size:contain!important;width:20px!important;height:20px!important;display:inline-block!important;margin-right:0.5em!important;}

#topmenu-btn-registerlogin button.btn.btn-primary:before {content:''!important;background:url('https://bss.eu.interworks.cloud/Data/System/2021/5/20/4247F717-5780-477F-85B6-A538FF5873FB/login-icon.png') no-repeat center center!important;background-size:contain!important;width:20px!important;height:20px!important;display:inline-block!important;margin-right:0.5em!important;}
.btn {border-radius:0!important;border:none!important;text-transform:uppercase;font-size:0.85em;letter-spacing:0.1em;}


.navbar.navbar-main .top-menu-wrapper .navbar-brand .brand-logo {max-width:420px;}


.iw-carousel-cover .carousel-inner .carousel-item .cover-item-info  .title {color: #28214e;}

.iw-carousel-cover .carousel-inner .carousel-item .cover-item-info .description {
color: #28214e;
font-size: 1em
font-weight: 300;
line-height: 1.5;
}

.iw-carousel-cover .carousel-inner .carousel-item .cover-item-info .description a {
text-decoration: underline;
color: #5fc2d8;
}
.iw-carousel-cover .carousel-inner .carousel-item .cover-item-info .description a:hover {
	color: #FF931E;
}

footer {
background: #28214e;
color: #fff;
}
}
footer .title {
color: #fff;font-weight:700!important;
}
footer p {font-weight:300!important;}
footer a {
color: #fff;font-weight:300!important;
}
footer a:hover {
	color: #5fc2d8;
}
footer .legals {
font-size: .8em;font-weight:300!important;
}
}

.main-footer .title {
color: #fff;font-weight:700!important;
}
.main-footer a {
color: #fff;font-weight:300!important;
}
}
.main-footer a:hover {
	color: #5fc2d8;
}


.ml-3.d-flex.flex-column.w-100 .iw-description.mb-1 span{
color:black !important;
}

<a class="navbar-brand d-flex align-items-center" href="https://www.advantage.co.uk/" aria-label="Company Name: Advantage Business Systems"
                   title="Advantage Business Systems">
                    <img id="brandLogo" class="brand-logo"
                         src="https://shop.advantage.co.uk/?bridge=image&amp;m=base&amp;d=220&amp;type=WebHeader&amp;name=advlogorev2.png"
                         alt="Advantage Business Systems" />