/*
Theme Name: WalkOne Endurance Hello Child
Theme URI: https://walkonetech.com/
Description: Hello Elementor child theme for Endurance Comics, with modular Posts admin tools and documented site customizations by WalkOne Technology Solutions, LLC.
Author: Justin Walker / WalkOne Technology Solutions, LLC
Author URI: https://walkonetech.com/
Template: hello-elementor
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: walkone-endurance-hello-child
*/

/* ============================================================
   ENDURANCE COMICS SITE STYLES v1.0.0
   Owner: WalkOne Technology Solutions, LLC
   Fonts: Barlow Condensed and Inter, loaded through Elementor.
   Elementor controls retain widget/query/dynamic content settings.
   ============================================================ */
:root {
 --ec-navy:#02011d;
 --ec-page:#090815;
 --ec-yellow:#f0ee2b;
 --ec-purple:#7F25C8;
 --ec-magenta:var(--ec-purple);
 --ec-magenta-85:rgba(127,37,200,.85);
 --ec-magenta-16:rgba(127,37,200,.16);
 --ec-cyan:#8bcfff;
 --ec-secondary:#d8d8df;
}

/* Default Hello header. Future Elementor headers have separate markup. */
#site-header { display:none !important; }

/* Shared site background. Native article images are not affected. */
body {
 background-color:var(--ec-page);
 background-image:url('/wp-content/uploads/2026/09/vibrant-abstract-prism-light-flare-with-grainy-tex-2026-07-27-16-24-06-utc-scaled.jpg');
 background-size:cover;
 background-position:center center;
 background-attachment:fixed;
 background-repeat:no-repeat;
}
@media(max-width:767px){body{background-attachment:scroll;}}

/* Archive, category, search and optional Blog Page */
.ec-blog{background:transparent;color:#fff;font-family:Inter,sans-serif;padding:64px 28px;gap:32px;--ec-yellow:#f0ee2b;--ec-magenta:#7F25C8;--ec-cyan:#8bcfff;}
.ec-blog .ec-shell{max-width:1240px;width:100%;margin-inline:auto;gap:40px;}
.ec-blog .ec-hero{position:relative;padding:clamp(28px,5vw,64px);background:rgba(6,7,24,.62);border:1px solid rgba(255,255,255,.14);border-radius:28px;gap:24px;box-shadow:0 20px 55px rgba(0,0,0,.28);border-left:6px solid #8bcfff;}
.ec-blog .ec-kicker .elementor-heading-title{font-family:Inter,sans-serif;font-size:12px;font-weight:900;letter-spacing:.18em;color:#8bcfff;}
.ec-blog .ec-hero-title .elementor-heading-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(48px,7vw,104px);line-height:.96;letter-spacing:-.02em;text-transform:uppercase;color:#fff;overflow-wrap:anywhere;}
.ec-blog .ec-highlight .elementor-heading-title{display:inline-block;background:#f0ee2b;color:#02011d;padding:4px 16px 10px;box-shadow:7px 7px 0 #7F25C8;transform:rotate(-1deg);}
.ec-blog .ec-intro{color:#d8d8df;font-size:18px;line-height:1.7;max-width:680px;}
.ec-blog .ec-section-title .elementor-heading-title{font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:900;color:#fff;text-transform:uppercase;}
.ec-blog .ec-grid-wrap{gap:24px;}.ec-blog .ec-search input{background:#fff;color:#02011d;font-family:Inter,sans-serif;font-size:16px;min-height:54px;border:2px solid #8bcfff;}.ec-blog .ec-search button{background:#f0ee2b;color:#02011d;min-width:54px;}
.ec-blog .ec-button .elementor-button{background:#f0ee2b;color:#02011d;border:3px solid #f0ee2b;border-radius:0;padding:18px 26px;font-family:Inter,sans-serif;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:6px 6px 0 #7F25C8;transition:.18s ease;}
.ec-blog .ec-button .elementor-button:hover{background:#fff;transform:translate(3px,3px);box-shadow:3px 3px 0 #7F25C8;}
.ec-blog .ec-cta{padding:36px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(4,4,18,.78);gap:24px;}
.ec-blog .elementor-pagination{margin-top:32px;}.ec-blog .elementor-pagination .page-numbers{display:inline-block;padding:10px 14px;color:#fff;border:1px solid rgba(255,255,255,.25);margin:4px;}.ec-blog .elementor-pagination .current{background:#f0ee2b;color:#02011d;}
.ec-blog a:focus-visible{outline:3px solid #8bcfff;outline-offset:5px;}
@media(max-width:767px){.ec-blog{padding:32px 17px;}.ec-blog .ec-shell{gap:28px;}.ec-blog .ec-hero{padding:24px;border-radius:22px;}.ec-blog .ec-cta{padding:24px;}.ec-blog .ec-highlight .elementor-heading-title{box-shadow:4px 4px 0 #7F25C8;}}
@media(prefers-reduced-motion:reduce){.ec-blog .ec-button .elementor-button{transition:none;transform:none;}}

/* Endurance corner accents */
.ec-blog .ec-hero,.ec-blog .ec-post-hero{position:relative;border-left:1px solid rgba(255,255,255,.14);}
.ec-blog .ec-hero::before,.ec-blog .ec-hero::after,.ec-blog .ec-post-hero::before,.ec-blog .ec-post-hero::after{content:"";position:absolute;width:48px;height:36px;pointer-events:none;}
.ec-blog .ec-hero::before,.ec-blog .ec-post-hero::before{top:14px;left:14px;border-top:3px solid #8bcfff;border-left:3px solid #8bcfff;border-radius:8px 0 0 0;}
.ec-blog .ec-hero::after,.ec-blog .ec-post-hero::after{bottom:14px;right:14px;border-bottom:3px solid #8bcfff;border-right:3px solid #8bcfff;border-radius:0 0 8px 0;}
@media(max-width:767px){.ec-blog .ec-hero::before,.ec-blog .ec-hero::after,.ec-blog .ec-post-hero::before,.ec-blog .ec-post-hero::after{width:26px;height:20px;}.ec-blog .ec-hero::before,.ec-blog .ec-post-hero::before{top:9px;left:9px;}.ec-blog .ec-hero::after,.ec-blog .ec-post-hero::after{bottom:9px;right:9px;}}

/* Single Post and Gutenberg reading surface */
.ec-single-post{--ec-navy:#02011d;--ec-yellow:#f0ee2b;--ec-magenta:#7F25C8;--ec-cyan:#8bcfff;color:#fff;background:transparent;font-family:Inter,sans-serif;padding:64px 28px;gap:32px;}
.ec-single-post .ec-single-shell{width:100%;max-width:1120px;margin-inline:auto;gap:32px;}
.ec-single-post .ec-post-hero{padding:48px;background:rgba(6,7,24,.62);border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:0 20px 55px rgba(0,0,0,.28);gap:22px;}
.ec-single-post .ec-kicker .elementor-heading-title{font-family:Inter,sans-serif;font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--ec-cyan);text-transform:uppercase;}
.ec-single-post .ec-post-title .elementor-heading-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(44px,6vw,84px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:#fff;overflow-wrap:anywhere;}
.ec-single-post .ec-post-meta,.ec-single-post .ec-post-meta a,.ec-single-post .ec-post-meta .elementor-icon-list-text{font-family:Inter,sans-serif;color:#d8d8df;font-size:14px;}
.ec-single-post .ec-featured img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;margin-inline:auto;border-radius:14px;}
.ec-single-post .ec-featured:not(:has(img[src])){display:none;}
.ec-single-post .ec-reading{background:#fbfbfd;color:#151522;border-radius:24px;border-top:6px solid var(--ec-yellow);padding:48px;box-shadow:8px 8px 0 rgba(127,37,200,.85);}
.ec-single-post .ec-article-content{max-width:760px;width:100%;margin-inline:auto;font-family:Inter,sans-serif;font-size:18px;line-height:1.8;color:#151522;}
.ec-single-post .ec-article-content p{margin:0 0 1.4em;}
.ec-single-post .ec-article-content :is(h2,h3,h4,h5,h6){font-family:'Barlow Condensed',sans-serif;font-weight:800;line-height:1.15;color:#02011d;margin:1.4em 0 .5em;}
.ec-single-post .ec-article-content h2{font-size:36px;}.ec-single-post .ec-article-content h3{font-size:29px;}
.ec-single-post .ec-article-content a{color:#672477;text-decoration:underline;text-underline-offset:3px;}
.ec-single-post .ec-article-content :is(img,video){max-width:100%;height:auto;object-fit:contain;}
.ec-single-post .ec-article-content figure{max-width:100%;margin:32px 0;}
.ec-single-post .ec-article-content :is(figcaption,.wp-caption-text){font-size:14px;line-height:1.6;color:#555564;margin-top:12px;text-align:left;}
.ec-single-post .ec-article-content .wp-block-gallery{gap:24px;}
.ec-single-post .ec-article-content .wp-block-gallery.has-nested-images figure.wp-block-image{width:100%!important;flex-grow:0;}
.ec-single-post .ec-article-content .wp-block-gallery.has-nested-images figure.wp-block-image img{width:auto!important;max-width:100%;height:auto!important;flex:initial;}
.ec-single-post .ec-article-content .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{position:static;background:none;color:#555564;padding:12px 0;max-height:none;}
.ec-single-post .ec-article-content blockquote{margin:32px 0;border-left:5px solid #7F25C8;padding:8px 24px;background:#f1eef7;}
.ec-single-post .ec-article-content :is(ul,ol){padding-left:1.5em;margin-bottom:1.4em;}
.ec-single-post .ec-article-content .wp-block-table{overflow:auto;}.ec-single-post .ec-article-content table{width:100%;border-collapse:collapse;}.ec-single-post .ec-article-content :is(td,th){border:1px solid #d8d8df;padding:12px;}
.ec-single-post .ec-article-content :is(.alignwide,.alignfull){width:100%;max-width:100%;margin-inline:0;}
.ec-single-post .ec-article-content iframe{max-width:100%;}.ec-single-post .ec-article-content pre{overflow:auto;}
.ec-single-post .ec-post-navigation{padding:24px 0;}.ec-single-post .ec-post-navigation :is(a,.post-navigation__prev--label,.post-navigation__next--label,.post-navigation__prev--title,.post-navigation__next--title){color:#fff;}.ec-single-post .ec-post-navigation .elementor-post-navigation{gap:24px;}.ec-single-post .ec-post-navigation a{overflow-wrap:anywhere;}
.ec-single-post .ec-post-cta{padding:36px;background:rgba(4,4,18,.78);border:1px solid rgba(255,255,255,.14);border-radius:28px;gap:20px;}
.ec-single-post .ec-post-cta .elementor-heading-title{font-family:'Barlow Condensed',sans-serif;font-size:44px;font-weight:900;line-height:1;color:#fff;}
.ec-single-post .ec-brand-button .elementor-button{background:var(--ec-yellow);color:var(--ec-navy);border:3px solid var(--ec-yellow);border-radius:0;box-shadow:6px 6px 0 var(--ec-magenta);padding:18px 28px;font-family:Inter,sans-serif;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transition:.18s ease;}
.ec-single-post .ec-brand-button .elementor-button:hover{background:#fff;transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ec-magenta);}
.ec-single-post a:focus-visible{outline:3px solid var(--ec-cyan);outline-offset:5px;}
@media(max-width:767px){.ec-single-post{padding:32px 17px;}.ec-single-post .ec-post-hero{padding:24px;border-radius:22px;}.ec-single-post .ec-reading{padding:24px 20px;box-shadow:4px 4px 0 rgba(127,37,200,.85);}.ec-single-post .ec-article-content{font-size:17px;line-height:1.75;}.ec-single-post .ec-post-cta{padding:24px;}.ec-single-post .ec-post-navigation .post-navigation__prev--title,.ec-single-post .ec-post-navigation .post-navigation__next--title{font-size:16px;}}
@media(prefers-reduced-motion:reduce){.ec-single-post .ec-brand-button .elementor-button{transition:none;transform:none;}}

.ec-single-post .ec-featured:has(img[src*="placeholder.png"]){display:none;}
.ec-single-post .ec-article-content .elementor-widget-container{color:#151522;font-size:18px;line-height:1.8;}
.ec-single-post .ec-article-content .elementor-widget-container p{font-size:inherit;line-height:inherit;}

/* Endurance corner accents */
.ec-single-post .ec-hero,.ec-single-post .ec-post-hero{position:relative;border-left:1px solid rgba(255,255,255,.14);}
.ec-single-post .ec-hero::before,.ec-single-post .ec-hero::after,.ec-single-post .ec-post-hero::before,.ec-single-post .ec-post-hero::after{content:"";position:absolute;width:48px;height:36px;pointer-events:none;}
.ec-single-post .ec-hero::before,.ec-single-post .ec-post-hero::before{top:14px;left:14px;border-top:3px solid #8bcfff;border-left:3px solid #8bcfff;border-radius:8px 0 0 0;}
.ec-single-post .ec-hero::after,.ec-single-post .ec-post-hero::after{bottom:14px;right:14px;border-bottom:3px solid #8bcfff;border-right:3px solid #8bcfff;border-radius:0 0 8px 0;}
@media(max-width:767px){.ec-single-post .ec-hero::before,.ec-single-post .ec-hero::after,.ec-single-post .ec-post-hero::before,.ec-single-post .ec-post-hero::after{width:26px;height:20px;}.ec-single-post .ec-hero::before,.ec-single-post .ec-post-hero::before{top:9px;left:9px;}.ec-single-post .ec-hero::after,.ec-single-post .ec-post-hero::after{bottom:9px;right:9px;}}

/* Reusable Article Card and Featured Story */
:is(.ec-article-card,.ec-featured-story){height:100%;padding:0;background:rgba(6,7,24,.92);border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;color:#fff;gap:0;}
:is(.ec-article-card,.ec-featured-story) .ec-card-body{padding:28px;gap:18px;flex-grow:1;}
:is(.ec-article-card,.ec-featured-story) .ec-card-image img{width:100%;height:240px;object-fit:contain;background:#02011d;display:block;}
:is(.ec-article-card,.ec-featured-story) .ec-card-image:not(:has(img[src])),:is(.ec-article-card,.ec-featured-story) .ec-card-image:has(img[src*="placeholder.png"]){display:none;}
:is(.ec-article-card,.ec-featured-story):not(:has(.ec-card-image img[src])){background:linear-gradient(140deg,#12112b,#02011d);}
:is(.ec-article-card,.ec-featured-story) .ec-card-title .elementor-heading-title{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:900;line-height:1.08;text-transform:uppercase;color:#fff;overflow-wrap:anywhere;}
:is(.ec-article-card,.ec-featured-story) .ec-card-title a{color:inherit;}
:is(.ec-article-card,.ec-featured-story) .ec-card-date{font-family:Inter,sans-serif;font-size:12px;color:#8bcfff;font-weight:700;}
:is(.ec-article-card,.ec-featured-story) .ec-card-excerpt{font-family:Inter,sans-serif;font-size:15px;line-height:1.7;color:#d8d8df;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
:is(.ec-article-card,.ec-featured-story) .ec-card-link{margin-top:auto;}:is(.ec-article-card,.ec-featured-story) .ec-card-link .elementor-button{background:none;color:#f0ee2b;padding:8px 0;font-family:Inter,sans-serif;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
:is(.ec-article-card,.ec-featured-story) a:focus-visible{outline:3px solid #8bcfff;outline-offset:3px;}

/* Approved date label with purple offset. */
:is(.ec-article-card,.ec-featured-story){border-top:1px solid rgba(255,255,255,.14);}
:is(.ec-article-card,.ec-featured-story) .ec-card-date{align-self:flex-start;width:auto;max-width:100%;margin-bottom:3px;}
:is(.ec-article-card,.ec-featured-story) .ec-card-date .elementor-icon-list-items{display:inline-flex;width:auto;max-width:100%;margin:0;padding:5px 8px;background:#f0ee2b;color:#02011d;box-shadow:3px 3px 0 #7F25C8;}
:is(.ec-article-card,.ec-featured-story) .ec-card-date .elementor-icon-list-item,:is(.ec-article-card,.ec-featured-story) .ec-card-date .elementor-icon-list-text,:is(.ec-article-card,.ec-featured-story) .ec-card-date a{font-family:Inter,sans-serif;font-size:12px;line-height:1.5;font-weight:800;color:#02011d;}
:is(.ec-article-card,.ec-featured-story) .ec-card-date .elementor-icon-list-icon{display:none;}
:is(.ec-article-card,.ec-featured-story) .ec-card-body{gap:20px;min-height:235px;}
:is(.ec-article-card,.ec-featured-story) .ec-card-link{margin-top:auto;}

/* Larger optional Featured Story typography and media. */
.ec-featured-story .ec-card-title .elementor-heading-title{font-size:clamp(36px,4vw,58px);}
.ec-featured-story .ec-card-image img{height:380px;}

/* Coming Soon has its own controller; keep its accent in sync. */
.ec-cs{--ec-magenta:#7F25C8;--ec-magenta-85:rgba(127,37,200,.85);--ec-magenta-16:rgba(127,37,200,.16);}
