/*
    Finastra colours:

    Purple: #694ed6;
    Pink: #cb42ab;

*/

/* selected text colour ======================================================================================== */
::selection {
    background: #694ed6; /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #694ed6; /* Gecko Browsers */
}

/* headers ======================================================================================== */

h1, h2, h3, h4, h5, h6 { }

.registration-form h1, .registration-form h2, .registration-form h3, .registration-form h4, .registration-form h5, .registration-form h6 { }

/* color ======================================================================================== */

a, .main-wrapper-header .breadcrumbs-wrapper .breadcrumb > li + li:before, .navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus, .mega-menu-list > li > a:hover, .mega-menu-list > li > a:focus, .dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus, .title-color, .btn-primary.btn-alt, .cl-effect-4 a:hover::before,
.cl-effect-4 a:focus::before, .accordion .accordion-toggle, .accordion .accordion-toggle.collapsed:hover, .scrollup:hover, 
.scrollup:focus, .team-info .team-role, .nav-tabs.tabs-alt > li.active > a, .nav-tabs.tabs-alt > li.active > a:hover, 
.nav-tabs.tabs-alt > li.active > a:focus, .post-format, .product-links ul li a:hover, .shop-product .product-links ul li a:focus, 
.nav-tabs > li > a:hover, .footer-middle .footer-widget .tweet_list li .tweet_text a { 
    color: #694ed6; 
}

@media (min-width: 992px) {
    .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #694ed6; }
}

/* background color ======================================================================================== */

    .mega-menu-list > li.active > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
    .fancy-title span:after, .text-center.fancy-title span:after, .text-right.fancy-title span:after, .carousel .owl-controls .owl-buttons div,
    .carousel .owl-controls .owl-page span, .btn-primary, .btn-primary.btn-alt:hover, .btn-primary.btn-alt:focus,
    .btn-primary.btn-alt:active, .btn-primary.btn-alt.active, .open .dropdown-toggle.btn-primary.btn-alt,
    .progress-bar, hr.hr-fancy:after, .label-primary, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, 
    .nav-pills > li.active > a:focus, .pricing-table .pricing-table-head .pricing-head-title, .pagination > .active > a,
    .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover,
    .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover,
    .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus,
    .blog-post .blog-post-side .blog-post-date, ul#filters li a.filter.selected, .colio-theme-gfx .colio-close,
    .colio-theme-gfx .colio-navigation a, .nav-tabs.tabs-alt > li.active > a:after, .accordion.accordion-alt .accordion-toggle,
    .accordion.accordion-alt .accordion-toggle.collapsed:hover, .overlay-bg, .o-tooltip-inner, .cl-effect-2 a::before,
    .cl-effect-2 a::after, .cl-effect-5 a::before, .cl-effect-5 a::after, .cl-effect-6 a::before, .cl-effect-6 a::after {
        background-color: #694ed6;
    }

/* border color */

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, 
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, 
.pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, ul#filters li a.filter.selected, 
.btn-primary.btn-alt, .btn-primary.btn-alt:hover, .btn-primary.btn-alt:focus, .btn-primary.btn-alt:active, .btn-primary.btn-alt.active, 
.open .dropdown-toggle.btn-primary.btn-alt, .form-control:focus, .nav-tabs.nav-justified > .active > a:focus, .glyphs.css-mapping input:focus, 
.glyphs.css-mapping input:hover, .scrollup:hover, .scrollup:focus { 
    border-color: #694ed6; 
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a { border-bottom-color: #694ed6; }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #694ed6; }
}

/* hover color */

a:hover, a:focus, .social-top a:hover, .social-top a:focus, .top-menu a:hover, .top-menu a:focus, .footer-bottom a:hover,
.post-meta-info a:hover, .post-meta-info a:focus {
    color: #cb42ab;
}

/* specials */

.nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom-color: #8a8d8f; }

.carousel .owl-controls .owl-page.active span, .carousel .owl-controls.clickable .owl-page:hover span { background-color: #8a8d8f !important; }

.o-tooltip.bc .o-tooltip-arrow { border-top-color: #8a8d8f; }

.o-tooltip.mr .o-tooltip-arrow { border-left-color: #8a8d8f; }

.o-tooltip.tc .o-tooltip-arrow { border-bottom-color: #8a8d8f; }

.o-tooltip.ml .o-tooltip-arrow { border-right-color: #8a8d8f; }

.o-tooltip.tl .o-tooltip-arrow { border-left-color: #8a8d8f; }

.o-tooltip.bl .o-tooltip-arrow { border-left-color: #8a8d8f; }

.o-tooltip.tr .o-tooltip-arrow { border-right-color: #8a8d8f; }

.o-tooltip.br .o-tooltip-arrow { border-right-color: #8a8d8f; }

.cl-effect-4 a:hover::before, .cl-effect-4 a:focus::before { text-shadow: 10px 0 #000, -10px 0 #694ed6; }

.bg-color-default { background-color: #000 !important; }

.color-default { color: #000 !important; }

/* buttons ============================================================================= */

/* btn-primary */

.btn-primary, a.btn-primary {
    color: #fff !important;
    background-color: #694ed6 !important;
    border: solid 1px #694ed6 !important;
}
/*.btn-primary {
    background-color: #694ed6 !important;
    background-image: -webkit-linear-gradient(30deg, #51a13d 15%, #694ed6 0%);
}*/

    .btn-primary:hover, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
    .open .dropdown-toggle.btn-primary, .label-primary[href]:hover, .label-primary[href]:focus {
        color: #fff !important;
        border: solid 1px #cb42ab !important;
        background-color: #cb42ab !important;
        cursor: pointer;
    }

.bg-white .btn-primary:hover,
.bg-white .btn-primary:active:hover,
.bg-white .btn-primary:focus,
.bg-white .btn-primary:active,
.bg-white .btn-primary.active {
    border: solid 1px #694ed6 !important;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active,
.btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #8a8d8f !important;
}

.btn-primary .badge {
    color: #694ed6 !important;
    background-color: #fff !important;
}

/* btn-alt */

.btn-alt {
    color: #694ed6 !important;
    background: transparent;
    border: solid 1px #694ed6 !important;
}

    .btn-alt:hover, .btn-alt:focus, .btn-alt:active, .btn-alt.active, .open .dropdown-toggle.btn-alt {
        color: #fff !important;
        background: #694ed6;
        cursor: pointer;
        border-color: #fff !important;
    }

/* btn-default (not being used) */

.btn-default {
    color: #fff;
    background-color: #694ed6;
    border: none;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        color: #fff;
        background-color: #694ed6;
        cursor: pointer;
        transform: scale(1.03);
    }

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active { background-color: #f0f0f0; }

/* RadDatePicker ************************************************************************************************************************************/

/* date and change date instructions text */

.RadCalendar .rcTitle { color: #694ed6; }

/* disc of selected date of calendar */

.RadCalendar .rcMain .rcRow .rcSelected a {
    border-color: #694ed6 !important;
    background: #694ed6 !important;
}

/* disc of selected date of calendar hover */

.RadCalendar .rcMain .rcRow .rcSelected a:hover {
    border-color: #694ed6;
    background: #694ed6;
}

/* background of calendar icon button */

.RadInput a.date-popup-button {
    background-color: #694ed6 !important;
    /*background-color: transparent !important; set to transparent for non-white backgrounds */
}

/* Main Nav Menu ************************************************************************************************************************************/

.navbar .menu li a:before {
}
.navbar-nav .nav-item .nav-link:before {
    background: #694ed6 !important; /* overrides colour of underline of menu item on hover */
}

.navbar .collapsing,
.navbar .show {
    background-color: #fff !important;
    padding: 0 15px; /* set left/right padding to 15px when drop-down menu background is different from page background colour */
    padding: 0; /* set left/right padding to 0 when drop-down menu background is same as page background colour (e.g. white) */
}
@media only screen and (min-width: 768px) {
    .navbar-nav li {
        padding-right: 10px; /* set to 10px when drop-down menu background is different from page background colour */
        padding-right: 0; /* set to 0 when drop-down menu background is same as page background colour (e.g. white) */
    }
}
.navbar-nav .nav-item .nav-link.active,
.navbar-nav .nav-item .nav-link:hover {
    border-bottom: 2px solid #fff !important;
}
.navbar-nav .nav-item .nav-link {
    color: #000 !important;
}
    .navbar-nav .nav-item .nav-link.active,
    .navbar-nav .nav-item .nav-link:hover {
        color: #000 !important;
    }


.callout {
    border-color: #fbb055;
    border-left-color: #fbb055;
    background-color: #fdf5ec;
}
    .callout h4 {
        color: #fbb055;
    }