/*
Theme Name: vektorrausch StartUp
Author: vektorrausch GmbH <sippel@vektorrausch.de>
Author URI: https://www.vektorrausch.de
Description: That's one small step for man, one giant leap for mankind.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 8.1
Text Domain: vr-startup
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* base.css */
*,
*:after,
*:before {
    box-sizing: border-box;
}

::selection,
input::selection {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
    text-shadow: none;
}

::placeholder {
    color: var(--wp--preset--color--text-secondary);
    opacity: 0.5;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    min-width: 360px;
}

img {
    max-width: 100%;
    height: auto;
}

img.edit-site-site-icon__image {
    filter: invert(1);
}

figure > img {
    display: block;
}

.wp-element-button,
.wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

a:not(.wp-element-button):where(:focus, :hover) {
    text-decoration-thickness: 1px;
}

:where(h1, h2, h3, h4, h5, h6) a {
    color: inherit;
}

.entry-content a[target="_blank"]:not(.no-external) {
    gap: 0.2em;
    position: relative;
    align-items: center;
    display: inline-flex;
}

.entry-content a[target="_blank"]:not(.no-external)::before,
.entry-content a[target="_blank"]:not(.no-external)::after {
    content: "\f14c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    font-size: var(--wp--preset--font-size--small);
}

.entry-content a[target="_blank"]:not(.no-external)::before {
    visibility: hidden;
    order: 1;
}

.entry-content a[target="_blank"]:not(.no-external)::after {
    position: absolute;
    right: 0;
}

b,
strong,
th {
    font-weight: 700;
}

sup {
    font-size: 0.75em;
    vertical-align: super;
}

sub {
    font-size: 0.75em;
    vertical-align: sub;
}

mark {
    padding: 0.1em 0.2em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

label {
    font-weight: 700;
    font-size: var(--wp--preset--font-size--small);
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="file"],
textarea,
select {
    width: 100%;
    padding: 1em;
    border: 1px solid var(--wp--preset--color--neutral);
    border-radius: var(--wp--custom--border-radius--regular);
    font-size: var(--wp--preset--font-size--small);
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--text-secondary);
    transition: all 0.3s ease;
    text-overflow: ellipsis;
}

input[type="submit"] {
    transition: outline 0.3s ease;
}

input[type="file"],
select {
    cursor: pointer;
}

textarea {
    resize: vertical;
    border-bottom-right-radius: 0;
    font-family: var(--wp--custom--font-family--primary);
    line-height: var(--wp--custom--line-height--body);
}

select[multiple] option {
    padding: 0.75em 1em;
    text-overflow: ellipsis;
    overflow: hidden;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="date"]:hover,
input[type="file"]:hover,
textarea:hover,
select:hover {
    border-color: var(--wp--preset--color--primary);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
    outline: 1.5px solid var(--wp--preset--color--primary);
}

:focus-visible {
    outline: 2px solid var(--wp--preset--color--permalink);
}

select,
input[type="range"] {
    width: 100%;
}

form label .required {
    color: var(--wp--custom--color--error);
}

input[type="checkbox"] + label {
    margin-left: 0.5em;
}

/* fix avoid text-decoration for fontawesome */
i[class*="fa-"]::before {
    display: inline-block;
    text-decoration: none;
}

/* hidden.css */
html.js .hide-js,
html.no-js .hide-no-js {
    display: none;
}

body:not(.wp-admin) .hidden,
.hidden-mmenu,
.acf-hidden {
    display: none !important;
}

@media (max-width: 575.98px) {
    .hidden-xs,
    .hidden-s:not(.show-xs) {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .hidden-s {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .hidden-m {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .hidden-l {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-l:not(.show-xl),
    .hidden-xl {
        display: none !important;
    }
}

.wp-site-blocks > div.wp-block-group {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

#logo {
    align-items: baseline;
}

.chart_wrapper {
    position: relative;

    width: 70% !important;

    aspect-ratio: 1/1;
}