@font-face {
    font-family: "SourceSans";
    src: url(/wp-content/themes/Divi-child-unistellar/assets/fonts/SweetSansPro-Medium.ttf);
}

.font-ibm-plex-sans {
    font-family: "IBM Plex Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
        "wdth"100;
}

.font-title-ibm-plex-sans {
    font-family: "IBM Plex Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-variation-settings:
        "wdth"100;
}

.--default-font-ibm-plex-sans {
    font-family: 'IBM Plex Sans';
    font-weight: 200;
}

:root {
    font-size: 16px;
    --x-primary-color: #2287ED;
    --x-secondary-color: #545A6C;
    --x-default-light: #ffffff;
    --x-default-dark: #000000;
    --x-default-dark-secondary: #161617;
}

#mainContent {
    margin-top: 0rem;
    background-color: black;
}

.--main-content {
    padding-top: 10rem;
    /* background-image: url(/wp-content/themes/Divi-child-unistellar/assets/login-image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -15vh; */
}


input.--default-transprent {
    background-color: transparent;
    border-radius: .5rem;
    padding: 0.75rem 1.25rem;
    box-shadow: 0 0 0 #000;
    transition: all 0.2s ease-in-out;
    color: var(--x-secondary-color);
    border-color: var(--x-secondary-color);
}

input.--default-transprent:focus,
input.--default-transprent:focus-within {
    background-color: transparent;
    color: var(--x-default-light);
    box-shadow: 0 0 2px 2px var(--x-primary-color) !important;
}

input.--default-transprent::placeholder {
    color: #5f5f60;
}

input:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: #5f5f60 !important;
    text-shadow: 0 0 10px var(--x-primary-color);
    transition: background-color 5000s ease-in-out 0s;
    /* hide flash */
}

input.--default-transprent[type="date"]::-webkit-calendar-picker-indicator,
input.--default-transprent[type="datetime-local"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALwSURBVHgB1VdRThsxEJ3xGlr6lZ6g4QbhBKQ3SNsgBVSp4bcKanoCuEGDRFH/CFIFkQp0ewLCDZITdHsC8tMWEa/dmWR3s7uN4o2UReFJScaesT2ecTzPAEsCzGJUrTX2NehfV53jNsyBrdpe3YApqjvZct3WYJatgAyTkdWBEOKEHCpDRlTfNspGmBMauy/XhnWbvdURmqwYylroImQEapzYIhas9umOSqVZ4B0g4KYBKHBoEaNJe2BgABkQH2eM8Wg+j2Vt9Om0FCccqdWaRR/9a4OTKOQBdsz/u7IRPzeJ1ChUB3k7weBIraypk0RfKFTqlJJ7dcsyhdVDgbtKKc9B2USEDyMjYz4q47tZFpPoVGjFT+NhcOgb1VoRglItrqlrdGbUH/k8jIoMBz69g4IK4oMa+hdnR12WqzuNKHyG8ux2vniQAVs7ewPaUBABGLjn43HV7cYP2v67YFF2aDT/1H+NEXAb7UzLtkHok3hDu+pBRgxXHTcY11NatW320mbQ6bQ8+inBnHDbo5BnHme9Rx4KUyMiDBbmuUXngoAXwdGxO0K5pRNPnzxgpncvd2r4HqGvG8gBAsUmX/+QxRFC9/L88y7kALpH2pT2Yrp/uVOTxixiNEv3YMTozXajEupe77yvJxxcODGSdHAZVC8UKC+uQ2fCTRzmKnGd1pFOo7FyGKsjF1+PulRv1tVvuZ4ueJFOq/VvZ8cJR7jNOgS9cXVm57qZzkhQbxaqS+Px/GuYPiqhvrNMROZl/PSPdEhMC4nLzNJp9crGY6wRISfqMC7nJWdNleM6X/hlWoj7SuLZfaI2DVGVQp0Usm5bxxoRJkZDR1WQ2HuaGDH5cYaqyTqtdTfh5BPZJV2fdCZ3YjSL/Cw/MUIz9bGVZvE/IWDYFOpdAcKDxWKTb+KwQQQ9Wj9KDYeSGPshifvc5msbcgQ/MeLt5ANrVbaIh5xCzqAwuJfnR81U3/8YFSyfqaKxPp7ndGFA9cnl0gDLin/FzXR9aLQgzwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    border-width: thin;
}

.color-primary {
    color: var(--x-primary-color) !important;
}

.page-section {
    color: var(--x-default-light, #ffffff);
}

.font-color-primary {
    color: var(--x-primary-color) !important;
}

.font-color-secondary {
    color: var(--x-secondary-color) !important;
}

.font-color-light {
    color: var(--x-default-light) !important;
}

.bg-hero-image{
    z-index: 0;
    left: 0;
    top: calc((max(100vh, 100vw) * -0.2));
    width: max(100vh, 100vw);
    max-width: max(100vh, 100vw);
}