/*
Theme Name: ST Apostille Lite Child
Theme URI: https://striviothemes.com/product/free-apostille-lite-wordpress-theme/
Template: st-apostille-lite
Author: KristynaBennett
Author URI: https://striviothemes.com/
Description: STApostille is a clean and professional WordPress theme crafted for apostille service providers, notary offices, and legalization firms. With a modern color scheme, this theme exudes trust and professionalism, essential for document verification and legal assistance businesses. Its intuitive layout and elegant typography allow users to present their services, processes, and client testimonials in a clear, approachable manner. Whether you’re building an apostille agency website or a document authentication portal, STApostille helps establish credibility and confidence online. Built with Elementor, STApostille ensures complete design flexibility without needing any coding skills. The theme is fully responsive, SEO-optimized, and performance-focused, ensuring your website loads fast and ranks better on search engines. Lightweight yet feature-rich, it adapts seamlessly to all devices, offering a smooth experience for both desktop and mobile visitors. STApostille is the perfect choice for professionals who want a user-friendly, secure, and visually appealing website that reflects trust and efficiency in every detail.
Tags: blog,one-column,custom-background,custom-colors,full-width-template,custom-menu,custom-logo,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.0.1764717753
Updated: 2025-12-02 23:22:33

*/
.mt-5, .my-5 {
  margin-top: 2rem !important;
}
.pb-4, .py-4 {
  padding-bottom: 1rem !important;
}
.pt-4, .py-4 {
  padding-top: 1rem !important;
}
#page-footer {
    background: #111827;        
    color: #ffffff;             
    padding: 5px 0;            
    margin-top: 20px;           
}

#page-footer .footer-copyright {
    text-align: center;
}

#page-footer .credit {
    font-size: 14px;
    letter-spacing: 0.05em;
}

#page-footer a {
    color: #ffffff;
    text-decoration: none;
}

#page-footer a:hover {
    text-decoration: underline;
}
.footer-copyright {
  text-align: center;
  padding: 10px 0 !important;
}
/* Main container */
.main-container {
  background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
}

/* Post header */
.post-header {
  text-align: center;
  padding: 2rem 0;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  margin-bottom: 2rem;
  box-shadow: 0 10px 30px rgba(102, 126, 234, 0.2);
}

.page-title {
  color: #ffffff;
  font-weight: 700;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

/* Post content */
.post-content {
  line-height: 1.8;
  color: #333;
}

/* Headings */
h2.wp-block-heading {
  color: #667eea;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #667eea;
  position: relative;
}

h2.wp-block-heading::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 80px;
  height: 3px;
  background: #764ba2;
}

h3.wp-block-heading {
  color: #764ba2;
  font-weight: 600;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 15px;
}

/* Images */
figure.wp-block-image {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

figure.wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
}

/* Massage Overview boxes */
.massage-overview {
  background: #ffffff;
  padding: 2rem;
  margin-bottom: 2.5rem;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  border-left: 5px solid #667eea;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.massage-overview::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 200px;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);
  border-radius: 50%;
  transform: translate(50%, -50%);
  pointer-events: none;
}

.massage-overview h3 {
  margin-top: 0;
}

/* Styled lists */
.styled-list {
  list-style: none;
  padding-left: 0;
  margin: 1.5rem 0;
}

.styled-list li {
  position: relative;
  padding: 0.1rem 0 0.1rem 2.5rem;
  margin-bottom: 0.3rem;
  background: linear-gradient(90deg, rgba(102, 126, 234, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
  transition: all 0.3s ease;
}

.styled-list li::before {
  content: '✓';
  position: absolute;
  left: 0.8rem;
  top: 51%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
}

.styled-list li strong {
  color: #667eea;
  font-weight: 600;
}

.styled-list li a {
  color: #764ba2;
  text-decoration: none;
  border-bottom: 1px dashed #764ba2;
  transition: all 0.3s ease;
}

/* Disclaimer box */
.disclamer-box {
  background: linear-gradient(135deg, #fff5f5 0%, #ffe5e5 100%);
  border-left: 5px solid #e53e3e;
  padding: 1.5rem;
  margin-top: 1.5rem;
  box-shadow: 0 5px 20px rgba(229, 62, 62, 0.1);
  position: relative;
  overflow: hidden;
}

.disclamer-box p:first-child {
  font-weight: 700;
  color: #e53e3e;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.disclamer-box em {
  color: #742a2a;
  font-style: normal;
  line-height: 1.7;
}

/* Columns layout */
.wp-block-columns {
  gap: 2rem;
  align-items: center;
}

.wp-block-column {
  flex: 1;
}

/* Responsive design */
@media (max-width: 768px) {
  h1 {
  font-size: 2.1rem !important;
}
  h2 {
  font-size: 1.5rem !important;
}
  h3 {
  font-size: 1.55rem !important;
}
  .massage-overview {
    padding: 0.8rem;
  }
  
  .disclamer-box {
    padding: 1.5rem;
  }
  
  .wp-block-columns {
    flex-direction: column;
  }
  
  .styled-list li {
    padding: 0.1rem 0 0.1rem 2.7rem;
  }
  .styled-list li::before {
  left: 0.5rem;
  top: 51%;
   }
  h2.wp-block-heading {
    margin-top: 2rem;
  }
}

/* Smooth animations */
* {
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* Links */
a {
  color: #667eea;
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #764ba2;
}

/* Strong text */
strong {
  color: #2d3748;
  font-weight: 600;
}