/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.5.1766562047
Updated: 2025-12-24 09:40:47

*/
/* =========================
   CUSTOM FONT REGISTRATION
   ========================= */

/* Proxima Nova – Headings */
@font-face {
  font-family: 'Proxima Nova';
  src: url('/wp-content/themes/Divi-child/fonts/proxima-nova-extrabold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Journal – Decorative Script */
@font-face {
  font-family: 'Journal';
  src: url('/wp-content/themes/Divi-child/fonts/journal.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Decorative Utility Class */
.script-font {
  font-family: 'Journal', cursive !important;
}

/* --- Final Pro Fix: Reorder & Precise Spacing --- */
@media (max-width: 980px) {
    .mobile-stack-fix {
        display: flex !important;
        flex-direction: column !important;
    }

    .mobile-stack-fix .column-image {
        order: 1 !important;
        width: 100% !important;
        /* Adjust the 60px below to get the perfect gap above the pots */
        padding-top: 60px !important; 
        padding-bottom: 30px !important; /* Space between pots and blue box */
    }

    .mobile-stack-fix .column-text {
        order: 2 !important;
        width: 100% !important;
        padding-bottom: 40px !important; /* Space at the very bottom of the row */
    }
}

/* --- Custom Journal Font for CTA --- */
.journal-font {
    font-family: 'Journal', cursive !important; /* Replace 'Journal' with the exact name used in your Divi Theme Options */
    font-size: 60px; /* Adjust as needed */
    text-transform: none; /* Prevents it from being all-caps if the CTA default is caps */
}

/* --- Unique Decorative Font: Journal Main --- */
/* Applied via HTML: <span class="journal-font">Text</span> */

.journal-font {
    font-family: 'Journal Main', cursive !important; /* Matches your new Upload Name */
    font-weight: 400 !important;
    text-transform: none !important; 
    line-height: 1.2em !important;
    display: inline-block;
}

/* Mobile responsive bump for Legend sites */
@media only screen and (max-width: 767px) {
    .journal-font {
        font-size: 1.15em !important; 
    }
}