.elementor-2927 .elementor-element.elementor-element-5613e020{--display:flex;}.elementor-2927 .elementor-element.elementor-element-10f2447 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(8px/2);}.elementor-2927 .elementor-element.elementor-element-10f2447 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(8px/2);}.elementor-2927 .elementor-element.elementor-element-10f2447 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(8px/2);margin-left:calc(8px/2);}.elementor-2927 .elementor-element.elementor-element-10f2447 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-8px/2);margin-left:calc(-8px/2);}body.rtl .elementor-2927 .elementor-element.elementor-element-10f2447 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-8px/2);}body:not(.rtl) .elementor-2927 .elementor-element.elementor-element-10f2447 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-8px/2);}.elementor-2927 .elementor-element.elementor-element-10f2447 .elementor-icon-list-icon{width:14px;}.elementor-2927 .elementor-element.elementor-element-10f2447 .elementor-icon-list-icon i{font-size:14px;}.elementor-2927 .elementor-element.elementor-element-10f2447 .elementor-icon-list-icon svg{max-width:14px;}.elementor-2927 .elementor-element.elementor-element-10f2447 .elementor-icon-list-text{padding-left:10px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-navigation-wrap{border-color:#e8e8e8;border-width:1px 0 1px 0;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-divider{background-color:#e8e8e8;width:1px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-navigation-wrap.wpr-post-nav-dividers{padding:0px 0px 0px 0px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-bg-images .wpr-post-navigation{padding:0px 0px 0px 0px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-navigation i{color:#605BE5;border-color:#E8E8E8;transition:color 0.5s, background-color 0.5s, border-color 0.5s;font-size:7px;width:40px;height:50px;line-height:50px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-navigation svg path{color:#605BE5;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-posts-navigation-svg-wrapper svg{fill:#605BE5;transition:fill 0.5s;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-posts-navigation-svg-wrapper{border-color:#E8E8E8;transition:background-color 0.5s, border-color 0.5s;width:40px;height:50px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-fixed.wpr-post-nav-hover img{transition:all 0.5s ease;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-navigation svg{width:7px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-navigation-wrap i{font-size:7px;width:40px;height:50px;line-height:50px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-navigation-wrap svg{width:7px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-fixed.wpr-post-nav-prev img{left:40px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-fixed.wpr-post-nav-next img{right:40px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-fixed.wpr-post-navigation img{height:50px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-prev i{margin-right:0px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-prev .wpr-posts-navigation-svg-wrapper{margin-right:0px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-next i{margin-left:0px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-next .wpr-posts-navigation-svg-wrapper{margin-left:0px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-navigation img{border-radius:0px 0px 0px 0px;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-labels span{color:#605BE5;font-size:15px;transition:color 0.5s;}.elementor-2927 .elementor-element.elementor-element-b6bc42c .wpr-post-nav-labels span:hover{color:#54595f;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-menu-item.wpr-pointer-item{transition-duration:0.2s;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.2s;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.2s;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-toggle-wrap{text-align:center;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-nav-menu .wpr-menu-item,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#333333;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-nav-menu .wpr-menu-item:hover,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#605BE5;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-line-fx .wpr-menu-item:before,
					 .elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#605BE5;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#605BE5;border-width:2px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#605BE5;}.elementor-2927 .elementor-element.elementor-element-e6633af .menu-item-has-children .wpr-sub-icon{font-size:14px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 7px);}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 7px);}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-underline .wpr-menu-item:after,
					 .elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-overline .wpr-menu-item:before,
					 .elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-double-line .wpr-menu-item:before,
					 .elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-double-line .wpr-menu-item:after{height:2px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-underline>nav .wpr-menu-item:after,
					 .elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-overline>nav .wpr-menu-item:before,
					 .elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-double-line>nav .wpr-menu-item:before,
					 .elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-double-line>nav .wpr-menu-item:after{height:2px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-border-fx>nav .wpr-menu-item:before{border-width:2px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-underline.elementor-widget-container>nav .wpr-menu-item:after,
					 .elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-overline.elementor-widget-container>nav .wpr-menu-item:before,
					 .elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-double-line.elementor-widget-container>nav .wpr-menu-item:before,
					 .elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-double-line.elementor-widget-container>nav .wpr-menu-item:after{height:2px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-border-fx.elementor-widget-container>nav .wpr-menu-item:before{border-width:2px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-nav-menu .wpr-menu-item{padding-left:7px;padding-right:7px;padding-top:15px;padding-bottom:15px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu .wpr-sub-menu-item,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;padding-left:15px;padding-right:15px;padding-top:13px;padding-bottom:13px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#605BE5;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu .wpr-sub-icon{right:15px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:15px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu a,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#333333;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu li{background-color:#ffffff;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu li a:hover,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu li a.wpr-active-menu-item,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu a:hover,
					 .elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu a.wpr-active-menu-item{background-color:#605BE5;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu a{padding-left:10px;padding-right:10px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:10px;margin-right:10px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:10px;padding-bottom:10px;}.elementor-2927 .elementor-element.elementor-element-e6633af.wpr-mobile-divider-yes .wpr-mobile-nav-menu a{border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:12px;padding-top:5px;padding-bottom:5px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-nav-menu{margin-top:10px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-toggle{border-color:#333333;width:50px;border-width:0px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-toggle-text{color:#333333;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-toggle-line{background-color:#333333;height:4px;margin-bottom:6px;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-toggle:hover{border-color:#605BE5;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#605BE5;}.elementor-2927 .elementor-element.elementor-element-e6633af .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#605BE5;}/* Start custom CSS for text-editor, class: .elementor-element-59458f8e */<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Dark Themed Blog Post</title>
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
  <style>
    /* 🌙 Dark Theme Base */
    body {
      background-color: #111;
      color: #dcdcdc;
      font-family: 'Poppins', sans-serif;
      line-height: 1.8;
      padding: 0;
      margin: 0;
    }

    /* 📍 Breadcrumb Navigation */
    .breadcrumb {
      font-size: 0.95em;
      margin: 20px;
      color: #bbb;
    }

    .breadcrumb a {
      color: #ffcc00;
      text-decoration: none;
      transition: color 0.3s ease;
    }

    .breadcrumb a:hover {
      color: #ffe066;
    }

    .breadcrumb .current {
      color: #aaa;
    }

    /* 📌 Main Blog Title */
    .entry-title {
      font-size: 2.5em;
      color: #ffcc00;
      text-align: center;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      padding-bottom: 10px;
      border-bottom: 4px solid #ffcc00;
      transition: color 0.3s ease;
    }

    .entry-title:hover {
      color: #ffe066;
      letter-spacing: 2px;
    }

    /* ✨ Heading Animation */
    @keyframes fadeSlideUp {
      0% {
        opacity: 0;
        transform: translateY(20px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* 🔹 Headings - High Contrast + Animation */
    h1, h2, h3, h4, h5, h6 {
      font-weight: 700;
      margin: 40px 20px 20px;
      padding: 12px 20px;
      text-transform: capitalize;
      text-align: justify;
      border-radius: 8px;
      transition: all 0.3s ease;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
      scroll-margin-top: 100px;
      opacity: 0;
      animation: fadeSlideUp 0.8s ease-out forwards;
    }

    h1 { font-size: 2.4em; background: #003366; color: #00ccff; border-left: 6px solid #00ccff; animation-delay: 0.1s; }
    h1:hover { background: #004080; color: #66e0ff; }

    h2 { font-size: 2em; background: #2c1f00; color: #ffcc00; border-left: 6px solid #ffcc00; animation-delay: 0.2s; }
    h2:hover { background: #3a2900; color: #ffe066; }

    h3 { font-size: 1.8em; background: #331a00; color: #ff7043; border-left: 5px solid #ff7043; animation-delay: 0.3s; }
    h3:hover { background: #442200; color: #ffa07a; }

    h4 { font-size: 1.6em; background: #002f2f; color: #26a69a; border-left: 5px solid #26a69a; animation-delay: 0.4s; }
    h4:hover { background: #004040; color: #48d1cc; }

    h5 { font-size: 1.4em; background: #2c1d18; color: #f4a261; border-left: 4px solid #f4a261; animation-delay: 0.5s; }
    h5:hover { background: #3b2720; color: #ffbb88; }

    h6 { font-size: 1.2em; background: #1e1b3a; color: #9999ff; border-left: 4px solid #9999ff; animation-delay: 0.6s; }
    h6:hover { background: #2a2670; color: #b3b3ff; }

    /* 📝 Paragraphs */
    p {
      font-size: 1.1em;
      margin: 20px;
      text-align: justify;
    }

    /* 🔗 Links */
    a {
      color: #ff9800;
      transition: all 0.3s ease;
      text-decoration: none;
    }

    a:hover {
      color: #ffaa33;
      text-decoration: underline;
    }

    /* 🗨 Blockquotes */
    blockquote {
      border-left: 4px solid #ff9800;
      background: #1c1c1c;
      padding: 15px 20px;
      font-style: italic;
      font-size: 1.2em;
      margin: 20px;
    }

    /* 📱 Responsive Design */
    @media (max-width: 768px) {
      .entry-title { font-size: 1.8em; }
      h1 { font-size: 2em; }
      h2 { font-size: 1.8em; }
      h3 { font-size: 1.6em; }
      p { font-size: 1em; }
    }
  </style>
</head>
<body>

  <!-- 📍 Breadcrumb Navigation -->
  <nav class="breadcrumb">
    <a href="#">Home</a> &raquo;
    <a href="#">Blog</a> &raquo;
    <span class="current">Post Title</span>
  </nav>

  <!-- 📌 Blog Title -->
  <div class="entry-title">Post Title</div>

  <!-- 📰 Content -->
  <h1>Introduction</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo, justo sit amet tempor gravida, urna mauris posuere magna, nec sagittis elit justo at mauris.</p>

  <h2>Main Topic</h2>
  <p>Aliquam erat volutpat. Duis bibendum placerat diam, in volutpat urna faucibus eget. Nulla facilisi. Pellentesque habitant morbi tristique senectus.</p>

  <h3>Subtopic A</h3>
  <p>Vivamus vitae augue nec libero cursus scelerisque. Nullam gravida ligula sed tincidunt tristique. Curabitur convallis augue in ex cursus, at ullamcorper arcu malesuada.</p>

  <h4>Subsection</h4>
  <p>Ut tristique elit in mauris blandit, ac efficitur mi sollicitudin. Integer ac turpis id mi rhoncus cursus in eget sapien.</p>

  <h5>Details</h5>
  <p>Morbi ac erat in augue posuere ullamcorper. Fusce dapibus feugiat sapien non ultricies.</p>

  <h6>Footnote</h6>
  <p>Suspendisse eu justo et sapien porttitor pretium. Nulla id quam eget erat gravida vestibulum.</p>

  <blockquote>"Design is not just what it looks like and feels like. Design is how it works." – Steve Jobs</blockquote>

</body>
</html>/* End custom CSS */