/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child Theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/* Root
----------------------------------------------- */

:root {
    --theme-transition: 250ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
}

/* Typography
----------------------------------------------- */

b,
strong {
    font-weight: 900;
}


/* Icons
----------------------------------------------- */

[data-icons-type*=outline] .ct-icon-container {
    border-width: 2px !important;
}


/* Locomotive Scroll
----------------------------------------------- */

@media (max-width: 999.98px) {
    [data-scroll] {
        transform: translate3d(0px, 0px, 0px) !important;
    }
}


/* Custom Out/Underlines
----------------------------------------------- */

.custom-outline span {
    position: relative;
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    padding: 5%;
    margin: -5%;
    overflow: visible;
}

.custom-outline span:before {
    content: '';
    position: absolute;
    left: 0;
    right: -5%;
    background-image: url('/wp-content/uploads/2024/05/beacon-custom-outline.svg');
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 720/376;
    z-index: 1;
}


/* Popups
------------------------------------------- */

.ct-popup .ct-toggle-close {
    --theme-icon-size: 14px;
    --toggle-button-size: 48px;
}

@media (min-width: 1000px) {
    .ct-popup .ct-toggle-close[data-location=inside] {
        top: -24px;
        --toggle-button-inset-end: -24px;
    }
}

@media (max-width: 999.98px) {
    .ct-popup .ct-toggle-close {
        --theme-icon-size: 12px;
        --toggle-button-size: 36px;
    }
}


/* WP Forms
------------------------------------------- */

.wpforms-container,
.wpforms-container .wpforms-confirmation-container p {
    margin-bottom: 0 !important;
}

.wpforms-container .wpforms-title {
    color: var(--theme-heading-color, var(--theme-heading-3-color, var(--theme-headings-color))) !important;
}

.wpforms-container .wpforms-field {
    padding: 0 0 1em 0 !important;
}

@media only screen and (max-width: 600px) {

    .wpforms-container .wpforms-field.wpforms-mobile-full,
    .wpforms-container .wpforms-field.wpforms-mobile-full input {
        margin: 0 !important;
        width: 100% !important;
    }

    .wpforms-container .wpforms-field.wpforms-mobile-full .wpforms-field-row > div {
        width: 100%;
        margin: 0 !important;
    }

    .wpforms-container .wpforms-field.wpforms-mobile-full .wpforms-field-row > .wpforms-first {
        padding: 0;
    }

    .wpforms-container .wpforms-field.wpforms-mobile-full .wpforms-field-row > div:last-child {
        padding: 1em 0 0 0;
    }
}

input::placeholder,
textarea::placeholder {
    opacity: 0.6 !important;
}

input:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0.2 !important;
}


/* Scroll To Top
------------------------------------------- */

.ct-back-to-top {
    padding: 1em !important;
    mix-blend-mode: luminosity;
}