/*
Theme Name: Leadonit Child
Theme URI: https://leadonit.com
Description: Custom child theme for Leadonit
Author: Nikola Ristic
Author URI: https://leadonit.com
Template: kadence
Version: 1.0.0
Text Domain: leadonit-child
*/

:root {
    --leadonit-bg: var(--global-palette3);
    --leadonit-bg-soft: var(--global-palette4);
    --leadonit-card: var(--global-palette5);
    --leadonit-border: var(--global-palette6);
    --leadonit-text: var(--global-palette7);
    --leadonit-text-soft: var(--global-palette8);
    --leadonit-muted: var(--global-palette9);
    --leadonit-primary: var(--global-palette1);
    --leadonit-primary-dark: var(--global-palette2);
    --leadonit-primary-light: var(--global-palette10);
}

body {
    background: var(--leadonit-bg);
    color: var(--leadonit-text);
}

.site,
.site-content,
.site-main,
.content-wrap,
.entry,
.entry-content-wrap,
.hentry {
    background: transparent;
}

.content-style-unboxed .hentry,
.content-style-boxed .hentry {
    background: transparent;
    box-shadow: none;
}

.site-header-wrap {
    background: rgba(7, 11, 20, 0.88);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
}

.site-branding a,
.site-branding .site-title {
    color: var(--leadonit-text) !important;
    font-weight: 700;
}

.navigation .menu>li>a,
.main-navigation .main-menu>li>a {
    color: var(--leadonit-text-soft);
    font-weight: 500;
}

.navigation .menu>li>a:hover,
.main-navigation .main-menu>li>a:hover {
    color: var(--leadonit-text);
}

.header-button-wrap .button,
.kt-header-button .button,
.site-header .button {
    min-width: 190px;
    white-space: nowrap;
    border-radius: 12px;
    padding: 14px 22px;
    font-weight: 600;
}

.leadonit-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 20%, rgba(96, 165, 250, 0.16) 0%, rgba(96, 165, 250, 0) 38%),
        radial-gradient(circle at 15% 30%, rgba(22, 119, 255, 0.12) 0%, rgba(22, 119, 255, 0) 28%),
        radial-gradient(circle at 85% 30%, rgba(22, 119, 255, 0.12) 0%, rgba(22, 119, 255, 0) 28%),
        linear-gradient(180deg, #0b1020 0%, #070b14 100%);
    padding-top: 120px;
    padding-bottom: 120px;
}

.leadonit-hero .kt-inside-inner-col,
.leadonit-hero .wp-block-kadence-column {
    position: relative;
    z-index: 2;
}

.leadonit-hero .kt-adv-heading_eyebrow,
.leadonit-hero .leadonit-eyebrow,
.leadonit-hero .wp-block-kadence-advancedheading .kb-highlight,
.leadonit-hero .wp-block-kadence-advancedheading[data-kb-block="kb-adv-heading"] span {
    color: var(--leadonit-muted);
}

.leadonit-hero h1 {
    max-width: 980px;
    margin: 0 auto 24px;
    color: var(--leadonit-text);
    font-size: clamp(42px, 6vw, 76px);
    line-height: 0.98;
    letter-spacing: -0.04em;
    text-wrap: balance;
}

.leadonit-hero p {
    max-width: 820px;
    margin: 0 auto 32px;
    color: var(--leadonit-text-soft);
    font-size: 18px;
    line-height: 1.7;
}

.leadonit-hero .wp-block-buttons,
.leadonit-hero .kt-btn-wrap {
    justify-content: center;
    gap: 14px;
}

.leadonit-hero .wp-block-button__link,
.leadonit-hero .kb-button {
    border-radius: 12px !important;
    padding: 14px 24px !important;
    font-weight: 600;
}

.leadonit-hero .wp-block-button.is-style-outline .wp-block-button__link,
.leadonit-hero .kb-button.kt-btn-outline-style {
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: var(--leadonit-text) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

.leadonit-hero .wp-block-button.is-style-outline .wp-block-button__link:hover,
.leadonit-hero .kb-button.kt-btn-outline-style:hover {
    border-color: rgba(22, 119, 255, 0.45) !important;
    background: rgba(22, 119, 255, 0.08) !important;
}

.leadonit-hero,
.leadonit-hero .kt-inside-inner-col {
    text-align: center;
}

.leadonit-hero h1 {
    max-width: 980px;
    margin: 0 auto 24px;
    text-align: center;
    margin-top: 68px !important;
}

#primary {
    margin-top: 0px !important;
}

.mobile-header-button-inner-wrap a {
    padding: 0;
}

@media (max-width: 1024px) {

    .header-button-wrap .button,
    .kt-header-button .button,
    .site-header .button {
        min-width: 170px;
        padding: 12px 18px;
    }

    .leadonit-hero {
        padding-top: 96px;
        padding-bottom: 96px;
    }
}

@media (max-width: 767px) {
    .leadonit-hero {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .leadonit-hero h1 {
        max-width: 100%;
    }

    .leadonit-hero p {
        font-size: 16px;
    }
}

.leadonit-hero {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 20%, rgba(96, 165, 250, 0.16) 0%, rgba(96, 165, 250, 0) 38%),
        radial-gradient(circle at 15% 30%, rgba(22, 119, 255, 0.12) 0%, rgba(22, 119, 255, 0) 28%),
        radial-gradient(circle at 85% 30%, rgba(22, 119, 255, 0.12) 0%, rgba(22, 119, 255, 0) 28%),
        linear-gradient(180deg, #0b1020 0%, #070b14 100%);
}

.leadonit-hero .kt-row-column-wrap,
.leadonit-hero .kt-inside-inner-col {
    max-width: 1280px;
    margin: 0 auto;
}

@media (max-width: 767px) {

    .leadonit-hero .kt-row-column-wrap,
    .leadonit-hero .kt-inside-inner-col {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

.expertise-pill a {
    text-decoration: none !important;
}