/* 
Theme Name: NerdStuds
Theme URI: https://github.com/elementor/hello-theme/
Description: This is a custom child theme built using the Elementor Hello theme.
Author: Jeremy Cox
Author URI: https://nerdstuds.com/
Template: hello-elementor
*/

:root {
    --black: #1A1A1A;
    --black-op: rgba(26,26,26,0.25);
    --white: #FFFFFF;
    --white-op: rgba(255, 255, 255, 0.10);
    --grey: #C9CCD1;
    --grey-op: #1A1A1A1A;
    --border-light: #1A1A1A0D;
}

/* General Styles */

*:focus:not(:focus-visible),
body input:focus,
body button:focus,
body a:focus,
body i:focus,
body *:focus,
body input:focus-visible,
body button:focus-visible,
body a:focus-visible,
body i:focus-visible,
body *:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.elementor-button-icon svg path {
    fill: currentColor !important;
}

.bg-video {
    inset: 0;
}

.bg-video iframe {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1.75s;
}

@Keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    80% {
        opacity:0;
    }

    100% {
        opacity: 1;
    }
}

.btn-arrow-after {
    display: flex !important;
    align-items: center;

    &::after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        line-height: 1;
        margin-left: 10px;
        background-color: currentColor;
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0 4.624H9.104L8.432 5.2L3.248 0H5.184L10.48 5.328L5.184 10.656H3.248L8.432 5.456L9.104 6.032H0V4.624Z' fill='white'%3E%3C%2Fpath%3E%3E%3C%2Fsvg%3E");
        mask-repeat: no-repeat;
        mask-size: contain;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M0 4.624H9.104L8.432 5.2L3.248 0H5.184L10.48 5.328L5.184 10.656H3.248L8.432 5.456L9.104 6.032H0V4.624Z' fill='white'%3E%3C%2Fpath%3E%3E%3C%2Fsvg%3E");
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
    }
}

.form__label--hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

nav[aria-label="Footer Menu"] a {
    padding: 0 !important;
}

#elementor-popup-modal-134 .dialog-lightbox-message {
    border-radius: 32px;
}

@media(max-width: 690px) {
    .footer-wp-menu a {
        justify-content: center !important;
        text-align: center !important;
    }
}

/* Autofill Styling */
.e-form-base input:-webkit-autofill,
.e-form-base input:-webkit-autofill:hover,
.e-form-base input:-webkit-autofill:focus,
.e-form-base input:-webkit-autofill:active,
.e-form-base select:-webkit-autofill,
.e-form-base select:-webkit-autofill:hover,
.e-form-base select:-webkit-autofill:focus,
.e-form-base select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #848383 inset !important;
}

input:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: white !important;
}