/*
Theme Name:		 PageBolt Child
Theme URI:		 https://pagebolt.uicore.co/
Description:	 Child theme for PageBolt - Landing Page WordPress Theme
Author:			 UiCore
Author URI:		 https://uicore.co
Template:		 pagebolt
Version:		 1.0.0
Text Domain:	 pagebolt
*/


/* Add your custom style here */
:root {
    /* Colors */
    --aimlab-0: #D0FFFF;
    --aimlab-100: #B3F5F5;
    --aimlab-200: #95ECEB;
    --aimlab-300: #73E2E1;
    --aimlab-400: #47D8D7;
    --aimlab-500: #3BC2C1;
    --aimlab-600: #239796;
    --aimlab-700: #178281;
    --aimlab-800: #116766;
    --aimlab-900: #0B4D4D;
    --aimlab-1000: #021E1E;
    --sephiroth-0: #3D3937;
    --sephiroth-100: #201D1C;
    --sephiroth-200: #151313;
    --sephiroth-300: #070606;
    --sonic-0: #DCDDFB;
    --sonic-100: #B9BAF6;
    --sonic-200: #7375EE;
    --sonic-300: #5052E9;
    --sonic-400: #2D30E5;
    --sonic-500: #1618B1;
    --sonic-600: #0E0F6F;
    --sonic-700: #080942;
    --sonic-800: #030316;
    --spyro-0: #DAC3FF;
    --spyro-100: #C7A5FF;
    --spyro-200: #A269FF;
    --spyro-300: #904BFF;
    --spyro-400: #7D2DFF;
    --spyro-500: #5F00FA;
    --spyro-600: #4C00C8;
    --spyro-700: #260064;
    --spyro-800: #130032;
    --kirby-0: #F8699F;
    --kirby-100: #F7508F;
    --kirby-200: #F6347D;
    --kirby-300: #D00A55;
    --kirby-400: #9C073F;
    --kirby-500: #68052A;
    --kirby-600: #340215;
    --pacman-0: #FFF5DA;
    --pacman-100: #FFEBB6;
    --pacman-200: #FFE191;
    --pacman-300: #FFCD48;
    --pacman-400: #FFC324;
    --pacman-500: #FEB800;
    --pacman-600: #D49900;
    --pacman-700: #A97B00;
    --pacman-800: #7F5C00;
    --pacman-900: #241A00;
    --yoshi-0: #C6F5D9;
    --yoshi-100: #8DEAB2;
    --yoshi-200: #54E08C;
    --yoshi-300: #38DB79;
    --yoshi-400: #23C262;
    --yoshi-500: #15743B;
    --yoshi-600: #0E4E27;
    --yoshi-700: #072714;
    --hollow-knight-0: #F7F7F7;
    --hollow-knight-100: #EAEAEA;
    --hollow-knight-200: #C1C1C1;
    --hollow-knight-300: #AEAEAE;
    --hollow-knight-400: #838383;
    --hollow-knight-500: #575757;
    --hollow-knight-600: #424242;
    --hollow-knight-700: #2C2C2C;
    --hollow-knight-800: #161616;
    --white-0: rgba(255, 255, 255, 1);
    --white-100: rgba(255, 255, 255, 0.05);
    --white-200: rgba(255, 255, 255, 0.1);
}

/* Backgrounds */
.radial-overlay--spyro {
    background: radial-gradient(122.07% 58.82% at 100% 100%, var(--spyro-500) 0%, rgba(19, 0, 50, 0) 100%);
}

/* Buttons */
.cta-button .elementor-button {
    background: conic-gradient(from 50deg at 65% 60%, rgba(254, 184, 0, 0) 0deg, rgba(255, 225, 145, 0.54) 360deg), linear-gradient(0deg, var(--pacman-500), var(--pacman-500)) !important;
}

.cta-button .elementor-button:hover {
    background: conic-gradient(from 50deg at 65% 60%, rgba(254, 184, 0, 0) 0deg, rgba(255, 242, 208, 0.54) 360deg), linear-gradient(0deg, var(--pacman-300), var(--pacman-300)) !important;
}

.download-button {
    color: var(--aimlab-400);
}

.download-button:hover {
    border-color: var(--white-0);
    color: var(--white-0);
}

.download-button p {
    color: inherit;
    transition: all 0.3s;
}

/* Typography */
.gradient-heading .elementor-heading-title {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.gradient-heading.aimlab-yoshi .elementor-heading-title {
    background: linear-gradient(to right, var(--aimlab-500), var(--yoshi-300));
}

.gradient-heading.pacman-kirby .elementor-heading-title {
    background: linear-gradient(to right, var(--pacman-400), var(--kirby-0));
}

/* Accents */
.emphasize-underline {
    position: relative;
}

.emphasize-underline::after {
    content: "";
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.emphasize-underline--1::after {
    background-image: url("assets/img/emphasize-underline-1.svg");
}

.emphasize-underline--2::after {
    background-image: url("assets/img/emphasize-underline-2.svg");
}

/* Navbar */
#uicore-page .uicore-header-wrapper {
    padding: 4px 0;
}

#uicore-page .uicore-header-wrapper::after {
    content: "";
    background: linear-gradient(90deg, rgba(71, 216, 215, 0) 0%, var(--aimlab-400) 50%, rgba(71, 216, 215, 0) 100%);
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
}

#uicore-page nav.elementor-container.uicore {
    column-gap: 20px;
}

#uicore-page .uicore-navbar:not(.uicore-left-menu) .uicore-branding {
    padding: 0;
}

#uicore-page button.uicore-ham {
    width: auto;
    padding: 0 !important;
}

#uicore-page .uicore-navbar nav .uicore-nav {
    justify-content: flex-start;
}

#uicore-page .uicore-nav-menu li {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

#uicore-page .uicore-navbar .uicore-nav-menu .uicore {
    flex-direction: row-reverse;
    align-items: center;
    column-gap: 12px;
}

#uicore-page .uicore-custom-area,
#uicore-page .uicore-cta-wrapper
{
    flex-shrink: 0;
}

#uicore-page .uicore-navbar .uicore-extra .uicore-btn {
    background: conic-gradient(from 50deg at 65% 60%, rgba(254, 184, 0, 0) 0deg, rgba(255, 225, 145, 0.54) 360deg), linear-gradient(0deg, var(--pacman-500), var(--pacman-500));
    border-radius: 25px;
    padding: 12px 32px;
}

#uicore-page .uicore-navbar .uicore-extra .uicore-btn:hover {
    background: conic-gradient(from 50deg at 65% 60%, rgba(254, 184, 0, 0) 0deg, rgba(255, 242, 208, 0.54) 360deg), linear-gradient(0deg, var(--pacman-300), var(--pacman-300));
}

#uicore-page .uicore-navbar .uicore-extra .uicore-btn .elementor-button-text {
    color: var(--pacman-900);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    transition: all 0.3s;
}

#uicore-page .uicore-navbar a.uicore-btn.cta-button:hover {
    color: var(--pacman-900);
}

#uicore-page .uicore-custom-area .wp-block-button a {
    background: var(--white-0);
    border: 2px solid var(--aimlab-400);
    border-radius: 25px;
    color: var(--aimlab-900);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    padding: 10px 32px;
    transition: all 0.3s;
}

#uicore-page .uicore-custom-area .wp-block-button:hover a {
    background: var(--aimlab-0);
    color: var(--aimlab-900);
}

@media (max-width: 1025px) {
    #uicore-page .uicore.elementor-section-boxed .uicore.elementor-container {
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 0 !important;
    }

    #uicore-page nav.elementor-container.uicore {
        column-gap: 16px;
    }

    #uicore-page .uicore-header-wrapper .uicore-extra,
    #uicore-page .uicore-navbar .uicore-nav-menu {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        row-gap: 8px;
        flex-wrap: wrap;
    }

    #uicore-page .uicore-navbar nav .uicore-nav {
        display: none !important;
    }

    #uicore-page .uicore-navbar:not(.uicore-left-menu) button.uicore-ham {
        order: 1;
    }

    #uicore-page .uicore-navbar:not(.uicore-left-menu) .uicore-branding {
        order: 2;
        margin-right: auto;
    }

    #uicore-page .uicore-navbar:not(.uicore-left-menu) .uicore-nav-menu {
        order: 3;
        flex: 0 0 auto;
        max-width: 100%;
    }

    #uicore-page .uicore-navbar .uicore-nav-menu .uicore {
        column-gap: 8px;
    }

    #uicore-page .uicore-cta-wrapper {
        width: auto;
    }

    #uicore-page .uicore-navbar .uicore-extra .uicore-btn,
    #uicore-page .uicore-custom-area .wp-block-button a {
        padding: 8px 16px;
    }

    #uicore-page .uicore-custom-area {
        margin: 0;
        padding: 0;
    }
}