.imw-theme-dark input#imw-fp-search {
    border: none;
}
.imw-fp-header__left {
    display: contents;
}
.entry-content .alignnone, .entry-content .aligncenter{
	opacity:1;
}
.da-style-1 {
    margin: 5px 10px 20px 0px;
    float: unset;
}
@media only screen and (max-width: 767px) {
  .page-header.block-title-l .tipi-row-inner-style {
    padding-top: 10px;
  }
	.tipi-row, .tipi-builder-on .contents-wrap>p {
			padding-left: 10px;
			padding-right: 10px;
	}
}

/* Mobile-only horizontal scrollable navigation */
@media screen and (max-width: 768px) {
  /* Prevent horizontal scroll on the page */
  body {
    overflow-x: hidden;
  }
  
  /* Container should not scroll */
  .mobile-navigation-2 {
    overflow-x: hidden;
    overflow-y: visible;
  }
  
  /* Hide scrollbar on Chrome/Safari/Edge */
  .mobile-navigation-2::-webkit-scrollbar {
    display: none;
  }
  
  /* Make menu inline-flex so items flow horizontally with scroll */
  ul.menu-mobile.menu-mobile-2.horizontal-menu.font-2 {
    display: inline-flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    scrollbar-width: none; /* Hide scrollbar on Firefox */
    -ms-overflow-style: none; /* Hide scrollbar on IE/Edge */
    width: 100%;
		border-bottom: 1px solid #ddd;
  }
  
  /* Hide scrollbar on the ul itself */
  ul.menu-mobile.menu-mobile-2.horizontal-menu.font-2::-webkit-scrollbar {
    display: none;
  }
  
  /* Keep text on one line */
  ul.menu-mobile.menu-mobile-2.horizontal-menu.font-2 > li {
    white-space: nowrap;
	font-weight:bold;
  }
  
  ul.menu-mobile.menu-mobile-2.horizontal-menu.font-2 > li > a {
    white-space: nowrap;
  }
}

/* === CATEGORY HEADERS - Simple Bold Style === */

/* Main header (bold text only) */
.block-title.font-1 {
    padding: 0 0 12px 0;
    margin: 0 0 20px 0;
    text-align: center;
}

/* Header text (bold, classic with parentheses) */
.block-title.font-1 h4::before {
    content: '[ ';
}

.block-title.font-1 h4::after {
    content: ' ]';
}

.block-title.font-1 h4 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

/* === MOBILE STYLES (phones) === */
@media only screen and (max-width: 480px) {
    .block-title.font-1 {
        padding: 0 0 10px 0;
        margin: 0 0 18px 0;
    }
    
    .block-title.font-1 h4 {
        font-size: 18px;
    }
}

/* === TABLET STYLES (medium screens) === */
@media only screen and (min-width: 481px) and (max-width: 768px) {
    .block-title.font-1 {
        padding: 0 0 11px 0;
        margin: 0 0 19px 0;
    }
    
    .block-title.font-1 h4 {
        font-size: 19px;
    }
}


.tipi-row-inner-style {

    border-color: #333333 !important;
}

/* Secondary Menu Container */
.menu-content-wrap {
    background: #ffffff;
    border-bottom: 1px solid #e9ecef;
    padding: 0;
    position: relative;
    box-shadow: 0 1px px rgba(0,0,0,0.08);
}

.menu-content-wrap.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* Secondary Navigation */
.secondary-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Menu List */
.menu-secondary {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

/* Menu Items */
.menu-secondary .menu-item {
    position: relative;
    margin: 0;
    padding: 0;
}

.menu-secondary .menu-item a {
    display: block;
    padding: 16px 20px;
    text-decoration: none;
    color: #495057;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    transition: color 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Animated Bottom Line - Hidden by default */
.menu-secondary .menu-item a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #007bff;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

/* Hover Effects */
.menu-secondary .menu-item a:hover {
    color: #007bff;
}

.menu-secondary .menu-item a:hover::after {
    width: 30px;
    opacity: 1;
}
/* Active State - NO LINE */
.menu-secondary .menu-item a {
    font-weight: 600;
}

/* Active State - NO LINE */
.menu-secondary .menu-item.active-1 a {
    color: #007bff;
}

/* Menu Icons Container */
.secondary-icons {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.secondary-icons .menu-icon {
    margin: 0;
    padding: 0;
}

.secondary-icons .menu-icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: #495057;
    font-size: 16px;
    transition: all 0.3s ease;
    border-radius: 50%;
    text-decoration: none;
    border: 2px solid transparent;
}

.secondary-icons .menu-icon a:hover {
    color: #007bff;
    border-color: #007bff;
    background-color: rgba(0, 123, 255, 0.05);
}



/* Responsive Design */
@media (max-width: 768px) {
    .secondary-navigation {
        flex-direction: column;
        align-items: stretch;
        padding: 10px;
    }
    
    .menu-secondary {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    }
    
    .menu-secondary .menu-item a {
        padding: 12px 16px;
        font-size: 13px;
    }
    
    .secondary-icons {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .menu-secondary {
        flex-direction: column;
        width: 100%;
    }
    
    .menu-secondary .menu-item {
        width: 100%;
    }
    
    .menu-secondary .menu-item a {
        text-align: center;
        padding: 14px;
        border-bottom: 1px solid #f8f9fa;
    }
    
    .menu-secondary .menu-item:last-child a {
        border-bottom: none;
    }
    
    .menu-secondary .menu-item a::after {
        bottom: -1px;
    }
}

/* Focus States for Accessibility */
.menu-secondary .menu-item a:focus,
.secondary-icons .menu-icon a:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* Smooth Scrolling for Mobile */
@media (max-width: 768px) {
    .menu-secondary {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .menu-secondary::-webkit-scrollbar {
        display: none;
    }
}


@media only screen and (min-width: 860px) {
		.secondary-navigation .horizontal-menu {
			text-align: left;
			margin-left: 12px;
	}
}

@media only screen and (max-width: 1019px) {
    .block-wrap-cols-3 .block-wrap-thumbnail article .byline, .block-wrap-cols-2-2 .zeen-col-0 .block-wrap-thumbnail article .byline, .block-wrap-cols-2-1 .zeen-col-1 .block-wrap-thumbnail article .byline {
        display: block;
    }
}
.preview-thumbnail .byline:not(.byline-cats-design-2):not(.byline-cats-design-4) .byline-part:not(.author-avatar) {
    opacity: .85;
}
.hero-wrap .caption{background:rgba(255,255,255,0.5);color:#333;}
.hero-wrap .caption{position:absolute;z-index:2;bottom:0;right:0;font-size:10px;transition:.2s ease-out;padding:5px 7px;line-height:1.2;}
.hero-m .caption{right:30px;}
}


.wp-block-image figcaption {
    font-size: 13px;
    margin-bottom: 1em;
    margin-top: .5em;
    text-align: center;
}

.elb-liveblog-post::marker {
    content: '';
    display: none !important;
}
li.elb-liveblog-post {
    border-bottom: 2px solid #ddd;
    margin-bottom: 34px;
}
.elb-liveblog-post::before {
    background-color: #eee;
    border: 4px solid #ddd;
}
.elb-liveblog .elb-liveblog-post::before {
		background-color: #4caf50;
    content: '';
    display: block;
    position: absolute;
    left: -41px;
    top: 2px;
    width: 14px;
    height: 14px;
    line-height: 22px;
    font-size: 22px;
    border-radius: 50%;
}
.breadcrumbs-wrap {
    text-align: center;
}

.mask-loaded .hero img, .mask-loaded .hero-background img {
    animation: none;
    opacity: 1;
}

img.attachment-zeen-370-247 {
  display: block; /* remove inline or inline-block gaps */
  width: 100%;     /* ensure it fills container properly */
  height: auto;    /* maintain aspect ratio */
  object-fit: cover; /* ensure visual stability if container is fixed */
  background-color: #1f1b49; /* fallback while loading */
  
  /* Ensure no weird transforms or fades are delaying visibility */
  opacity: 1 !important;
  transform: none !important;

  /* Prevent lazy load transitions that delay LCP */
  transition: none !important;
}

.mask-img {
  aspect-ratio: 370 / 247;
  overflow: hidden;
}




embed, iframe, object {
    margin-bottom: 1.5em;
    max-width: 100%;
    min-width: 100%;
    min-height: 350px;
}

li#menu-item-192195{
    margin-left: 180px;
    background: #f7f7f7;
    border-radius: 2px;
}

li#menu-item-204647 {
    margin-left: 230px;
    background: #f7f7f7;
    border-radius: 2px;
}
.user-page-box-1 .icons {
    left: auto;
}

.block-title-1 {
    margin-bottom: 15px;
}
span.byline-part.separator {
    visibility: hidden;
}
.elements-location-2 span.byline-part.separator {
    #display: none;
}
@media only screen and (max-width: 859px) {
    .single-content .hero-wrap {
         margin: auto; 
    }
}
.block-wrap-56 .flickity-page-dots {
    position: static;
    margin-top: 0px;
}

@media only screen and (min-width: 860px) {
    .secondary-wrap .menu-icon, .secondary-wrap .menu-icon a, .secondary-wrap .trending-icon-solo {
        font-size: 22px;
    }
}

@media only screen and (max-width: 859px) {
    .sidebar-wrap .sidebar {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/* === Footer Wrapper === */
.copyright-wrapper {
    position: relative;
    padding: 50px 20px;
    background: #1c1d1e;
    color: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
    z-index: 1;
    font-family: "Arial", sans-serif;
}

/* === Icon Backgrounds === */
.icon-background .icon-left,
.icon-background .icon-right {
    position: absolute;
    font-size: 120px;
    opacity: 0.08;
    color: #ffb500;
    animation: pulse 6s infinite ease-in-out;
    pointer-events: none;
}
.icon-background .icon-left {
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
}
.icon-background .icon-right {
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
}
@keyframes pulse {
    0%, 100% { transform: scale(1) translateY(-50%); }
    50% { transform: scale(1.05) translateY(-50%); }
}

/* === Main Text Container === */
.copyright-text {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

/* ==============================
   FOOTER LAYOUT & GRID
   ============================== */
.footer-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin-top: 20px;
}

/* Main Column Widths */
.footer-col-wide {
    flex: 0 0 55%;
    max-width: 55%;
}
.footer-col {
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 180px;
}

/* Stack disclaimer items */
.footer-disclaimer > div {
    margin-bottom: 20px;
}

/* ==============================
   TITLES
   ============================== */
.footer-title {
    display: block;
    margin-bottom: 10px;
    font-size: 1em;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Paragraph styling */
.footer-col p,
.footer-col-wide p {
    margin: 0;
    line-height: 1.7;
    font-size: 0.75em;
    color: rgba(255, 255, 255, 0.85);
}

/* ==============================
   MENU STYLING
   ============================== */
.footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-menu ul li {
    margin-bottom: 6px;
}
.footer-menu ul li a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.85);
    transition: color 0.3s ease, padding-left 0.3s ease;
}
.footer-menu ul li a:hover {
    color: #ffb500;
    padding-left: 3px;
}

/* ==============================
   MOBILE RESPONSIVENESS
   ============================== */
@media (max-width: 991px) {
    .footer-col-wide {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-col {
        flex: 0 0 48%;
        max-width: 48%;
    }
}
@media (max-width: 600px) {
    .footer-row {
        flex-direction: column;
        text-align: center;
    }
    .footer-col, .footer-col-wide {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-menu ul li a:hover {
        padding-left: 0;
    }
}

/* ==============================
   SMALL UI TWEAKS FOR POLISH
   ============================== */
.footer-col + .footer-col {
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    padding-left: 20px;
}
@media (max-width: 600px) {
    .footer-col + .footer-col {
        border-left: none;
        padding-left: 0;
    }
}

/* ==============================
   MOBILE RESPONSIVENESS
   ============================== */
@media (max-width: 767px) {
    .footer-row {
        flex-direction: column;
        text-align: center;
    }
    .footer-col {
        min-width: unset;
    }
}
.hero {
    border-radius: 20px;
}
span.logo-img img {
    width: 300px;
}
.secondary-wrap .menu-secondary > li:first-child > a, 
.secondary-icons li:first-child > a {
    padding-left: 10px; 
}


.copyright, .site-footer .bg-area-inner .copyright a {
    color: #ffb500;
}

.footer-lower-area.footer-area.clearfix.site-skin-2 {
    background: #1c1d1e;
}
.site-skin-2, .block-skin-bg-2:not(.skin-inner), .block-skin-bg-2.skin-inner>.tipi-row-inner-style, .block-skin-2:not(.skin-inner), .block-skin-2.skin-inner .tipi-row-inner-style, .sb-skin-2, .page-header-skin-2:not(.skin-inner), .page-header-skin-2.skin-inner .tipi-row-inner-style, .footer-widgets-skin-2 {
    background: #1c1d1e;
    background: linear-gradient(135deg, #D926A9, #0050ff);;
}
.block-css-37369 .byline {
	
    color: #fff;
}

.user-page-box {
    text-align: left;
    background: #ffffff;
    padding: 20px;
    border: 1px solid;
}

@media only screen and (min-width: 1240px) {
    .tipi-s-typo .title-wrap:first-of-type .title {
        padding-top: 10px;
    }
}

.sidebar-wrap .sidebar {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.byline .with-name .author-avatar {
    margin-right: 10px;
}

.byline .author-avatar img {
    width: 32px;
}
span.author-name {
    color: #000;
}

.main-navigation-border {
    border-bottom: 0;
}


/*Mobile */

@media only screen and (max-width: 600px) {
    span.logo-img img {
        width: 200px;
    }
.cta-bar .field-ctabarsubtitle {
    font-size: 20;
    line-height: 22px;
}
}

.editorial-process p {
    color: #555;
    font-size: 20px !important;
    line-height: 1.6;
}

/* ============================================================
   FIX: mobile submenu clipped by the horizontal-scroll nav.
   overflow-x:auto/hidden on .mobile-navigation-2 and the scroll
   <ul> force their overflow-y to compute as "auto" too (CSS
   spec — you can't mix visible on one axis with non-visible on
   the other), which clips the dropdown to the nav row's height.
   position:fixed escapes that clipping chain entirely.
   ============================================================ */
@media screen and (max-width: 768px) {
  .mobile-navigation-2 li.menu-item-has-children > .sub-menu.opened-child {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    z-index: 999999 !important;
    background: #fff !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    margin: 0 !important;
    /* 70px = room for your fixed/sticky header so the panel doesn't
       start under it — tweak this one number to match your actual
       mobile header height. */
    padding: 70px 20px 24px !important;
    box-shadow: none !important;
  }

  .mobile-navigation-2 li.menu-item-has-children > .sub-menu.opened-child li {
    white-space: normal !important;
    background: transparent !important;
  }

  /*
   * This theme's mega-menu link color is white by default — built for a
   * dark dropdown background elsewhere on the site. The panel's
   * background is white above, so the theme's white link color made the
   * text present but invisible. Force a dark, readable color (and any
   * icon/child element that might inherit white too) with !important so
   * it beats the theme's own white-text rule.
   */
  .mobile-navigation-2 li.menu-item-has-children > .sub-menu.opened-child a,
  .mobile-navigation-2 li.menu-item-has-children > .sub-menu.opened-child a * {
    color: #1a1a1a !important;
    display: block !important;
    padding: 14px 4px !important;
    border-bottom: 1px solid #eee;
    font-size: 15px !important;
    font-weight: 500 !important;
    white-space: normal !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  .mobile-navigation-2 li.menu-item-has-children > .sub-menu.opened-child a:active,
  .mobile-navigation-2 li.menu-item-has-children > .sub-menu.opened-child a:focus {
    color: #007bff !important;
  }

  /* Stop the page scrolling behind the open submenu panel */
  body:has(.mobile-navigation-2 .sub-menu.opened-child) {
    overflow: hidden;
  }

  /*
   * The panel is position:fixed with a solid white background covering
   * the whole viewport, so in theory nothing behind it should show — but
   * the mobile header's logo (.logo-mob-wrap, a sibling of
   * .mobile-navigation-2 inside the same .bg-area.header-padding row,
   * see template-parts/header/mob-header-11.php) was still rendering on
   * top of it, most likely because the header establishes its own
   * stacking context our z-index can't out-rank from a descendant.
   * display:none sidesteps that entirely — it can't render on top of
   * anything if it isn't rendering at all. Scoped with :has() so it only
   * disappears while this specific submenu panel is open.
   */
  .bg-area.header-padding:has(.mobile-navigation-2 .sub-menu.opened-child) .logo-mob-wrap {
    display: none !important;
  }

  /*
   * Close button. The panel has no room for a new HTML element (this is
   * CSS-only, injected via Additional CSS), so instead of adding one we
   * reuse the existing chevron trigger (<a class="open-child" aria-label
   * ="link">) that the theme's own JS already toggles opened-child/
   * child-is-open on click — same click handler, no new JS required. It
   * normally sits inline in the horizontal-scroll nav row, which is now
   * covered by the fixed panel, so it's repositioned into a floating
   * round button pinned to the top-right of the viewport, and its
   * chevron-down glyph (reads as "expand", wrong once this is a close
   * action) is swapped for a plain ✕ so its purpose is unambiguous.
   */
  li.menu-item-has-children:has(> .sub-menu.opened-child) > a.open-child[aria-label="link"] {
    position: fixed !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 1000000 !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f3f5 !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15) !important;
  }
  li.menu-item-has-children:has(> .sub-menu.opened-child) > a.open-child[aria-label="link"] i {
    display: none !important;
  }
  li.menu-item-has-children:has(> .sub-menu.opened-child) > a.open-child[aria-label="link"]::after {
    content: "\2715";
    font-size: 18px !important;
    line-height: 1 !important;
    color: #1a1a1a !important;
    font-family: Arial, sans-serif !important;
  }
}

.link-color-wrap a, .woocommerce-Tabs-panel--description a {
    color: #1a0dab;
}

.copyright-wrapper a {
    color: #ffb500 !important;; /* Consistent with other styles */
    text-decoration: none;
    border-bottom: 1px solid currentColor; /* Non-color visual indicator */
    opacity: 0.9; /* Improve contrast slightly */
}

.copyright-wrapper a:hover,
.copyright-wrapper a:focus {
    opacity: 1;
    border-bottom-color: currentColor;
    outline: 2px dashed #ffb500; /* Visible keyboard focus */
    outline-offset: 2px;
}


.author-icon.tipi-tip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 8px; /* Optional: adds internal spacing around the icon */
    margin: 0 4px; /* Adds spacing between icons */
    border-radius: 50%; /* Optional: improves visual appearance */
}

.author-icon.tipi-tip i {
    font-size: 24px; /* Adjust icon size to fit nicely inside the touch target */
    line-height: 1;
}
.link-color-wrap a, .woocommerce-Tabs-panel--description a {
    text-decoration: underline;
}
/* Ensure spacing between multiple .author-icon links */
.author-icon.tipi-tip + .author-icon.tipi-tip {
    margin-left: 8px;
}