/*
Theme Name: ListingHive Child
Template: listinghive
Version: 1.0.0
Text Domain: listinghive-child
*/

/* Old Stylesheet */

:root {
  --light-blue: #039be5;
  --light-green: #00ffe1;
  --gold: #ffc107;
  --white:#ffffff;
  --charcoal:#283844;
  --cypherpunk:rgba(0, 0, 0, 0.65);
  --black:rgb(0, 0, 0);
  --purple:#600eb2;
  --cypherpunk-teal:rgba(0,255,200,0.25);
}

body{
    /*background-color: var(--purple);*/
    background-color: #001837;
    color: var(--white);
}

h1, h2, h3, h4, p, li, span, ol, fieldset legend {
    color: var(--white);
}

.hp-listing--view-block .hp-listing__created-date,
.hp-listing--view-page .hp-listing__created-date,
.hp-link i,
.hp-listing--edit-block .hp-listing__created-date,
.footer-navbar__menu ul li a{
    color: var(--white);
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, a:hover, a:hover i, a:hover i::before, a:hover span, .header-navbar__menu ul li a:hover, .wp-block-categories li a:hover, .wp-block-archives li a:hover, .wp-block-categories li:hover > a, .page__sidebar a:hover, .widget li:hover, .widget li:hover::before{
    color: var(--gold);
}

a{
    color: var(--gold);
}

nav{
    color: #ffffff;
}

.header-logo{
    max-width: 520px;
    display: block;
}

.header-hero{
    background-color: transparent;
    background-image: none;
}

.site-loader{
    background-color: #ffffff;
}

.site-container{
    z-index: 10;
}

/* mobile nav styles */
.header-navbar__burger>a{
    color:rgba(255,255,255,.8);
}

.header-navbar__burger > ul{
    background: black;
    color:white;
}

.header-navbar__burger > ul > li > a{
    color:white;
}

/* general site container styles */
.header-hero__content{
    padding: 0 0 2rem 0rem;
    margin: 2rem auto 0 auto;
    border-radius: 14px 14px 0 0;
}

.header-hero__content .col-sm-offset-2{
    margin-left: 0;
}

.header-hero--title h1{
    margin:2rem 0 0;
    text-align: left;
    font-size: 2.5rem;
}

.site-content{
    padding-top: 0;
}

.site-content > .container{
    padding: 0 2rem 2rem 2rem;
}

.site-content .page__text{
    padding: 2rem;
}

.hp-page__content{
    padding:2rem;
}

 .hp-widget--listing-filter, .widget--sidebar{
    padding:1rem;
 }

.role-issuer .page-item-105, .role-investor .page-item-105{
    display: none;
}

.hp-listing__image img, .hp-listing__image video, .hp-listing__images img, .hp-listing__images video{
    background-color: var(--cypherpunk);
    /*border: 1px solid var(--cypherpunk-teal);*/
}

/*cloud background*/
.animated-bg{
    position: fixed;
    inset: 0;
    z-index: 0;
    background: radial-gradient(circle at 20% 20%, rgba(18, 188, 255, 0.67), transparent 60%),
                radial-gradient(circle at 80% 80%, rgba(54, 129, 183, 0.7), transparent 60%),
                radial-gradient(circle at 50% 50%, rgba(16, 152, 184, 0.78), transparent 60%);
    filter: blur(40px);
    animation: drift 20s linear infinite alternate;
    overflow: hidden;
}

@keyframes drift {
    from { transform: translate3d(-2%, -2%, 0) scale(1); }
    to   { transform: translate3d(2%, 2%, 0) scale(1.1); }
}

.container{
    position: relative;
    z-index: 2;
}

.wp-element-button{
    background-color: var(--gold);
    color: var(--white);
}

.content-area{
    padding: 40px 36px;
}

.site-content .page__text,
.hp-listing--view-block,
.hp-vendor--view-block,
.hp-widget--listing-filter,
.site-footer,
.header-navbar__menu ul li ul,
.widget.hp-menu,
.widget--sidebar,
.wp-block-categories li a,
.wp-block-archives li a,
.page__sidebar a,
.wp-block-archives li,
.widget_archive li:before,
.widget li,
.widget li::before,
.page-template-page-register .site-content>.container,
.hp-page__content{
    background: var(--cypherpunk);
    color: var(--white)!important;
    border: 1px solid rgba(0,255,200,0.25);
    z-index: 10;
    border-radius: 14px;
}

.site-footer{
    border-radius: 0;
    box-shadow: none;
}

/* misc small text*/
.hp-vendor--view-block .hp-vendor__registered-date{
    color: #ffffff;
}

/* hp-blocks */
.hp-listing--view-page .hp-listing__attributes--primary{
    background: var(--cypherpunk);
    border: 1px solid rgba(0,255,200,0.25);
}

/* ---------- Logins / forms ---------- */

            /* search */
            .hp-form--listing-search{
                background: var(--cypherpunk);
                border-radius: 14px;
            }

            .hp-form--listing-search button[type="submit"]{
                margin-top:0;
            }

            .hp-form--listing-search input::placeholder {
            color: rgba(255, 255, 255, 0.45);
            font-style: italic;
            letter-spacing: 0.02em;
            }
            /* ---- */

            #user_login_modal, #user_password_request_modal, #user_delete_modal, #user_register_modal{
                background: var(--cypherpunk)!important;
                width: 100%;
                max-width: 420px;
                backdrop-filter: blur(12px);
                border-radius: 14px;
                padding: 40px 36px;
            }

            .hp-form__messages{
                background: rgba(255,255,255,0.04);
            }

            form input[type="text"],
            form input[type="password"],
            form input[type="email"],
            form input[type="url"],
            form input[type="number"],
            form input[type="tel"],
            form textarea,
            .hp-form--listing-search .hp-form__field input[type="search"],
            .hp-form__field--select .select2-selection{
                width: 100%;
                padding: 12px 14px;
                border-radius: 8px;
                background: rgba(255,255,255,0.04);
                border: 1px solid rgba(0,255,220,0.25);
                color: #e7ffff;
                outline: none;
                margin-bottom: 18px;
            }

            /* input type number styles */

            input[type="number"]::-webkit-inner-spin-button,
            input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
            }

            input[type="number"] {
            -moz-appearance: textfield;
            }

            /* select styles */
            .hp-form__field--select .select2-selection{
                margin-bottom: 0;
            }
            .select2-container--default .select2-results__option[aria-selected="true"]{
                background: var(--black)!important;
                border: 1px solid rgba(0,255,220,0.25);
            }

            .select2-dropdown{
                background: var(--black)!important;
                color: #e7ffff;
                box-shadow:
                0 0 25px rgba(0, 255, 255, 0.15),
                0 0 45px rgba(0, 128, 255, 0.1);
            }

            .hp-form--listing-search .hp-form__field input[type="search"]{
                margin-bottom: 0;
            }
            /* --- */
            /* multi select styles */
            .widget .selection li{
                background-color:#ffc107;
                margin-top:5px;
            }

            /* --- */

            form input{
                color-scheme: dark;
            }

            .hp-modal .hp-form__button,
            form button[type="submit"],
            form input[type="submit"],
            .hp-menu__item--listing-submit{
                width: 100%;
                padding: 12px;
                margin-top: 4px;
                background: linear-gradient(135deg, #00d4ff, #00ffa8);
                border: none;
                border-radius: 8px;
                font-size: 16px;
                color: #003c3c;
                cursor: pointer;
                transition: 0.25s ease;
                font-weight: 600;
            }

            form button[type="submit"] span, .hp-menu__item--listing-submit span{
                font-size: 16px;
                color: #003c3c;
            }

            form label span, form label{
                color:#d7faff;
            }

            form input[type="text"] span,
            form input[type="password"] span{
                color: #e7ffff;
            }

            form input:focus {
                border-color: #00ffe1;
                box-shadow: 0 0 12px rgba(0,255,255,0.35);
            }

            form button[type="submit"]:hover {
                filter: brightness(1.15);
                box-shadow: 0 0 18px rgba(0,255,255,0.35);
            }

            form a{
                color: #7efcff;
                text-decoration: none;
            }

            form a:hover {
                color: #7efcff;
                text-decoration: underline;
            }

            .fancybox-is-open .fancybox-bg{
                background-color: rgba(0,0,0,.5);
            }

            body.fancybox-active{
                height: 100%;
            }


            .hp-form__actions a span, .hp-form__actions a i{
                font-weight: 800;
                line-height: 1.2;
            }

            .hp-form__action:not(:last-child){
                margin-right: .5rem;
            }

            /* onboarding form */
            .regcf-onboarding-form fieldset {
                display: none;
            }

            .regcf-onboarding-form fieldset.regcf-step-active {
                display: block;
            }

            .regcf-form-progress {
                margin-bottom: 2rem;
            }

            .regcf-progress-text {
                margin-bottom: 0.5rem;
                font-weight: 600;
            }

            .regcf-progress-bar {
                width: 100%;
                height: 8px;
                background: rgba(255,255,255,0.15);
                border-radius: 999px;
                overflow: hidden;
            }

            .regcf-progress-fill {
                height: 100%;
                width: 0%;
                background: #cfa62a;
                transition: width 0.25s ease;
            }

            .regcf-form-nav {
                display: flex;
                gap: 1rem;
                margin-top: 2rem;
            }

            .regcf-form-nav button {
                cursor: pointer;
            }

            /* sliders */
            .regcf-money-slider {
                margin-top: 0.75rem;
            }

            .regcf-money-slider__track {
                position: relative;
                height: 14px;
                border-radius: 999px;
                background: #222;
                cursor: pointer;
            }

            .regcf-money-slider__fill {
                position: absolute;
                inset: 0 auto 0 0;
                width: 0%;
                border-radius: 999px;
                background: #cfa62a;
            }

            .regcf-money-slider__thumb {
                position: absolute;
                top: 50%;
                left: 0%;
                width: 28px;
                height: 28px;
                border-radius: 50%;
                border: 2px solid #111;
                background: #cfa62a;
                transform: translate(-50%, -50%);
                cursor: grab;
            }

            .regcf-money-slider__thumb:active {
                cursor: grabbing;
            }

            .regcf-money-slider__scale {
                position: relative;
                height: 1.25rem;
                margin-top: 0.55rem;
                font-size: 0.85rem;
                opacity: 0.75;
            }

            .regcf-money-slider__scale span {
                position: absolute;
                transform: translateX(-50%);
                white-space: nowrap;
            }

            .regcf-money-slider__scale span:first-child {
                transform: translateX(0);
            }

            .regcf-money-slider__scale span:last-child {
                transform: translateX(-100%);
            }

            /* SEC investment limit chart and calculator */
            .regcf-investment-limit-card {
                margin-top: 2rem;
                padding: 1.5rem;
                border-radius: 14px;
                background: var(--cypherpunk);
                border: 1px solid rgba(0,255,200,0.25);
                box-shadow: 0 0 5px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.35);
                backdrop-filter: blur(12px);
            }

            .regcf-limit-card-header {
                display: flex;
                justify-content: space-between;
                gap: 1rem;
                align-items: flex-end;
                margin-bottom: .75rem;
                padding-bottom: 1rem;
                border-bottom: 1px solid rgba(0,255,220,0.18);
            }

            .regcf-limit-eyebrow {
                display: block;
                font-size: .78rem;
                text-transform: uppercase;
                letter-spacing: .08em;
                color: #7efcff;
                font-weight: 700;
            }

            #regcf-investment-limit {
                font-size: 2.1rem;
                line-height: 1;
                color: var(--gold);
                text-shadow: 0 0 18px rgba(255,193,7,0.25);
            }

            #regcf-investment-limit-explanation {
                color: #d7faff;
                margin-bottom: 0;
            }

            .regcf-limit-table {
                display: grid;
                grid-template-columns: 1fr 1.4fr;
                margin-top: 1.25rem;
                border: 1px solid rgba(0,255,220,0.22);
                border-radius: 12px;
                overflow: hidden;
                background: rgba(0,0,0,0.22);
            }

            .regcf-limit-table > div {
                padding: .9rem 1rem;
                border-bottom: 1px solid rgba(0,255,220,0.14);
                color: #e7ffff;
                background: rgba(255,255,255,0.035);
            }

            .regcf-limit-table > div:nth-child(1),
            .regcf-limit-table > div:nth-child(2) {
                background: rgb(35, 35, 35);
                color: #ffffff;
            }

            .regcf-limit-table > div:nth-child(odd) {
                border-right: 1px solid rgba(0,255,220,0.14);
            }

            .regcf-limit-table > div:nth-last-child(-n+2) {
                border-bottom: 0;
            }

            .regcf-limit-disclaimer {
                margin-top: .9rem;
                font-size: .85rem;
                color: rgba(215,250,255,0.72);
            }

            @media (max-width: 700px) {
                .regcf-limit-card-header {
                    display: block;
                }

                #regcf-investment-limit {
                    display: block;
                    margin-top: .5rem;
                }

                .regcf-limit-table {
                    grid-template-columns: 1fr;
                }

                .regcf-limit-table > div:nth-child(odd) {
                    border-right: 0;
                }
            }
            /* user-update forms */

/* Home Page */
.page-template-page-home .site-content .container{
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 230px);
}

.page-template-page-home .site-content .container>*{
    display: inline-block;
    width: 100%;
    max-width: 800px;
}

/* Form Pages */
.page-template-page-oboarding-investor .page__title,
.page-template-page-register-investor .page__title{
    display: none;
}

.page-template-page-oboarding-issuer .site-content>.container,
.page-template-page-oboarding-investor .site-content>.container,
.page-template-page-register-investor .site-content>.container,
.page-template-page-register-issuer .site-content>.container{
    max-width: 50rem;
}

/* Register Page ????????????????-outdated????????????*/
.page-template-page-register .site-content>.container{
    padding: 60px 40px;
    max-width: 560px;
}

.page-template-page-register .header-hero__content{
    display: none;
}

.page-template-page-register .cg-ui{
    margin-top: 40px;
}

.cg-register-mode, .cg-register-switch{
    font-size: 36px;
    display: block;
    width: 100%;
    text-align: center;
}

.cg-register-switch{
    font-size: 16px;
    color: #7efcff;
    text-decoration: underline;
}

/* user settings page */

@media (min-width:768px){
    .hp-form--user-update .hp-form__button{
        margin-right:.5rem;
    }

    .widget_nav_menu li::before{
        content: none;
    }

    .widget_nav_menu li{
        background-color: var(--cypherpunk);
        padding: 4px 8px 4px 18px;
    }
}



/* ------- background animation ------- */
/* =========================================
   Sleek Modern Animated Background
   Glassmorphism + Aurora Motion
   ========================================= */

body {
    margin: 0;
    min-height: 100vh;
    background: #050816;
    overflow-x: hidden;
    position: relative;
    color: white;
}

/* Base animated gradient */
body::before {
    content: "";
    position: fixed;
    inset: -20%;
    z-index: -3;

    background:
radial-gradient(circle at 20% 30%, rgba(0, 0, 0, 0.2), transparent 30%),
radial-gradient(circle at 80% 20%, rgba(0, 0, 0, 0.18), transparent 35%),
radial-gradient(circle at 70% 80%, rgba(0, 0, 0, 0.16), transparent 35%),
radial-gradient(circle at 30% 75%, rgba(0, 0, 0, 0.12), #0000 30%),
linear-gradient(135deg, #000 0%, #383838 45%, #000 100%);

    animation: auroraMove 18s ease-in-out infinite alternate;
    filter: blur(30px) saturate(140%);
    transform: translateZ(0);
}

/* Fine animated grid */
body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;

    background-image:
        linear-gradient(rgba(154, 154, 154, 0.248) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74, 74, 74, 0.537) 1px, transparent 1px);

    background-size: 60px 60px;
    mask-image: radial-gradient(circle at center, transparent 0%, black 90%);
    opacity: 0.35;

    /*animation: gridFloat 20s linear infinite;*/
}

/* Floating glow orbs */
.bg-orb {
    position: fixed;
    border-radius: 50%;
    filter: blur(80px);
    pointer-events: none;
    z-index: -1;
    mix-blend-mode: screen;
}

.bg-orb.orb1 {
    width: 420px;
    height: 420px;
    background: rgba(0, 0, 0, 0.05);
    top: 10%;
    left: -120px;
    animation: floatOrb1 16s ease-in-out infinite;
}

.bg-orb.orb2 {
    width: 500px;
    height: 500px;
    background: rgba(166, 166, 166, 0.05);
    bottom: -120px;
    right: -100px;
    animation: floatOrb2 20s ease-in-out infinite;
}

.bg-orb.orb3 {
    width: 300px;
    height: 300px;
    background: rgba(95, 95, 95, 0.03);
    top: 50%;
    left: 55%;
    animation: floatOrb3 22s ease-in-out infinite;
}

/* =========================================
   Animations
   ========================================= */

@keyframes auroraMove {
    0% {
        transform: translate3d(0,0,0) scale(1);
    }
    50% {
        transform: translate3d(-2%, 2%, 0) scale(1.05);
    }
    100% {
        transform: translate3d(2%, -2%, 0) scale(1.1);
    }
}

@keyframes gridFloat {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(60px);
    }
}

@keyframes floatOrb1 {
    0% {
        transform: translate(0,0);
    }
    50% {
        transform: translate(80px, 40px);
    }
    100% {
        transform: translate(-20px, -30px);
    }
}

@keyframes floatOrb2 {
    0% {
        transform: translate(0,0);
    }
    50% {
        transform: translate(-60px, -50px);
    }
    100% {
        transform: translate(30px, 20px);
    }
}

@keyframes floatOrb3 {
    0% {
        transform: translate(-20px, 0px);
    }
    50% {
        transform: translate(40px, -50px);
    }
    100% {
        transform: translate(-30px, 30px);
    }
}

/* Logo */
#capitalgain_logo {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}

/* ====================================
   TEXT
   ==================================== */

#capitalgain_logo .logo-text {
    fill: #ffffff;

    transition:
        fill .35s ease,
        opacity .35s ease;
}

/* ====================================
   OUTER ICON
   ==================================== */

#capitalgain_logo .logo-icon-outer-1 {
    fill: #f8fafc;
    opacity: 1;
}

#capitalgain_logo .logo-icon-outer-2 {
    fill: #b8c2cf;
    opacity: .72;
}

#capitalgain_logo .logo-icon-outer-1,
#capitalgain_logo .logo-icon-outer-2 {
    transition:
        fill .35s ease,
        opacity .35s ease;
}

/* ====================================
   INNER GOLD
   ==================================== */

#capitalgain_logo .logo-icon-inner-top,
#capitalgain_logo .logo-icon-inner-bottom {

    fill: #ffcc4d;

    transition:
        fill .35s ease,
        transform .35s ease,
        opacity .35s ease;

    transform-box: fill-box;
    transform-origin: center;
}

/* ====================================
   HOVER
   ==================================== */

#capitalgain_logo:hover .logo-text {
    fill: #ffffff;
}

#capitalgain_logo:hover .logo-icon-outer-1 {
    fill: #ffffff;
}

#capitalgain_logo:hover .logo-icon-outer-2 {
    fill: #dbe4ef;
}

#capitalgain_logo:hover .logo-icon-inner-top,
#capitalgain_logo:hover .logo-icon-inner-bottom {

    fill: #ffd86b;

    animation:
        cg-metallic-shine 1.2s cubic-bezier(.2,.8,.2,1);
}

/* ====================================
   METALLIC SHINE
   ==================================== */

@keyframes cg-metallic-shine {

    0% {
        opacity: 1;
        transform: scale(1);
        filter: brightness(1);
    }

    18% {
        opacity: 1;
        transform: scale(1.018);
        filter: brightness(1.9);
    }

    28% {
        opacity: 1;
        filter: brightness(1.25);
    }

    40% {
        opacity: .92;
        filter: brightness(2.3);
    }

    55% {
        opacity: 1;
        filter: brightness(1.1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
        filter: brightness(1);
    }
}