/*
Theme Name: APOEL Runners — Divi
Description: Editable Divi layouts for the APOEL Runners 2026 redesign.
Template: Divi
Version: 1.0.0
Text Domain: apoel-divi
*/
:root{--apoel-blue:#233794;--apoel-navy:#1a2972;--apoel-yellow:#ffcb06;--apoel-cream:#f7f5ef;--apoel-ink:#3a4258}
body,#page-container,#main-content{background:var(--apoel-cream);color:var(--apoel-blue);font-family:Archivo,Arial,sans-serif!important;font-size:16px;line-height:1.7}
#page-container{padding-top:0!important;overflow-x:clip}
#main-content .container:before{display:none}
body:not(.et-fb) #page-container .apoel-section{max-width:1440px;margin:0 auto}
#page-container .apoel-section{background-color:var(--apoel-cream);padding:0;position:relative}
#page-container .apoel-row{width:100%;max-width:100%;padding:0;margin:0;display:flex;gap:28px}
#page-container .apoel-row:after,#page-container .apoel-column:after{display:none}
#page-container .apoel-column{min-width:0;float:none;margin:0!important;flex:1;width:auto;display:flex;flex-direction:column;gap:18px}
#page-container .apoel-grid .apoel-column{width:100%}
#page-container .apoel-column .et_pb_module{margin-bottom:0!important}
#page-container .apoel-text{color:inherit;font-size:inherit;line-height:inherit}
#page-container .apoel-text p{padding-bottom:0;margin:0 0 12px}
#page-container .apoel-text p:last-child{margin-bottom:0}
#page-container .apoel-text h1,#page-container .apoel-text h2,#page-container .apoel-text h3,#page-container .apoel-text h4{font-family:Archivo,Arial,sans-serif;color:inherit;font-weight:800;line-height:1.08;padding:0;letter-spacing:-.025em}
#page-container h1{font-size:clamp(42px,6vw,78px)}
#page-container h2{font-size:clamp(32px,3.5vw,48px)}
#page-container h3{font-size:26px}
#page-container h4{font-size:14px;letter-spacing:.12em}
#page-container .apoel-image{width:100%;text-align:left}
#page-container .apoel-image .et_pb_image_wrap{display:block}
#page-container .apoel-image img{width:100%;display:block;object-fit:cover;border-radius:14px}
#page-container .et_pb_button{font-family:Archivo,Arial,sans-serif!important;font-weight:700;font-size:15px;line-height:1.4!important;border:0;border-radius:999px;padding:15px 28px!important;background:var(--apoel-blue);color:white;text-decoration:none;display:inline-block;transition:transform .2s,background .2s}
#page-container .et_pb_button:after{display:none!important}
#page-container .et_pb_button:hover{transform:translateY(-2px);background:var(--apoel-navy)}
#page-container .et_pb_button.gold{background:var(--apoel-yellow);color:var(--apoel-blue)}
#page-container .et_pb_button.outline{background:transparent;border:1.5px solid var(--apoel-blue);color:var(--apoel-blue)}
#page-container .et_pb_button.text-link{background:none;color:var(--apoel-blue);padding:0!important;border-radius:0;font-size:13px;letter-spacing:.04em}
#page-container .eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:#a98300;text-transform:uppercase;margin:0 0 14px}
#page-container .content-section{padding:80px 64px}
#page-container .content-section>.apoel-row+.apoel-row{margin-top:36px}
#page-container .white{background:white}
#page-container .heading-row{align-items:end;justify-content:space-between;margin-bottom:32px;gap:20px}
#page-container .heading-row>.apoel-column:first-child{flex:3}
#page-container .heading-row>.apoel-column:last-child{align-items:flex-end}
#page-container .heading-row h2{font-size:clamp(36px,4vw,56px);font-family:Teko,Archivo,sans-serif!important;letter-spacing:.005em;text-transform:uppercase}
/* Shared, fully editable Theme Builder header. */
.et-l--header{position:sticky;top:0;z-index:100}
.admin-bar .et-l--header{top:32px}
#page-container .site-header{background:#fff;border-bottom:1px solid #e7e3d8;padding:8px 64px;z-index:101}
#page-container .header-row{align-items:center;justify-content:space-between}
#page-container .header-row .apoel-column:first-child{flex:0 0 auto}
#page-container .header-row .apoel-column:last-child{flex-direction:row;align-items:center;justify-content:flex-end;gap:30px}
#page-container .header-logo img{height:84px;width:auto;border-radius:0}
#page-container .et_pb_button.header-shop,#page-container .et_pb_button.header-membership{padding:0!important;background:none;color:var(--apoel-blue);font-size:16px;font-weight:500}
#page-container .et_pb_button.menu-toggle{padding:15px 40px!important;font-size:17px;font-weight:400}
body:not(.et-fb) #page-container .site-menu{display:none;position:fixed;top:10px;right:max(20px,calc((100vw - 1360px)/2));width:600px;max-height:calc(100dvh - 20px);overflow:auto;border-radius:28px;background:var(--apoel-blue);color:white;padding:36px 48px;box-shadow:0 0 0 100vmax #141f562e;z-index:103}
body:not(.et-fb) #page-container .site-menu.is-open{display:block}
#page-container .site-menu .eyebrow{color:#b9cde3}
#page-container .site-menu .apoel-column{gap:14px;position:relative}
#page-container .site-menu a{color:inherit}
#page-container .et_pb_button.menu-item{padding:0!important;font-size:28px;background:none;border-radius:0}
#page-container .menu-close{position:absolute;top:-8px;right:0}
#page-container .et_pb_button.menu-close{background:var(--apoel-yellow);color:var(--apoel-blue);padding:10px 15px!important;font-size:12px}
#page-container .et_pb_button.menu-join{display:block;background:var(--apoel-navy);padding:22px 28px!important}
/* Hero uses the native Divi slider. */
#page-container .home-hero{background:white;padding:12px 16px 0}
#page-container .home-slider{width:100%;border-radius:14px;overflow:hidden;transform-origin:50% 0}
#page-container .home-slider .et_pb_slide{height:748px;min-height:0;padding:0;background-position:center 30%;text-align:left}
#page-container .home-slider .et_pb_slide .et_pb_container{width:100%;height:100%!important;min-height:0}
#page-container .home-slider .et_pb_slide_description{padding:0 64px 96px;position:absolute;bottom:0;width:100%;text-shadow:none;text-align:left;animation:none}
#page-container .home-slider .et_pb_slide_content{font-family:Archivo,Arial,sans-serif;color:white;position:relative}
#page-container .hero-emblem{height:112px;width:auto;display:block;margin:0 0 8px;filter:drop-shadow(0 2px 10px #0007)}
#page-container .hero-kicker{font-size:11px;letter-spacing:.12em;margin:0 0 24px;padding:0}
#page-container .home-slider h1{font-family:Archivo,Arial,sans-serif;font-size:clamp(44px,6.12vw,88px);font-weight:800;line-height:1;letter-spacing:-.035em;color:#fff;max-width:980px;padding-bottom:0;margin-bottom:24px}
#page-container .home-slider h1 span{color:var(--apoel-yellow)}
#page-container .home-slider .et_pb_more_button{margin-top:0;background:var(--apoel-yellow);color:var(--apoel-blue);font-size:15px;border:0}
#page-container .hero-secondary{position:absolute;bottom:-51px;left:225px;border:1.5px solid white;border-radius:999px;padding:13px 28px;font-size:15px;font-weight:700;line-height:1.4;color:white}
#page-container .home-slider .et-pb-controllers{bottom:34px;text-align:right;padding-right:64px}
#page-container .home-slider .et-pb-controllers a{background:#fff8;width:8px;height:8px;opacity:1}
#page-container .home-slider .et-pb-controllers .et-pb-active-control{background:var(--apoel-yellow);width:28px;border-radius:9px}
#page-container .home-slider .et-pb-slider-arrows a{opacity:1;top:auto;bottom:22px;font-size:34px}
#page-container .home-slider .et-pb-arrow-prev{left:55px}
#page-container .home-slider .et-pb-arrow-next{right:auto;left:100px}
#page-container .page-hero{margin:12px auto 0!important;width:calc(100% - 32px);max-width:1408px!important;border-radius:14px;min-height:508px;padding:300px 64px 56px;color:white;background-color:var(--apoel-blue)}
#page-container .page-hero .eyebrow{color:var(--apoel-yellow)}
#page-container .page-intro{max-width:920px}
#page-container .page-intro h1{margin:20px 0 24px}
/* Native modules arranged in the reference's asymmetrical statistics grid. */
#page-container .stats-section{padding:80px 64px}
#page-container .stats-grid>.apoel-column{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:230px 230px 220px;gap:20px}
#page-container .stats-grid .et_pb_module{padding:30px;border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end}
#page-container .stats-heading{grid-column:1/span 6;grid-row:1;padding:0!important;justify-content:flex-start!important;color:#b9b4a6}
#page-container .stats-heading h2{font-family:Teko,sans-serif!important;font-size:clamp(52px,5.6vw,80px);line-height:.9;letter-spacing:0}
#page-container .stats-grid strong{font-size:clamp(48px,5.3vw,76px);line-height:1;font-weight:800;letter-spacing:-.04em;display:block;margin-bottom:14px}
#page-container .stats-grid small{font-size:30px}
#page-container .stats-grid p{font-size:13px;letter-spacing:.08em;font-weight:700}
#page-container .stat-distance{grid-column:1/span 6;grid-row:2/span 2;background:var(--apoel-blue);color:var(--apoel-yellow);padding:40px!important}
#page-container .stat-distance strong{font-size:clamp(64px,7.2vw,104px)}
#page-container .stat-members{grid-column:7/span 6;grid-row:1;background:var(--apoel-yellow)}
#page-container .stat-cities{grid-column:7/span 3;grid-row:2;background:#ff7a30}
#page-container .stat-races{grid-column:10/span 3;grid-row:2;background:#3d56c4;color:white}
#page-container .stats-grid .et_pb_button_module_wrapper:has(>.stat-join){grid-column:7/span 6;grid-row:3;background:#e7e3d8;justify-content:center!important}
#page-container .et_pb_button.stat-join{font-size:26px;background:none;color:var(--apoel-blue);text-align:left;padding:0!important}
#page-container .slogan-band{background:var(--apoel-blue);color:var(--apoel-yellow);padding:16px 0;overflow:hidden}
#page-container .marquee{white-space:nowrap;animation:marquee 32s linear infinite;font-size:18px;font-weight:700}
@keyframes marquee{from{transform:translateX(10%)}to{transform:translateX(-65%)}}
/* Dynamic content, preserving WordPress articles and WooCommerce functionality. */
#page-container .news-row>.apoel-column:first-child{flex:3}
#page-container .news-row>.apoel-column:last-child{flex:1}
#page-container .apoel-blog .et_pb_ajax_pagination_container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#page-container .apoel-blog .et_pb_salvattore_content{display:contents}
#page-container .apoel-blog .column{display:contents}
#page-container .apoel-blog article.et_pb_post{width:auto;margin:0;padding:0 0 24px;border:1px solid #e7e3d8;border-radius:14px;background:white;overflow:hidden;display:flex;flex-direction:column}
#page-container .apoel-blog .et_pb_image_container{margin:0}
#page-container .apoel-blog .entry-featured-image-url{margin:0 0 20px}
#page-container .apoel-blog .entry-featured-image-url img{height:220px;width:100%;object-fit:cover}
#page-container .apoel-blog .entry-title,#page-container .apoel-blog .post-meta,#page-container .apoel-blog .post-content{padding:0 22px}
#page-container .apoel-blog .entry-title{font-family:Archivo,sans-serif;font-weight:800;font-size:21px;line-height:1.2;margin-bottom:14px;color:var(--apoel-blue)}
#page-container .apoel-blog .post-meta{font-size:11px;letter-spacing:.03em;color:#a98300;line-height:1.5}
#page-container .apoel-blog .post-content{color:var(--apoel-ink);font-size:14px;line-height:1.7;flex:1}
#page-container .apoel-blog .more-link{margin-top:16px;color:var(--apoel-blue);font-weight:800;display:inline-block}
#page-container .apoel-blog .pagination{grid-column:1/-1;padding:18px 0}
#page-container .brand-ad{background:#ece5d7;border:1px solid #e3d9c5;border-radius:14px;min-height:280px;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:#8a7a58}
#page-container .brand-ad p{font-size:44px;font-weight:800;font-family:Teko,sans-serif}
#page-container .brand-ad small{font-size:12px}
#page-container .training-card{background:var(--apoel-blue);color:white;border-radius:18px;overflow:hidden;align-items:center;gap:0}
#page-container .training-card>.apoel-column:last-child{padding:44px}
#page-container .training-image img{height:560px;border-radius:0}
#page-container .coach-thumb img{width:72px;height:72px;border-radius:50%}
#page-container .legends{background:linear-gradient(135deg,#b8901f,#f3d883 28%,#dcb63f 52%,#f7ecc0 78%,#b8901f)}
#page-container .legends-grid{gap:24px}
#page-container .legends-grid>.apoel-column{background:#fff;border-radius:14px;overflow:hidden;padding-bottom:28px;gap:22px}
#page-container .legends-grid img{height:280px;border-radius:0;object-position:top}
#page-container .legends-grid .apoel-text,#page-container .legends-grid .apoel-button{margin:0 26px!important}
#page-container .legends-grid .apoel-text p{font-size:14px;line-height:1.7}
#page-container .legends-grid h3{font-size:26px;margin-bottom:18px}
#page-container .join-cta{background:var(--apoel-yellow)}
#page-container .cta-row{align-items:center;gap:60px}
#page-container .cta-row>.apoel-column:first-child{flex:2}
#page-container .cta-row h2{margin-bottom:16px}
#page-container .newsletter{background:#eef1fb}
#page-container .sponsors{background:white;border-bottom:1px solid #e7e3d8;padding:25px 0;overflow:hidden}
#page-container .sponsor-track{font-size:26px;white-space:nowrap;font-weight:700;animation:marquee 38s linear infinite}
#page-container .sponsor-track span{font-size:20px;margin-left:40px;word-spacing:20px;color:#78809b}
#page-container .site-footer{padding:72px 64px 40px;background:var(--apoel-navy);color:#e4e8f3}
#page-container .site-footer h4{color:#9faddb;margin-bottom:20px}
#page-container .site-footer p{font-size:14px;line-height:1.8}
#page-container .site-footer a{color:white}
#page-container .footer-grid>.apoel-column:first-child{flex:1.6}
#page-container .footer-logo img{height:90px;width:auto;border-radius:0;object-fit:contain}
#page-container .footer-bottom{margin-top:56px;padding-top:24px;border-top:1px solid #ffffff24;justify-content:space-between;font-size:12px}
#page-container .footer-bottom>.apoel-column:last-child{text-align:right}
/* Milestones remain native Toggle modules and are editable in Divi. */
#page-container .timeline{background:var(--apoel-blue);color:white}
#page-container .timeline .eyebrow{color:var(--apoel-yellow)}
#page-container .timeline-row>.apoel-column{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
#page-container .milestone{border:none;border-top:2px solid #ffffff50;background:transparent;color:white;padding:28px 0}
#page-container .milestone h5{font-family:Archivo,sans-serif;font-weight:700;font-size:20px;color:white;padding-right:25px;line-height:1.5}
#page-container .milestone h5:before{color:var(--apoel-yellow)}
#page-container .milestone .et_pb_toggle_content{color:#e4e8f3;font-size:14px}
#page-container .milestone img{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:18px}
#page-container .milestone h3{font-size:22px;color:var(--apoel-yellow);margin-bottom:14px}
#page-container .filter-chips{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 22px}
#page-container .filter-chips a{border:1px solid #e7e3d8;border-radius:999px;padding:9px 19px;color:var(--apoel-blue);background:white;font-size:13px;font-weight:700}
#page-container .filter-chips a.active{background:var(--apoel-blue);color:white;border-color:var(--apoel-blue)}
.apoel-events{display:flex;gap:22px;overflow-x:auto;padding-bottom:20px;scroll-snap-type:x mandatory}
.apoel-event{flex:0 0 290px;background:var(--apoel-blue);color:white!important;border-radius:14px;overflow:hidden;scroll-snap-align:start;padding-bottom:26px}
.apoel-event img{width:100%;height:200px;object-fit:cover}
.apoel-event h3,.apoel-event p{margin:18px 24px!important;font-size:20px!important;color:white}
.apoel-event p{font-size:13px!important;color:var(--apoel-yellow)}
#page-container .article-heading .entry-title{font-family:Archivo,sans-serif;font-weight:800;line-height:1.08;max-width:1040px;font-size:clamp(32px,4.6vw,64px);color:var(--apoel-blue)}
#page-container .article-heading .et_pb_title_featured_container img{width:100%;height:520px;object-fit:cover;border-radius:14px}
#page-container .article-grid{gap:64px}
#page-container .article-grid>.apoel-column:first-child{flex:3}
#page-container .article-grid>.apoel-column:last-child{flex:1}
#page-container .article-content{font-family:Archivo,sans-serif;font-size:17px;line-height:1.9;color:var(--apoel-ink)}
#page-container .article-content h2{font-size:30px;line-height:1.2;margin:36px 0 18px;color:var(--apoel-blue)}
#page-container .article-content img{max-width:100%;height:auto}
#page-container .article-content p{margin-bottom:20px}
#page-container .product-grid{gap:64px;align-items:start}
#page-container .product-grid .product_title{font-family:Archivo,sans-serif;font-size:44px;font-weight:800;color:var(--apoel-blue);line-height:1.1}
#page-container .product-grid .price{color:var(--apoel-blue);font-size:30px;font-weight:800}
#page-container .woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0}
#page-container .woocommerce ul.products:before,#page-container .woocommerce ul.products:after{display:none}
#page-container .woocommerce ul.products li.product{float:none;width:auto!important;margin:0!important;padding:0 0 24px;background:white;border:1px solid #e7e3d8;border-radius:14px;overflow:hidden}
#page-container .woocommerce ul.products li.product img{height:340px;width:100%;object-fit:cover;margin-bottom:20px}
#page-container .woocommerce ul.products li.product h2,#page-container .woocommerce ul.products li.product .price{padding:0 22px;color:var(--apoel-blue);font-family:Archivo,sans-serif;font-weight:800;line-height:1.3;font-size:19px}
#page-container .woocommerce ul.products li.product .price{font-size:16px;margin-top:12px}
#page-container .woocommerce a.button,#page-container .woocommerce button.button,#page-container .woocommerce input.button{border-radius:999px;background:var(--apoel-blue);color:white;font-family:Archivo,sans-serif;font-size:15px;border:0;padding:15px 25px}
#page-container .woocommerce select,#page-container .woocommerce input.input-text{border:1px solid #dbe1f5;border-radius:8px;padding:12px;background:white;color:var(--apoel-blue)}
#page-container .woocommerce .woocommerce-message,#page-container .woocommerce-info{background:#eef1fb!important;color:var(--apoel-blue)!important}
#page-container .shipping-note{border-top:1px solid #e7e3d8;padding-top:28px;font-size:13px}
#page-container .apoel-demo-notice{font-size:12px;border:1px dashed #c4b273;background:#fff9e8;border-radius:9px;padding:12px 18px;color:#6c5918;margin:18px 0}
a:focus-visible,button:focus-visible{outline:3px solid #ff7a30;outline-offset:4px}
@media(max-width:980px){#page-container .content-section,#page-container .stats-section,#page-container .site-footer{padding:60px 32px}#page-container .site-header{padding:8px 32px}#page-container .news-row{flex-direction:column}#page-container .brand-ad{min-height:200px}#page-container .home-slider .et_pb_slide_description{padding:0 36px 90px}#page-container .home-slider .et_pb_slide{height:660px}#page-container .stats-grid>.apoel-column{grid-template-rows:190px 200px 190px}#page-container .stats-grid .et_pb_module{padding:24px}#page-container .stat-races strong{font-size:44px}#page-container .stats-grid small{font-size:20px}#page-container .training-card>.apoel-column:last-child{padding:28px}#page-container .training-image img{height:540px}#page-container .product-grid{gap:30px}}
@media(max-width:767px){
 #page-container .content-section,#page-container .stats-section,#page-container .site-footer{padding:50px 22px}
 #page-container .apoel-row{flex-direction:column;gap:26px}#page-container .apoel-column{width:100%}
 #page-container .header-row{flex-direction:row;gap:10px}#page-container .site-header{padding:8px 20px}
 #page-container .header-logo img{height:58px}#page-container .header-row .apoel-column:last-child{gap:14px}
 #page-container .header-membership{display:none}#page-container .et_pb_button.header-shop{font-size:14px}#page-container .et_pb_button.menu-toggle{font-size:14px;padding:12px 22px!important}
 body:not(.et-fb) #page-container .site-menu{width:calc(100vw - 24px);right:12px;top:12px;padding:28px}
 #page-container .home-hero{padding:8px 10px 0}#page-container .home-slider .et_pb_slide{height:630px}
 #page-container .home-slider .et_pb_slide_description{padding:0 24px 90px}#page-container .home-slider h1{font-size:46px;max-width:360px}
 #page-container .hero-emblem{height:88px}#page-container .hero-kicker{font-size:9px;line-height:1.6;margin-bottom:22px}
 #page-container .home-slider .et_pb_more_button{font-size:13px;padding:14px 20px!important}
 #page-container .hero-secondary{font-size:13px;padding:12px 20px;left:184px;bottom:-47px}
 #page-container .home-slider .et-pb-controllers{padding-right:25px;bottom:30px}
 #page-container .home-slider .et-pb-arrow-prev{left:17px}#page-container .home-slider .et-pb-arrow-next{left:58px}
 #page-container .page-hero{min-height:400px;padding:250px 24px 36px;width:calc(100% - 20px)}#page-container .page-hero h1{font-size:40px}
 #page-container .heading-row{align-items:start}#page-container .heading-row>.apoel-column:last-child{align-items:start}
 #page-container .stats-grid>.apoel-column{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:14px}
 #page-container .stats-heading{grid-column:1/-1;grid-row:auto;margin-bottom:14px!important}#page-container .stats-heading h2{font-size:58px}
 #page-container .stat-distance{grid-column:1/-1;grid-row:auto;min-height:260px}#page-container .stat-distance strong{font-size:76px}
 #page-container .stat-members{grid-column:1/-1;grid-row:auto;min-height:190px}#page-container .stat-cities{grid-column:1;grid-row:auto;min-height:175px}#page-container .stat-races{grid-column:2;grid-row:auto;min-height:175px}#page-container .stats-grid .et_pb_button_module_wrapper:has(>.stat-join){grid-column:1/-1;grid-row:auto;min-height:120px}
 #page-container .stats-grid strong{font-size:52px}#page-container .stat-distance strong{font-size:76px}#page-container .stats-grid p{font-size:11px}
 #page-container .apoel-blog .et_pb_ajax_pagination_container{grid-template-columns:1fr}#page-container .apoel-blog .entry-featured-image-url img{height:230px}
 #page-container .training-card{gap:0}#page-container .training-image img{height:320px}#page-container .training-card>.apoel-column:last-child{padding:28px}
 #page-container .legends-grid img{height:340px}#page-container .footer-grid{display:grid;grid-template-columns:1fr 1fr}
 #page-container .footer-grid>.apoel-column:first-child{grid-column:1/-1}#page-container .footer-bottom>.apoel-column:last-child{text-align:left}
 #page-container .timeline-row>.apoel-column{grid-template-columns:1fr}#page-container .article-heading .et_pb_title_featured_container img{height:280px}
 #page-container .article-grid{gap:32px}#page-container .product-grid .product_title{font-size:34px}
 #page-container .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#page-container .woocommerce ul.products li.product img{height:210px}#page-container .woocommerce ul.products li.product h2{font-size:15px;padding:0 14px}#page-container .woocommerce ul.products li.product .price{padding:0 14px;font-size:14px}
 #page-container .apoel-grid .apoel-column{grid-column:auto!important;grid-row:auto!important}#page-container .apoel-text img{max-width:100%;height:auto}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}#page-container .home-slider{transform:none!important}}
/* Keep every hidden shared module visible and editable inside the Visual Builder. */
body.et-fb #page-container .site-menu{display:block;position:relative;background:var(--apoel-blue);color:white;padding:40px}

#page-container .home-gear ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
#page-container .apoel-button.stat-join{background:transparent;color:var(--apoel-blue);font-size:26px;text-align:left}

/* Native module wrappers require explicit sizing within the responsive grids. */
#page-container .home-slider .et-pb-controllers a{font-size:0;color:transparent}
#page-container .hero-secondary{bottom:-75px}
#page-container .ap-2{grid-template-columns:1fr 1fr!important;min-height:180px;aspect-ratio:auto!important;padding:25px 48px!important}
#page-container .ap-2>.apoel-column:empty,#page-container .ap-2>.apoel-column:has(>.ap-5){display:none}
#page-container .ap-3 img{height:125px!important;max-width:100%;object-fit:contain}
#page-container .ap-12>.apoel-row+.apoel-row{margin-top:64px}
#page-container .apoel-row:before{display:none}
#page-container .et_pb_button .et_pb_custom_button_icon{display:none}
@media(max-width:767px){
 #page-container .hero-secondary{bottom:-71px;left:184px}
 #page-container .ap-2{grid-template-columns:1fr!important;padding:28px!important}
 #page-container .ap-53{padding:34px 8px!important}
 #page-container .ap-51,#page-container .ap-52 img{height:330px!important}
 #page-container .ap-80{min-height:420px!important}
 #page-container .apoel-section[class*="ap-"]{padding-top:50px!important;padding-bottom:50px!important}
 #page-container .ap-49{padding-top:0!important}
 #page-container .footer-grid{display:grid!important}
 #page-container .apoel-button{white-space:normal!important}
}

#page-container .ap-81{position:absolute;inset:0;height:100%}#page-container .ap-81 .et_pb_image_wrap{height:100%}
#page-container .ap-89{position:absolute;inset:0;height:100%;opacity:.18}#page-container .ap-89 .et_pb_image_wrap{height:100%}
#page-container .ap-88>.apoel-row{position:static}#page-container .ap-88>.apoel-row:has(.apoel-text){position:relative}
@media(max-width:767px){#page-container .apoel-text h1{font-size:44px!important}#page-container .apoel-text h2{font-size:32px!important}#page-container .apoel-text [style*="font-size:96px"]{font-size:44px!important}}

/* Structure refinement: balanced statistics, natural image ratios and compact cards. */
@media(min-width:981px){
 #page-container .stats-grid>.apoel-column{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:180px 180px 145px}
 #page-container .stats-heading{grid-column:1/span 6;grid-row:1}
 #page-container .stat-distance{grid-column:1/span 6;grid-row:2/span 2;color:#ff8a43}
 #page-container .stat-members{grid-column:7/span 4;grid-row:1/span 3}
 #page-container .stat-cities{grid-column:11/span 2;grid-row:1;background:#3d56c4;color:#fff}
 #page-container .stat-races{grid-column:11/span 2;grid-row:2;background:#f08745;color:#fff}
 #page-container .stats-grid .stat-cities,#page-container .stats-grid .stat-races{padding:20px}
 #page-container .stat-cities strong,#page-container .stat-races strong{font-size:44px}
 #page-container .stat-cities small,#page-container .stat-races small{font-size:21px}
 #page-container .stats-grid .et_pb_button_module_wrapper:has(>.stat-join){grid-column:11/span 2;grid-row:3;padding:20px}
 #page-container .et_pb_button.stat-join{font-size:18px}
}
#page-container .apoel-image img{background:#e7e3d8}
#page-container .header-logo img,#page-container .footer-logo img,#page-container .ap-3 img{background:transparent}
#page-container .news-row>.apoel-column{flex:1}
#page-container .home-gear ul.products li.product img{height:auto;aspect-ratio:3/2;object-fit:contain;background:#eef0f4}
#page-container .home-gear ul.products li.product .et_shop_image{background:#eef0f4}
#page-container .content-section:has(.apoel-events-empty){padding-bottom:32px}
#page-container .et_pb_button_module_wrapper:has(>.header-membership){flex:0 0 auto}
@media(max-width:767px){
 /* Keep the complete landscape photograph above a solid, readable text panel. */
 #page-container .home-slider .et_pb_slide{height:650px;background-size:100% auto!important;background-position:center top!important;background-color:var(--apoel-navy)!important}
 #page-container .home-slider .et_pb_slide_overlay_container{background:linear-gradient(to bottom,transparent 150px,var(--apoel-navy) 270px)!important}
 #page-container .home-slider .et_pb_slide_description{padding:0 20px 82px;bottom:0}
 #page-container .home-slider h1{font-size:38px;line-height:1.04;margin-bottom:18px;max-width:100%}
 #page-container .home-slider .hero-emblem{height:58px;margin-bottom:12px}
 #page-container .home-slider .hero-kicker{font-size:9px;margin-bottom:16px}
 #page-container .home-slider .hero-secondary{left:182px;bottom:-69px;font-size:12px;padding:13px 17px;white-space:nowrap}
 #page-container .home-slider .et_pb_more_button{font-size:12px;padding:14px 18px!important}
 #page-container .et_pb_button_module_wrapper:has(>.header-membership){display:none}
 #page-container .content-section,#page-container .stats-section{padding:40px 20px}
 #page-container .heading-row{gap:12px;margin-bottom:24px}
 #page-container .content-section>.apoel-row+.apoel-row{margin-top:24px}
 #page-container .stats-heading h2{font-size:48px!important;line-height:1}
 #page-container .stat-distance{min-height:210px;padding:26px!important}
 #page-container .stat-members{min-height:155px}
 #page-container .stat-cities,#page-container .stat-races{min-height:145px}
 #page-container .stats-grid .et_pb_button_module_wrapper:has(>.stat-join){min-height:80px;padding:20px}
 #page-container .stat-distance strong{font-size:64px}
 #page-container .stats-grid .et_pb_text{overflow-wrap:normal}
 #page-container .ap-10 img,#page-container .training-image img{height:auto!important;aspect-ratio:3/2;object-fit:contain}
 #page-container .training-card>.apoel-column:last-child{padding:26px;gap:14px}
 #page-container .training-card .apoel-text h2{font-size:28px!important}
 #page-container .legends-grid{flex-direction:row;align-items:stretch;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}
 #page-container .legends-grid>.apoel-column{flex:0 0 88%;width:88%;scroll-snap-align:start;gap:18px}
 #page-container .legends-grid img{height:240px;object-position:center 20%}
 #page-container .legends-grid .apoel-text,#page-container .legends-grid .apoel-button{margin-left:22px!important;margin-right:22px!important}
 #page-container .legends-grid h3{font-size:25px}
 #page-container .news-row .et_pb_ajax_pagination_container{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}
 #page-container .news-row article.et_pb_post{flex:0 0 88%;scroll-snap-align:start}
 #page-container .news-row .entry-featured-image-url img{height:200px}
 #page-container .news-row .entry-title{font-size:21px}
 #page-container .home-gear ul.products{grid-template-columns:1fr}
 #page-container .home-gear ul.products li.product h2{font-size:19px}
 #page-container .home-gear ul.products li.product{padding-bottom:22px}
 #page-container .site-footer{padding:40px 22px 28px}
 #page-container .footer-bottom{margin-top:30px;gap:10px}
 #page-container .page-hero{background-size:100% auto!important;background-position:center top!important;min-height:360px;padding:250px 24px 30px;background-repeat:no-repeat}
}
@media(max-width:359px){
 #page-container .home-slider h1{font-size:34px}
 #page-container .home-slider .et_pb_more_button{padding:13px 12px!important;font-size:11px}
 #page-container .home-slider .hero-secondary{left:155px;font-size:11px;padding:12px 14px}
}
@media(max-width:767px){
 #page-container .ap-2{grid-template-columns:100px minmax(0,1fr)!important;gap:18px!important;padding:24px!important;min-height:190px}
 #page-container .ap-3 img{height:auto!important;width:100%!important;max-height:130px}
 #page-container .ap-2 .apoel-column{min-width:0}
 #page-container .ap-2 .apoel-text [style*="font-size:28px"]{font-size:24px!important}
 #page-container .news-row .et_pb_ajax_pagination_container:focus-visible,#page-container .legends-grid:focus-visible{outline:3px solid #ff7a30;outline-offset:4px}
}
#page-container .sponsor-section{padding:32px 64px;background:white}
#page-container .major-sponsor{padding:28px 40px!important;background:var(--apoel-blue);border-radius:16px;align-items:center;gap:48px;color:white}
#page-container .major-sponsor>.apoel-column:first-child{flex:0 0 180px}
#page-container .major-sponsor-logo img{height:125px;width:100%;object-fit:contain;background:transparent}
#page-container .major-sponsor .eyebrow{color:var(--apoel-yellow);margin-bottom:10px}
#page-container .major-sponsor h2{font-size:30px;margin-bottom:10px}
@media(max-width:767px){
 #page-container .sponsor-section{padding:24px 20px}
 #page-container .major-sponsor{flex-direction:row;gap:20px;padding:24px!important}
 #page-container .major-sponsor>.apoel-column:first-child{flex:0 0 80px}
 #page-container .major-sponsor-logo img{height:auto}
 #page-container .major-sponsor .apoel-text h2{font-size:22px!important}
 #page-container .major-sponsor .eyebrow{font-size:9px;letter-spacing:.07em}
 #page-container .major-sponsor p{font-size:12px}
}

/* Keep the frontend admin toolbar from wrapping over the site's menu controls. */
@media (max-width:1365px) {
 body:not(.wp-admin) #wpadminbar #wp-admin-bar-wpforms-menu,
 body:not(.wp-admin) #wpadminbar #wp-admin-bar-aioseo-main,
 body:not(.wp-admin) #wpadminbar #wp-admin-bar-tribe-events,
 body:not(.wp-admin) #wpadminbar #wp-admin-bar-duplicate-post { display:none!important; }
}
@media (min-width:783px) and (max-width:1100px) {
 body:not(.wp-admin) #wpadminbar #wp-admin-bar-my-account > .ab-item { font-size:0!important;padding-left:8px;padding-right:8px; }
 body:not(.wp-admin) #wpadminbar #wp-admin-bar-my-account > .ab-item .display-name { display:none; }
 body:not(.wp-admin) #wpadminbar #wp-admin-bar-my-account > .ab-item img.avatar { margin-left:0; }
}
@media (max-width:782px) {
 body.admin-bar .et-l--header { top:46px; }
}

/* Keep mobile banner text below the full-width photograph. */
@media(max-width:767px){#page-container .apoel-section.page-hero{padding-top:70vw!important;padding-bottom:30px!important;}}

/* Article previews: show the complete photo inside every native Divi Blog card. */
#page-container .apoel-blog .et_pb_image_container{margin:0 0 20px!important;width:100%;}
#page-container .apoel-blog .entry-featured-image-url{display:block;margin:0!important;width:100%;}
#page-container .apoel-blog .entry-featured-image-url img{display:block;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:8/5;object-fit:contain;background:#f7f5ef;}