/* ============================================================= FOUC (Flash of Unstyled Content) Prevention Loaded in to prevent layout shifts before JS runs and inline widget CSS is parsed. ============================================================= */ /* ── Swiper Pre-Initialization (WAEN carousels only) ── Scoped to WAEN wrapper classes so we do NOT break Elementor's own slider/carousel widgets. */ /* All WAEN carousel wrappers: clip overflow + set up layout */ .waen-events-carousel-wrapper, .waen-articles-carousel-wrapper, .waen-posts-carousel-wrapper, .waen-event-box-carousel-wrapper, .waen-event-horizontal-carousel-wrapper, .waen-magazine-carousel-wrapper, .wta-carousel-wrap, .wsa-carousel-wrap, .waa-carousel-wrap, .wib-carousel, .waen-pl-carousel { position: relative; overflow: hidden; } /* Flex row for Swiper wrapper before JS initializes */ .waen-events-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-articles-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-posts-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-event-box-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-event-horizontal-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-magazine-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .wta-carousel-wrap .swiper:not(.swiper-initialized) .swiper-wrapper, .wsa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-wrapper, .waa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-wrapper, .wib-carousel .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-pl-carousel .swiper:not(.swiper-initialized) .swiper-wrapper { display: flex; gap: 30px; overflow: hidden; } /* Slide sizing for multi-slide WAEN carousels */ .waen-events-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-articles-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-posts-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-event-box-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-magazine-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .wta-carousel-wrap .swiper:not(.swiper-initialized) .swiper-slide, .wsa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-slide, .waa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-slide, .wib-carousel .swiper:not(.swiper-initialized) .swiper-slide, .waen-pl-carousel .swiper:not(.swiper-initialized) .swiper-slide { flex-shrink: 0; width: calc(33.333% - 20px); box-sizing: border-box; } /* Event horizontal widget: default 2 slides per view */ .waen-event-horizontal-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide { flex-shrink: 0; width: calc(50% - 15px); box-sizing: border-box; } @media (max-width: 1024px) { .waen-events-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-articles-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-posts-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-event-box-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-magazine-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .wta-carousel-wrap .swiper:not(.swiper-initialized) .swiper-slide, .wsa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-slide, .waa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-slide, .wib-carousel .swiper:not(.swiper-initialized) .swiper-slide, .waen-pl-carousel .swiper:not(.swiper-initialized) .swiper-slide { width: calc(50% - 15px); } } @media (max-width: 767px) { .waen-events-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-articles-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-posts-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-event-box-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-event-horizontal-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .waen-magazine-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-slide, .wta-carousel-wrap .swiper:not(.swiper-initialized) .swiper-slide, .wsa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-slide, .waa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-slide, .wib-carousel .swiper:not(.swiper-initialized) .swiper-slide, .waen-pl-carousel .swiper:not(.swiper-initialized) .swiper-slide { width: 100%; } .waen-events-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-articles-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-posts-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-event-box-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-event-horizontal-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-magazine-carousel-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper, .wta-carousel-wrap .swiper:not(.swiper-initialized) .swiper-wrapper, .wsa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-wrapper, .waa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-wrapper, .wib-carousel .swiper:not(.swiper-initialized) .swiper-wrapper, .waen-pl-carousel .swiper:not(.swiper-initialized) .swiper-wrapper { gap: 0; } } /* Hide navigation/pagination before Swiper initializes (WAEN only) */ .waen-events-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-prev, .waen-events-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-next, .waen-events-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-pagination, .waen-articles-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-prev, .waen-articles-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-next, .waen-articles-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-pagination, .waen-posts-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-prev, .waen-posts-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-next, .waen-posts-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-pagination, .waen-event-box-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-prev, .waen-event-box-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-next, .waen-event-box-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-pagination, .waen-event-horizontal-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-prev, .waen-event-horizontal-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-next, .waen-event-horizontal-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-pagination, .waen-magazine-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-prev, .waen-magazine-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-button-next, .waen-magazine-carousel-wrapper .swiper:not(.swiper-initialized) ~ .swiper-pagination, .wta-carousel-wrap .swiper:not(.swiper-initialized) .swiper-button-prev, .wta-carousel-wrap .swiper:not(.swiper-initialized) .swiper-button-next, .wta-carousel-wrap .swiper:not(.swiper-initialized) .swiper-pagination, .wsa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-button-prev, .wsa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-button-next, .wsa-carousel-wrap .swiper:not(.swiper-initialized) .swiper-pagination { opacity: 0; } .waen-events-carousel-wrapper .swiper-button-prev, .waen-events-carousel-wrapper .swiper-button-next, .waen-events-carousel-wrapper .swiper-pagination, .waen-articles-carousel-wrapper .swiper-button-prev, .waen-articles-carousel-wrapper .swiper-button-next, .waen-articles-carousel-wrapper .swiper-pagination, .waen-posts-carousel-wrapper .swiper-button-prev, .waen-posts-carousel-wrapper .swiper-button-next, .waen-posts-carousel-wrapper .swiper-pagination, .wta-carousel-wrap .swiper-button-prev, .wta-carousel-wrap .swiper-button-next, .wta-carousel-wrap .swiper-pagination { transition: opacity 0.3s ease; } /* ── Grid Layouts (Critical) ── */ .waen-events-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .waen-articles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .waen-posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .waen-posts-minimal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .waen-event-box-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .waen-event-horizontal-grid { display: grid; gap: 30px; } .waen-magazine-grid { display: grid; gap: 30px; } .waen-books-grid { display: grid; gap: 30px; } .wta-grid { display: grid; } .wsa-grid { display: grid; } .waen-pl-grid { display: grid; } .wib-grid { display: grid; } .waa-grid { display: grid; } .wpa-grid { display: grid; } .wpew-grid { display: grid; } /* ── Card Base Styles ── */ .waen-event-card, .waen-article-card, .waen-post-card { display: flex; flex-direction: column; overflow: hidden; } /* ── News / Featured Layouts ── */ .waen-posts-news { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 24px; } .waen-articles-news { display: grid; gap: 28px; align-items: start; } .waen-posts-news-list { display: flex; flex-direction: column; gap: 12px; } .waen-posts-news-list-item { display: flex; align-items: center; gap: 14px; } /* ── Template Containers ── */ .waen-container { max-width: 1140px; margin: 0 auto; padding: 0 20px; } .waen-team-single-container, .waen-speaker-single-container { box-sizing: border-box; } .waen-team-content-layout { display: grid; grid-template-columns: 280px 1fr; gap: 20px; align-items: start; } .waen-team-hero, .waen-speaker-hero { position: relative; min-height: 350px; display: flex; align-items: center; } .waen-team-sidebar-left, .waen-speaker-sidebar-left { position: sticky; top: 20px; } /* ── Image Containers ── */ .waen-event-image-wrapper, .waen-article-image-wrapper, .waen-post-image-wrapper { position: relative; overflow: hidden; } .waen-event-image, .waen-article-image, .waen-post-image { width: 100%; height: auto; display: block; } /* ── Responsive Breakpoints ── */ @media (max-width: 1024px) { .waen-events-grid, .waen-event-box-grid { grid-template-columns: repeat(2, 1fr); } .waen-team-content-layout { grid-template-columns: 250px 1fr; } } @media (max-width: 768px) { .waen-events-grid, .waen-articles-grid, .waen-posts-grid, .waen-posts-minimal-grid, .waen-event-box-grid { grid-template-columns: 1fr; } .waen-posts-news, .waen-articles-news { grid-template-columns: 1fr; } .waen-team-content-layout { grid-template-columns: 1fr; } .waen-team-sidebar-left, .waen-speaker-sidebar-left { position: static; } } /* ============================================================= */ .tax-article_author .posts-grids .post .entry-content .content-inner { max-width: 100% !important; } .tax-article_author .post .entry-content .content-inner { padding: 0 !important; } .tax-article_author .post .entry-content { padding: 10px !important; align-items: center !important; } .tax-article_author .post .entry-content .content-inner .entry-title { font-size: 18px !important; padding-left: 15px !important; } .author-socials a{ padding: 10px !important; } .author-socials a:after { width: 8px; height: 8px; } .author-socials a:hover i{ position: relative !important; z-index: 2; } .author-photo-box { float: left; margin: 0 15px 10px 0; } .single-article #wp-footer { margin-top: 50px; } .single-article p, .tax-article_author .author-box p{ text-align: justify; } .article-author-bio p, .summary p, .notice p{ font-size: 13px; } .single-article .download-box{ margin-bottom: 30px; } @media (max-width: 767px) { .author-photo-box { float: none !important; } .author-photo-box img { width: 100% !important; height: auto !important; object-fit: cover !important; aspect-ratio: 1 / 1 !important; } } .waen-article-carousel .article article .entry-content{ background: #f7f7f9; padding: 30px; } .waen-article-carousel .article article .entry-content .read-more i { transform: scaleX(-1); } /* WAEN Custom Event Styles - All styles are now in template files */ .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover .tribe-events-c-subscribe-dropdown__button-text{ color: #FFFFFF !important; } @media (min-width: 1200px) { .container { max-width: 1130px !important; } } @media (max-width: 991.98px) { .custom-breadcrumb .breadcrumb-container-inner .heading-title { margin-bottom: 40px !important; } } .team-block.team-v2 .team-image .socials-team a { width: 35px !important; height: 35px !important; line-height: 35px !important; } /* comments form */ #comments { padding: 30px; background: #ffffff !important; }