/*
Theme Name: Yellow Twenty Five
Author: Eugene Van Zyl
Description: Yellow Twenty Five - A clean, modern, and professional WordPress theme designed for consulting firms that believe in balancing business strategy with human-centered leadership. Inspired by the philosophy that every organization has both a mind (strategy, governance, operations) and a heart (culture, leadership, connection), this theme blends structure with warmth. Perfect for showcasing services, sharing thought leadership, and building trust with clients who value both performance and purpose.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yellowtwentyfive
*/

/*
 * Link styles
 */
@font-face {
    font-family: 'Agrandir';
    src: url('fonts/Agrandir-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Agrandir';
    src: url('fonts/Agrandir-GrandHeavy.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Agrandir';
    src: url('fonts/Agrandir-GrandLight.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Agrandir';
    src: url('fonts/Agrandir-TextBold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Agrandir';
    src: url('fonts/Agrandir-ThinItalic.otf') format('opentype');
    font-weight: 200;
    font-style: italic;
}

/* Narrow, Tight, and Wide variants could be treated as custom families if their spacing differs significantly */
@font-face {
    font-family: 'Agrandir Narrow';
    src: url('fonts/Agrandir-Narrow.otf') format('opentype');
}

@font-face {
    font-family: 'Agrandir Tight';
    src: url('fonts/Agrandir-Tight.otf') format('opentype');
}

@font-face {
    font-family: 'Agrandir Wide';
    src: url('fonts/Agrandir-WideLight.otf') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'Agrandir Wide';
    src: url('fonts/Agrandir-WideBlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'BDSans';
    src: url('fonts/BDSans-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'BDSans';
    src: url('fonts/BDSans-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'BDSans';
    src: url('fonts/BDSans-Black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'BDSans';
    src: url('fonts/BDSans-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'BDScript';
    src: url('fonts/BDScript-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'BDScript';
    src: url('fonts/BDScript-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url('fonts/Montserrat-Arabic Regular 400.otf') format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url('fonts/Montserrat-Arabic Thin 250.otf') format('opentype');
    font-weight: 250;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url('fonts/Montserrat-Arabic ExtraLight 275.otf') format('opentype');
    font-weight: 275;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url('fonts/Montserrat-Arabic Light 300.otf') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url('fonts/Montserrat-Arabic Medium 500.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url('fonts/Montserrat-Arabic SemiBold 600.otf') format('opentype');
    font-weight: 600;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url('fonts/Montserrat-Arabic Bold 700.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url('fonts/Montserrat-Arabic ExtraBold 800.otf') format('opentype');
    font-weight: 800;
}

@font-face {
    font-family: 'Montserrat Arabic';
    src: url('fonts/Montserrat-Arabic Black 900.otf') format('opentype');
    font-weight: 900;
}

body {
    font-family: 'Montserrat Arabic', sans-serif;
}

h1 {
    font-family: 'Agrandir', sans-serif;
    font-weight: 900;
}

.uk-navbar-nav>li>a {
    font-family: 'Montserrat Arabic', sans-serif;
    text-transform: capitalize;
}

.uk-active > a {
    color: #646464 !important;
    font-weight: bold;
}

.yellow-rose-text {
    font-family: 'Montserrat Arabic', sans-serif;
    font-weight: 900;
    letter-spacing: 0.031rem;
    margin-bottom: -0.75rem;
    font-size: 1.5rem;
    color: white;
}

.yellow-rose-text-large {
    font-family: 'Montserrat Arabic', sans-serif;
    font-weight: 900;
    letter-spacing: 0.031rem;
    margin-bottom: -2rem;
    font-size: 2.8rem;
}

.yellow-rose-img {
    color: #FCCB0A;
}

#YellowRoseSVG {
    animation: grow 3s ease, fadeToYellow 3s ease, spin 90s linear infinite;
    transform-origin: center;
}

@keyframes spin {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

@keyframes grow {
    from {
        transform: scale(0.9);
    }

    to {
        transform: scale(1.0);
    }
}

@keyframes fadeToYellow {
    from {
        color: #545454;
    }

    to {
        color: #FCCB0A;
    }
}

.dark-rose-text {
    font-family: 'Montserrat Arabic', sans-serif;
    font-weight: 900;
    letter-spacing: 0.031rem;
    margin-bottom: -0.75rem;
    font-size: 1.5rem;
    color: #545454;
}

.dark-rose-img {
    color: #545454;
}

.consulting {
    font-family: 'BDSans', sans-serif;
    font-weight: 400;
    letter-spacing: 7px;
    color: #FCCB0A;
}

.consulting-dark {
    font-family: 'BDSans', sans-serif;
    font-weight: 400;
    letter-spacing: 7px;
    color: #545454;
}

.tertiary-text {
    font-family: 'BDSans', sans-serif;
    font-weight: 400;
    letter-spacing: 7px;
    color: #FCCB0A;
}

.consulting-large {
    font-family: 'BDSans', sans-serif;
    font-weight: 400;
    letter-spacing: 7px;
    color: #FCCB0A;
    font-size: 2.3rem;
}

.social-icon,
cite {
    color: #FCCB0A;
}

.dark-background {
    background: #545454;
}

.yellow-background {
    background: #FCCB0A;
}

.uk-button {
    color: #545454 !important;
}

.very-large-text {
    font-size: 2.5rem;
}

.yellow-text {
    color: #FCCB0A !important;
}

.gray-text {
    color: #545454 !important;
}

.giant-text {
    font-size: 3.2rem;
    line-height: 3.4rem;
}

@media (min-width: 600px) {
    .giant-text {
        font-size: 4rem;
        line-height: 4.2rem;
    }
}

@media (min-width: 960px) {
    .giant-text {
        font-size: 8rem;
        line-height: 6.4rem;
    }
}

.smaller-giant-text {
    font-size: 3.2rem;
    line-height: 3.4rem;
}

@media (min-width: 960px) {
    .smaller-giant-text {
        font-size: 5rem;
        line-height: 4.4rem;
    }
}

.softer-corners {
    border-radius: 17rem 1rem;
}

.soft-corners {
    border-radius: 1rem;
}

.page-title {
    font-size: 2rem;
}

@media (min-width: 960px) {

    /* medium (m) */
    .page-title {
        font-size: 4rem;
    }
}

.yellow-rose-effect-title {
    font-size: 7rem;
    line-height: 6rem
}

@media (min-width: 960px) {
    .yellow-rose-effect-title {
        font-size: 11rem;
        line-height: 9rem
    }
}