/*
Theme Name: RPI-Development-2025
Theme URI: 
Author: RVADV Rafa
Author URI: 
Description: RPI Development Theme for 2025.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rpi-development-2025
Tags: 
*/

/* ---------------------------------------- */
/* ------------ GLOBAL STYLES ------------- */
html { box-sizing: border-box; scroll-behavior: smooth; }
*, *:before, *:after { box-sizing: inherit; }
* { touch-action: manipulation; }
:root {
    --primary-color: #2F726C;
    --primary-light: rgba(47, 114, 108, 0.16);
    --secondary-color: #1e1e1e;

    --max-width: 1400px;
    --theme-color: #2F726C;
}
video { background: repeating-linear-gradient(45deg, #09305210 0%, #09305210 1%, transparent 1%, transparent 2%); }

h2 {
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 600;
    line-height: 100%;
    margin-top: 0;
}
h4 {
    font-size: clamp(1.8rem, 2.4vw, 2.4rem);
    font-weight: 600;
    line-height: 100%;
    margin-top: 0;
}
p {
    font-size: clamp(1rem, 1.6vw, 1.4rem);
    font-weight: 400;
    line-height: 124%;
    margin-top: 0;
}
ul {
    font-size: clamp(1rem, 1.6vw, 1.4rem);
    font-weight: 400;
    line-height: 164%;
}
ul li {}
a {
    font-size: clamp(1rem, 1.6vw, 1.4rem);
    text-decoration: none; color: var(--primary-color);
    font-weight: 500;
}

.primary-button, .hero-button, .secondary-button {
    display: inline-block; white-space: nowrap;
    margin-bottom: 0.6rem;
    margin-right: 0.4rem;
    background: #1e1e1e;
    color: #fff;
    padding: 0.3rem 1.6rem 0.4rem 1.6rem;
    cursor: pointer;
    &:hover { background: var(--primary-color); color: #fff; }
    &:hover a { color: #fff; }
    &.add-arrow::after {
        transition: translate 0.2s ease-in-out;
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
        vertical-align: -0.3rem;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23ffffff' d='M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z'/%3E%3C/g%3E%3C/svg%3E");
    }
    &.add-arrow:hover::after{ translate: 0.5rem; }
}
.secondary-button { background: #fff; color: var(--primary-color); }
.secondary-button.add-arrow:not(:hover)::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%232F726C' d='M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z'/%3E%3C/g%3E%3C/svg%3E");
}
.hero-button { background: #1e1e1eaa; }
a.wp-block-button__link {
    padding: 0.8rem 1.6rem 1rem 1.6rem;
    &:hover { background: var(--primary-color) !important; color: #fff !important; box-shadow: 0 2px 8px 0 #0002; }
}

.filtered::after {
    display: block; content: '';
    position: absolute; top:0;bottom:0;left:0;right:0;
    width: 100%; height: 100%; z-index: 0;
    background: 
        linear-gradient(rgba(47, 114, 108, 0.2), rgba(47, 114, 108, 0.2)),
        linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.zplus {
    z-index: 1;
}
/* ---------------------------------------- */
/* Editor-only styles       .editor-styles-wrapper {}               */  
/* Frontend-only styles     body:not(.editor-styles-wrapper) {}     */





/*----------------------------------------- */
/*------------ Template Styles ------------ */
/*----------------------------------------- */

.three-card-section .three-card-container {
    > div { max-width: calc(33% - 14px); }
}
@media screen and (max-width: 767px) {
    .three-card-section .three-card-container {
        flex-direction: column;
        > div { max-width: min(100%, 400px); margin: auto; }
    }
}

.left-right-section {
    .wp-block-group.is-layout-flex {
        .left-right-section-content {
            max-width: 800px;
        }
        figure { width: 54%; text-align: center; }
    }
}
@media screen and (max-width: 767px) {
    .left-right-section {
        .wp-block-group.is-layout-flex {
            flex-direction: column;
            figure {
                width: 100%;
                img {
                    object-fit: cover;
                    width: 100% !important;
                    max-height: 46vw;
                }
            }
        }

    }
}

@media screen and (max-width: 767px) {
    .meet-the-team-profile-row {
        flex-direction: column;
    }
}