/**
Theme Name: ZEC
Author: Moio
Author URI: https://moio.io/
Description: ZEC - Temporal
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zec
Template: astra
*/


/* Fonts temporary */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {

}

body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: var(--ast-global-color-3);
}

/* Helpers */
.text-light {
    font-weight: 300;
}
.elementor-widget-heading h2.elementor-heading-title {
    margin-bottom: 1em;
}
h3 small {
    color: var(--ast-global-color-3);
    font-size: 1rem;
    text-transform: none;
    font-weight: bold;
}

.ast-custom-button-link:hover .ast-custom-button{
    background: oklch(from var(--ast-global-color-0) calc(l * .75) c h) !important;
}

/* Hero */
.hero__inner.elementor-element.e-flex.e-con {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.hero__wrapper h2 {
    margin-bottom: 0 !important;
}

/* Custom elements */
.table--checked {
    ul {
        display: grid;
        gap: 1em;
        margin: 0;
        padding: 0;
        li {
            list-style-type: none;
            position: relative;
            padding-left: 1.5em;
            color: #707070;
            &::before {
                content: '';
                position: absolute;
                top: 0.2em;
                left: 0;
                width: 1.1em;
                height: 1.1em;
                background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cpath fill='%23116386' d='m11.9 6.1l-4.3 4.2-1.9-1.9q-0.2-0.2-0.4-0.2-0.3 0-0.4 0.2-0.2 0.2-0.2 0.4 0 0.3 0.2 0.4l2.3 2.4q0.1 0.1 0.2 0.1 0.1 0.1 0.2 0.1 0.2 0 0.3-0.1 0.1 0 0.2-0.1l4.7-4.7q0.1-0.2 0.1-0.4 0-0.3-0.1-0.4-0.2-0.2-0.4-0.2-0.3 0-0.5 0.2z'/%3E%3Cpath fill='%23116386' d='m8.8 0c-3.5 0-6.8 2.2-8.1 5.4-1.4 3.3-0.6 7.1 1.9 9.7 2.5 2.5 6.3 3.2 9.6 1.9 3.3-1.4 5.4-4.6 5.4-8.2 0-1.1-0.2-2.3-0.6-3.4-0.5-1-1.1-2-1.9-2.8-0.9-0.8-1.8-1.5-2.9-1.9-1.1-0.5-2.2-0.7-3.4-0.7zm0 16.5c-3.1 0-5.9-1.9-7-4.7-1.2-2.9-0.6-6.2 1.6-8.4 2.2-2.2 5.5-2.8 8.4-1.6 2.8 1.1 4.7 3.9 4.7 7q0 1.5-0.6 3-0.6 1.4-1.7 2.4-1 1.1-2.4 1.7-1.5 0.6-3 0.6z'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
            }
        }
    }
    @media screen and (min-width: 800px) {
        ul {
            grid-template-columns: repeat(2, 1fr);
        }
        
    }
}

/* FOOTER */
footer {
    background-image: url('https://canariaszec.com/wp-content/uploads/2025/03/ZEC_Footer.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-inline: 1rem;
    > div {
        background-color: transparent !important;
    }
    a {
        color: #fff;
        &:hover {
            color: #fff;
            text-decoration: underline;
        }
    }
    h2 {margin-bottom: 4rem;}
    h2, h3 {
        color: #fff;
    }
    .addresses__wrapper {
        display: grid;
        gap: 3rem;

        @media screen and (min-width: 800px) {
            grid-template-columns: repeat(2, 1fr);
            
        }
    }
    address {
        font-style: normal;
        display: grid;
        gap: 1em;
        margin: 0;
        h3 {
            font-weight: 300;
            margin-bottom: 0.5em;
        }
        p {
            color: #fff;
            margin: 0;
        }
    }
    p {
        color: #fff;
    }

    .legals__wrapper {
        display: flex;
        gap: 0.6em;
        padding-top: 1rem;
        justify-content: center;
        @media screen and (min-width: 700px) {
            display: inline-flex;
            &::before {
                content: '|';
                padding: 0 0.5em 0 0.7em;
            }
        }
    }
}

/* LEGALS */
.legal__wrapper {
    h2 {
        font-size: 1.3rem !important;
    }
    ol li {list-style-type: lower-alpha;}
}