/* DESKTOP */

.cc-brand {
    width: 440px;
    height: 155px;
}

    background-image: url("https://mycricketdesigns.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-6-2026-at-12_33_21-AM.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;

    font-size: 0;
    line-height: 0;
}

/* ===== MOBILE HEADER ===== */

@media (max-width: 600px) {

    .site-header {
        padding-left: 18px;
        padding-right: 18px;
    }

    .main-navigation {
        padding-right: 0;
    }

    .main-navigation a {
        font-size: 11px;
        letter-spacing: 1.2px;
    }
}/* ===== CHRISSYO CUSTOM WORDMARK ===== */

/* Replace the typed brand with the real logo artwork */
.cc-brand {
    display: block;
    width: 440px;
    height: 185px;

    background-image: url("https://mycricketdesigns.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-6-2026-at-12_33_21-AM.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;

    font-size: 0;
    line-height: 0;
}

/* The tagline is already part of the new wordmark */
.cc-brand small {
    display: none;
}


/* ===== WORDMARK ON TABLET ===== */

@media (max-width: 1366px) and (min-width: 601px) {
    .cc-brand {
        width: 340px;
        height: 125px;
    }
}

/* ===== WORDMARK ON PHONE ===== */

@media (max-width: 600px) {
    .cc-brand {
        width: 240px;
        height: 90px;
    }
}/* ===== MOBILE HERO TITLE ===== */
@media (max-width: 600px) {
    .cc-hero h1 {
        font-size: 32px;
        line-height: 0.95;
    }
}/* ===== MOBILE HERO SUBTITLE ===== */
@media (max-width: 600px) {
    .cc-hero p {
        font-size: 19px;
        line-height: 1.45;
    }
}

/* ===== CUSTOM CTA WORDMARK ===== */

.cc-script {
    display: block;
    width: 650px;
    height: 115px;

    background-image: url("https://mycricketdesigns.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-6-2026-at-06_51_45-PM.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    font-size: 0;
    line-height: 0;
}

/* ===== CUSTOM CTA ON PHONE ===== */
@media (max-width: 600px) {
    .cc-cta h2 {
        width: 300px;
        height: 70px;
        max-width: 100%;
    }
}

/* ===== NEW FOOTER BRANDING ===== */

.cc-footer-brand {
    font-size: 0;
}

.cc-footer-brand small {
    display: none;
}

.cc-footer-brand::before {
    content: "CREATIONS BY CHRISSYO";
    display: block;
    font-size: 17px;
    letter-spacing: 3px;
    line-height: 1.2;
    font-weight: 600;
}

.cc-footer-brand::after {
    content: "CREATING OUTSIDE THE LINES";
    display: block;
    margin-top: 7px;
    font-size: 9px;
    letter-spacing: 2.4px;
    line-height: 1.2;
    font-weight: 500;
}

/* ===== FOOTER MOTTO ===== */
.cc-footer-note {
    font-size: 14px;
    letter-spacing: 10px;
    font-weight: 500;
    opacity: 0.85;
}

/* ===== PHOTOGRAPHY HERO WORDMARK ===== */

.photography-wordmark {
    width: 300px !important;
    max-width: 300px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.photography-wordmark img {
    width: 100% !important;
    height: auto !important;
}/* ===== HIDE PHOTOGRAPHY PAGE TITLE ===== */
.post-86 > h1 {
    display: none;
}

/* ===== PHOTOGRAPHY PAGE HEADER SPACING ===== */
.post-86 {
    padding-top: 5px;
}

/* ===== PHOTOGRAPHY STORIES SECTION ===== */

.post-86 .entry-content {
    max-width: 1100px;
    margin: 0 auto;
}

.post-86 .entry-content h2 {
    margin-top: 30px;
    margin-bottom: 12px;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: 1px;
}

.post-86 .entry-content h2 + p {
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}
/* ===== PHOTOGRAPHY CLOSING BAND ===== */
.photography-closing {
    background:
        radial-gradient(
            circle at center,
            rgba(28, 52, 60, 0.95) 0%,
            rgba(18, 32, 38, 0.95) 38%,
            rgba(10, 12, 14, 1) 78%
        );
    color: #ffffff;
    text-align: center;
	padding: 24px 20px;
}
.photography-closing p {
    margin: 0;
}

.photography-closing p + p {
    margin-top: 12px;
}
.photography-closing p:first-child {
    font-size: 21px;
    letter-spacing: 0.3px;
}

.photography-closing p:last-child {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    margin-top: 10px;
}
.photography-closing p:first-child {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.8px;
    font-style: italic;
}

/* ===== PHOTOGRAPHY CLOSING BAND FULL WIDTH ===== */
.photography-closing {
    width: 100vw;
    max-width: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
/* ===== PHOTOGRAPHY PAGE BRAND ===== */
.photography-brand {
    max-width: 520px;
    margin: 0 auto 24px;
}

.photography-brand img {
    width: 100%;
    height: auto;
    display: block;
}
.photography-brand {
    margin: -70px auto 71px;
}
/* ===== PHOTOGRAPHY PAGE HEADER ===== */
body.page-id-86 .site-header .cc-brand {
    display: none;
}
/* ===== HIDE HEADER LOGO ON PHOTOGRAPHY ===== */
body:has(.post-86) .cc-brand {
    display: none !important;
}
/* ===== PHOTOGRAPHY PAGE NAVIGATION ===== */
body.page-id-86 .cc-header .cc-nav a,
body.page-id-86 .cc-header .cc-nav a:visited {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
/* ===== PHOTOGRAPHY NAV POSITION ===== */
body.page-id-86 .cc-header {
    position: absolute;
    top: 340px;
    left: 0;
    right: 0;
    background: transparent !important;
}

body.page-id-86 .cc-header .cc-wrap {
    justify-content: center;
}

body.page-id-86 .cc-header .cc-nav {
    width: 100%;
    display: flex;
    justify-content: center;
}
/* ===== PHOTOGRAPHY CTA TO FOOTER SPACING ===== */
body.page-id-86 .photography-closing {
    margin-bottom: -80px;
}
/* ===== PHOTOGRAPHY NAV HOVER LINE ===== */
body.page-id-86 .site-header .cc-nav a:hover,
body.page-id-86 .site-header .cc-nav a:focus,
body.page-id-86 .site-header .cc-nav .current-menu-item a {
    border-bottom-color: #111 !important;
}
/* ===== PHOTOGRAPHY NAV HOVER LINE FIX ===== */
body.page-id-86 .cc-nav a::after,
body.page-id-86 .cc-nav a:hover::after,
body.page-id-86 .cc-nav a:focus::after {
    background-color: #111 !important;
    border-color: #111 !important;
}
/* ===== PHOTOGRAPHY NAV HOVER — FINAL FIX ===== */
body.page-id-86 .cc-menu a:hover,
body.page-id-86 .cc-menu a:focus {
    border-color: #111 !important;
}

/* ===== PHOTOGRAPHY PHONE NAV POSITION ===== */
@media (max-width: 600px) {
    body.page-id-86 .cc-header {
        top: 260px;
    }
}
/* ===== HIDE ABOUT PAGE TITLE ===== */
body.page-id-656 .cc-page > h1,
body.page-id-656 main > h1,
body.page-id-656 article > h1,
body.page-id-656 .entry-title {
    display: none !important;
}
/* ===== HIDE WHITE HEADER LOGO ON ABOUT ===== */
body.page-id-656 .site-header .cc-brand {
    display: none !important;
}

/* ===== ABOUT PAGE HEADER ===== */

body.page-id-656 .cc-brand {
    display: none !important;
}

body.page-id-656 .cc-nav a,
body.page-id-656 .cc-nav a:visited {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.page-id-656 .cc-menu a:hover,
body.page-id-656 .cc-menu a:focus {
    border-color: #111 !important;
}

/* ===== ABOUT PAGE BRAND ===== */
body.page-id-656 .about-brand {
    max-width: 520px;
    margin: 0px auto 55px;
}

body.page-id-656 .about-brand img {
    width: 100%;
    height: auto;
    display: block;
}

/* ===== ABOUT NAV POSITION ===== */
body.page-id-656 .cc-header {
    position: absolute;
    top: 415px;
    left: 0;
    right: 0;
    background: transparent !important;
}

body.page-id-656 .cc-header .cc-wrap {
    justify-content: center;
}

body.page-id-656 .cc-header .cc-nav {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* ===== ABOUT HEADER FINAL POSITION ===== */
body.page-id-656 .cc-brand {
    display: none !important;
}

body.page-id-656 .cc-header {
    position: absolute;
    top: 470px;
    left: 0;
    right: 0;
    background: transparent !important;
}

body.page-id-656 .cc-header .cc-wrap {
    justify-content: center;
}

body.page-id-656 .cc-header .cc-nav {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* ===== ABOUT STORY BREATHING ROOM ===== */
body.page-id-656 .about-story-intro {
    margin-top: 125px !important;
}

/* ===== ABOUT PHILOSOPHY SPACING ===== */
body.page-id-656 .about-philosophy {
11    margin-top: -940px !important;
}

/* ===== ABOUT SIGNATURE SPACING ===== */
body.page-id-656 .about-signature {
    margin-bottom: 55px !important;
}

/* ===== ABOUT TABLET + PHONE CREAM BACKGROUND ===== */
@media (max-width: 1024px) {
    body.page-id-656,
    body.page-id-656 .site,
    body.page-id-656 main,
    body.page-id-656 .cc-page,
    body.page-id-656 article {
        background-color: #f7f3eb !important;
    }
}

/* ===== ABOUT PHONE INTRO BREATHING ROOM ===== */
@media (max-width: 600px) {
    body.page-id-656 .about-story-intro {
1        margin-top: 75px !important;
    }
}

/* ===== ABOUT PHONE NAV CLOSER TO LOGO ===== */
@media (max-width: 600px) {
    body.page-id-656 .cc-header {
        top: 325px !important;
    }
}

/* ===== CONTACT PAGE BRANDING ===== */
body.page-id-4 .site-header .cc-brand,
body.page-id-4 .cc-brand {
    display: none !important;
}

body.page-id-4 .contact-brand {
    max-width: 520px;
    margin: 0 auto 55px;
}

body.page-id-4 .contact-brand img {
    width: 100%;
    height: auto;
    display: block;
}

body.page-id-4 .cc-nav a,
body.page-id-4 .site-header .cc-nav a:visited {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.page-id-4 .cc-menu a:hover,
body.page-id-4 .cc-menu a:focus {
    border-color: #111 !important;
}

/* ===== HIDE CONTACT PAGE TITLE ===== */
body.page-id-4 .cc-page > h1,
body.page-id-4 main > h1,
body.page-id-4 article > h1,
body.page-id-4 .entry-title {
    display: none !important;
}

/* ===== CONTACT TABLET LOGO / NAV SPACING ===== */
@media (max-width: 1024px) and (min-width: 601px) {
    body.page-id-4 .contact-brand {
        margin-bottom: -30px !important;
    }
}

/* ===== CONTACT PHONE NAV ===== */
@media (max-width: 600px) {
    body.page-id-4 .cc-header {
        display: block !important;
        position: absolute;
			  top: 315px !important;
        left: 0;
        right: 0;
        background: transparent !important;
    }

    body.page-id-4 .cc-header .cc-wrap {
        justify-content: center;
    }

    body.page-id-4 .cc-header .cc-nav {
        display: flex !important;
        width: 100%;
        justify-content: center;
    }
}

/* ===== CONTACT PHONE LOGO UP ===== */
@media (max-width: 600px) {
    body.page-id-4 .contact-brand {
        transform: translateY(-60px);
        margin-bottom: -05px !important;
    }
}

/* ===== CONTACT PHONE CONTENT BREATHING ROOM ===== */
@media (max-width: 600px) {
    body.page-id-4 .entry-content {
        padding-top: 68px !important;
    }
}

/* ===== CONTACT SUBMIT BUTTON ===== */
body.page-id-4 input[type="submit"],
body.page-id-4 button[type="submit"] {
    display: block !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 16px 30px !important;

    background: #111 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 7px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;

    cursor: pointer;
}

/* ===== CONTACT DESKTOP NAV POSITION ===== */
@media (min-width: 1025px) {
    body.page-id-4 .cc-header {
        position: absolute;
        top: 45px !important;
        left: 0;
        right: 0;
        background: transparent !important;
    }

    body.page-id-4 .cc-header .cc-wrap {
        justify-content: center;
    }

    body.page-id-4 .cc-header .cc-nav {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

/* ===== HOME DESKTOP NAV POSITION ===== */
@media (min-width: 1025px) {
    body.home .cc-header {
        position: absolute;
        top: 45px !important;
        left: 0;
        right: 0;
        background: transparent !important;
    }

    body.home .cc-header .cc-wrap {
        justify-content: center;
    }

    body.home .cc-header .cc-nav {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

/* ===== HOME DESKTOP LOGO POSITION FIX ===== */
@media (min-width: 1025px) {
    body.home .cc-header .cc-brand {
        position: absolute !important;
        left: 105px !important;
        transform: none !important;
        margin: 0 !important;
    }
}

/* ===== HOME TABLET NAV POSITION ===== */
@media (max-width: 1024px) and (min-width: 601px) {
    body.home .cc-header {
        position: absolute;
        top: 405px !important;
        left: 0;
        right: 0;
        background: transparent !important;
    }

    body.home .cc-header .cc-wrap {
        justify-content: center;
    }

    body.home .cc-header .cc-nav {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

/* ===== HOME TABLET HEADER LAYOUT FIX ===== */
@media (max-width: 1366px) and (min-width: 601px) {

    body.home .cc-header {
        position: absolute;
        top: 150px !important;
        left: 0;
        right: 0;
        background: transparent !important;
    }

    body.home .cc-header .cc-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    body.home .cc-header .cc-nav {
        order: 1 !important;
        width: 100%;
        display: flex !important;
        justify-content: center !important;
    }

    body.home .cc-header .cc-brand {
        order: 2 !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        margin: -190px auto 0 !important;
    }
}
/* ART & DESIGN — FULL WIDTH HERO */
.art-hero {
    width: 100vw;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    min-height: 78vh;
}

.art-hero .wp-block-cover__image-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ART & DESIGN — HERO COPY */
.page-id-249 .art-hero-copy {
    position: absolute;
    z-index: 5;
    left: 4.5vw;
    top: 50%;
    transform: translateY(-50%);
    width: 42%;
    max-width: 560px;
    color: #fff;
}

/* ART & DESIGN eyebrow */
.page-id-249 .art-hero-copy > p:first-child {
    font-size: 15px;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

/* MAIN HEADLINE */
.page-id-249 .art-hero-copy h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(40px, 3.6vw, 64px);
    line-height: 0.98;
    font-weight: 400;
    text-transform: none;
    margin: 0 0 24px;
}

/* SUPPORTING COPY */
.page-id-249 .art-hero-copy h2 + p {
    font-size: 20px;
    line-height: 1.45;
    margin-bottom: 28px;
}

/* BUTTON */
.page-id-249 .art-hero-copy .wp-block-button__link {
    background: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.85);
    border-radius: 0;
    padding: 15px 25px;
    font-size: 13px;
    letter-spacing: .13em;
}

/* ART & DESIGN PAGE 249 — HIDE THEME-GENERATED PAGE TITLE */
body.page-id-249 .entry-title,
body.page-id-249 .page-title,
body.page-id-249 .entry-header,
body.page-id-249 main article > header {
    display: none !important;
}
/* ART & DESIGN PAGE — REMOVE THE PESKY THEME TITLE */
body.page-id-249 .cc-page .cc-wrap > article > h1 {
    display: none !important;
}

/* ART & DESIGN PAGE 249 — REMOVE THEME PAGE PADDING */
body.page-id-249 .cc-page {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ART & DESIGN — MORE BREATHING ROOM */
body.page-id-249 .art-hero-copy > p:first-child {
    margin-bottom: 24px;
}

body.page-id-249 .art-hero-copy h2 {
    margin-bottom: 30px;
}

body.page-id-249 .art-hero-copy h2 + p {
    margin-bottom: 34px;
}
/* ART & DESIGN PAGE 249 — CUSTOM HEADER POSITIONING */

body.page-id-249 .cc-header {
    height: 220px;
    padding: 0 !important;
}

body.page-id-249 .cc-header .cc-wrap {
    position: relative;
    max-width: none !important;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}

/* LOGO — UPPER LEFT */
body.page-id-249 .cc-brand {
    position: absolute;
    left: 4.5vw;
    top: 16px;
    margin: 0 !important;
}

/* NAV — ABOVE ART & DESIGN */
body.page-id-249 .cc-menu {
    position: absolute;
    left: 4.5vw;
    bottom: 18px;
    margin: 0 !important;
}

/* KEEP MENU ON ONE CLEAN LINE */
body.page-id-249 .cc-menu ul {
    justify-content: flex-start;
    gap: 28px;
}
/* ART & DESIGN — FINAL SPACING TWEAKS */

/* Lower navigation slightly */
body.page-id-249 .cc-menu {
   bottom: -0px !important;
}

/* Lower hero wording slightly */
body.page-id-249 .art-hero-copy {
    top: 54% !important;
}