.elementor-12 .elementor-element.elementor-element-71e41d9{padding:0px 0px 90px 0px;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts:not(.slick-slider) .jet-posts__item{max-width:calc( 100% / 2 );}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts:not(.jet-equal-cols):not(.slick-slider) .jet-posts__item{flex:0 0 calc( 100% / 2 );-webkit-box-flex:0;-ms-flex:0 0 calc( 100% / 2 );}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts .jet-posts__item{padding:15px 15px 15px 15px;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts{margin-right:-15px;margin-left:-15px;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts .jet-posts__inner-box{border-style:none;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts .entry-title{text-align:left;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts .post-meta{text-align:left;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts .entry-excerpt{text-align:left;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts .jet-more{text-decoration:none;align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts .jet-more:hover{text-decoration:none;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-carousel .jet-slick-dots li{padding-left:5px;padding-right:5px;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-carousel .jet-slick-dots{justify-content:center;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-title-fields__item-label{margin-right:5px;}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-content-fields__item-label{margin-right:5px;}.elementor-12 .elementor-element.elementor-element-6ebe992 .navigation.pagination .nav-links{justify-content:center;}.elementor-12 .elementor-element.elementor-element-6ebe992 .navigation.pagination .nav-links a.page-numbers{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-6ebe992 .navigation.pagination .nav-links span.page-numbers.current{color:#ffffff;}.elementor-12 .elementor-element.elementor-element-6ebe992 .navigation.pagination .nav-links .page-numbers{min-width:20px;padding:10px 10px 10px 10px;margin-left:calc( 4px / 2 );margin-right:calc( 4px / 2 );}.elementor-12 .elementor-element.elementor-element-6ebe992 .navigation.pagination .nav-links a.page-numbers .jet-blog-arrow{width:18px;height:18px;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts:not(.slick-slider) .jet-posts__item{max-width:calc( 100% / 1 );}.elementor-12 .elementor-element.elementor-element-5d97f40 .jet-posts:not(.jet-equal-cols):not(.slick-slider) .jet-posts__item{flex:0 0 calc( 100% / 1 );-webkit-box-flex:0;-ms-flex:0 0 calc( 100% / 1 );}}/* Start custom CSS for section, class: .elementor-element-71e41d9 *//* ==========================================================================
   Global Layout & Structural Box Padding
   ========================================================================== */

body {
    background-color: #061525; /* Dark premium architectural canvas matching your theme menu */
    margin: 0;
    padding: 0;

background-image: url('/wp-content/uploads/2026/05/blog-header.jpg');
background-position:top left;
	background-repeat:no-repeat;
background-attachment:fixed;


}

/* Structural container wrapper for clear grid boxing away from viewport edge */
body.wp-singular #content.site-content {
    max-width: 1200px;
    margin: 0 auto !important;
    padding: 60px 40px 100px 40px;
    background-color: #ffffff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    position: relative;
    z-index: 1; /* Lowered structural baseline to remain underneath active elements */
}


/* ==========================================================================
   Controlled Z-Index Hierarchy Adjustments
   ========================================================================== */

/* The primary header navigation container bar stays on top of everything */
body.wp-singular .ceh-header {
    z-index: 99999 !important; 
}

/* Ensure buttons and logo are positioned to inherit or explicitly match top priority */
body.wp-singular .ceh-header-left,
body.wp-singular .ceh-header-right,
body.wp-singular .ceh-logo,
body.wp-singular .ceh-menu-toggle {
    position: relative;
    z-index: 99999 !important;
}

/* Fullscreen Active overlay panel steps perfectly in-between the body copy and the navigation buttons */
body.wp-singular .ceh-mega-menu.active {
    z-index: 99990 !important;
}

/* ==========================================================================
   Isolated Elementor Pseudo-Element Canvas (Safe Injection)
   ========================================================================== */

/* Target the underlying layout block container to serve as our background hook */
body.wp-singular .elementor-1802 .elementor-element.elementor-element-ad42873 {
    
    min-height: 400px;
    position: relative;
    z-index: 2; /* Sits over body, safely below header components */
}

/* The ::before element builds your readability dimming mask layer */
body.wp-singular .elementor-1802 .elementor-element.elementor-element-ad42873::before {
    content: "";
    position: absolute;
    inset: 0;

    z-index: 3;
}

/* The ::after element safely prints and positions the dynamic title block */
body.wp-singular .elementor-1802 .elementor-element.elementor-element-ad42873::after {
    content: "THE CANVAS JOURNAL";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4; /* Keeps the text stacked cleanly above the background mask overlay */
    
    /* Typography formatting styling */
    font-family: "Cormorant Garamond", serif;
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 10px;
    text-align: center;
    width: 90%;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* Clean up native screen reader elements layout rules */
body.wp-singular header .page-title.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* ==========================================================================
   Article Text & Hierarchy Details
   ========================================================================== */

body.wp-singular .wp-block-heading {
    font-family: "Cormorant Garamond", serif;
    color: #111111;
    margin-top: 40px;
    margin-bottom: 20px;
}

body.wp-singular h3.wp-block-heading {
    font-size: 2rem;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
}

body.wp-singular h4.wp-block-heading {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

body.wp-singular p, 
body.wp-singular ul.wp-block-list li {
    font-family: "Montserrat", sans-serif;
    font-size: 1.05rem;
    line-height: 1.8;
    color: #333333;
    margin-bottom: 20px;
}

body.wp-singular ul.wp-block-list {
    padding-left: 24px;
    margin-bottom: 30px;
}

body.wp-singular ul.wp-block-list li {
    margin-bottom: 12px;
}

body.wp-singular strong {
    color: #000000;
    font-weight: 700;
}

/* Target post-meta views counters cleanly styling */
body.wp-singular .post-views.entry-meta {
    margin-top: 40px;
    padding: 15px 0;
    border-top: 1px solid #eeeeee;
    font-size: 0.9rem;
    color: #666666;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Related Posts block links elements design customization */
body.wp-singular #jp-relatedposts {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 2px solid #111111;
}

body.wp-singular .jp-relatedposts-grid .jp-relatedposts-post a {
    font-family: "Cormorant Garamond", serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111111;
    text-decoration: none;
    transition: color 0.2s ease;
}

body.wp-singular .jp-relatedposts-grid .jp-relatedposts-post a:hover {
    color: #E50000;
}

/* ==========================================================================
   Responsive Adaptations
   ========================================================================== */

@media (max-width: 991px) {
    body.wp-singular #content.site-content {
        margin: 0 20px !important;
        padding: 40px 24px 60px 24px;
    }
}

@media (max-width: 768px) {
    body.wp-singular #page.site {
        padding-top: 100px;
    }
    body.wp-singular #content.site-content {
        margin: 0 10px !important;
        padding: 30px 16px;
    }
}/* End custom CSS */