/*
 |--------------------------------------------------------------------------
 | Wadan UOS - brand layer (public site)
 |--------------------------------------------------------------------------
 | Hand written. Sits after brand.generated.css and holds what the machine
 | recolour cannot express: gradients, the text fallback for a missing
 | institute logo, and a few accents the stock sheet hardcodes.
 |
 | The public site is the CLIENT's. Its logo, name and copyright come from
 | Setting; only the palette follows the product.
 */

:root {
    --wadan-50: #eef0fd;
    --wadan-100: #d9ddf9;
    --wadan-200: #a6aeee;
    --wadan-300: #7a86e0;
    --wadan-400: #5668cd;
    --wadan-500: #4c58c4;
    --wadan-600: #3d46a0;
    --wadan-700: #323275;
    --wadan-800: #2c2f5e;
    --wadan-900: #23264a;

    --wadan-gradient: linear-gradient(135deg, #5668cd 0%, #323275 100%);
}

/* Institute name standing in for an unset logo. */
.logo .logo-wordmark {
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.3px;
    color: var(--wadan-700);
}

/* Primary buttons and the slider call to action. */
.btn,
.ss-btn {
    background: var(--wadan-500);
    border-color: var(--wadan-500);
}

.btn:hover,
.ss-btn:hover {
    background: var(--wadan-600);
    border-color: var(--wadan-600);
}

/* Section eyebrow rules and heading underlines. */
.section-title h5:before,
.about-title h5 i,
.footer-widget .footer-title:after {
    background-color: var(--wadan-500);
    color: var(--wadan-500);
}

/* Footer: the stock sheet paints this navy from several selectors. */
.footer-bg,
.footer-area {
    background-color: var(--wadan-900);
}

.copyright-wrap,
.footer-bottom {
    background: var(--wadan-500);
}

.footer-widget ul li a:hover,
.footer-widget a:hover {
    color: var(--wadan-200);
}

/* Social pills in the footer. */
.footer-social a,
.footer-widget .fsocial a {
    background: rgba(166, 174, 238, 0.16);
    color: #fff;
}

.footer-social a:hover,
.footer-widget .fsocial a:hover {
    background: var(--wadan-500);
}

/* Slider overlay: keep the caption legible over the brand gradient. */
.slider-area .slider-active .single-slider:before {
    background: linear-gradient(90deg, rgba(35, 38, 74, 0.88) 0%, rgba(35, 38, 74, 0.45) 100%);
}

/* Cards and tiles that carry the accent colour. */
.services-box07.active,
.services-box07:hover {
    background: var(--wadan-gradient);
}

.services-box07.active h5,
.services-box07.active p,
.services-box07:hover h5,
.services-box07:hover p {
    color: #fff;
}

.course-item .course-info .price,
.event-item .date,
.news-item .date {
    background: var(--wadan-500);
    color: #fff;
}

/* Pagination and form focus. */
.pagination li.active a,
.pagination li a:hover {
    background: var(--wadan-500);
    border-color: var(--wadan-500);
    color: #fff;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--wadan-300);
    box-shadow: 0 0 0 0.15rem rgba(76, 88, 196, 0.2);
}