.elementor-305 .elementor-element.elementor-element-1c40268c{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-305 .elementor-element.elementor-element-57dbf7a6{text-align:left;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for text-editor, class: .elementor-element-57dbf7a6 *//* Custom CSS for Email Automation Playbook Blog Post */
/* Add this to Appearance > Customize > Additional CSS in WordPress */

/* Overall content container */
.entry-content {
    font-size: 18px;
    line-height: 1.8;
    color: #2c3e50;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Main heading with emoji */
.entry-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a2e;
    margin-top: 2.5em;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #3498db;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* First h2 is the title - make it bigger and centered */
.entry-content h2:first-of-type {
    font-size: 42px;
    text-align: center;
    border-bottom: none;
    margin-top: 0;
    margin-bottom: 1.5em;
    display: block;
}

.entry-content h2:first-of-type img.emoji {
    display: inline;
    vertical-align: middle;
    margin-right: 8px;
}

/* Subsection headings (h3) with emojis */
.entry-content h3 {
    font-size: 24px;
    font-weight: 600;
    color: #2c3e50;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 1em;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 5px solid #3498db;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Emoji styling */
.entry-content img.emoji {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Horizontal rules - more subtle */
.entry-content hr {
    border: none;
    height: 1px;
    background: #e0e0e0;
    margin: 3em 0;
}

/* First paragraph after title - introduction */
.entry-content > p:nth-of-type(1) {
    font-size: 20px;
    line-height: 1.7;
    color: #34495e;
    padding: 1.5em;
    background: #f0f7ff;
    border-left: 4px solid #3498db;
    border-radius: 6px;
    margin-bottom: 2em;
}

/* Regular paragraphs */
.entry-content p {
    margin-bottom: 1.5em;
    line-height: 1.8;
}

/* Blockquotes - styled questions */
.entry-content blockquote {
    background: #fff9e6;
    border-left: 5px solid #f39c12;
    padding: 1.5em;
    margin: 1.5em 0;
    border-radius: 6px;
    font-style: italic;
    color: #555;
}

.entry-content blockquote p {
    margin: 0;
}

/* Bullet lists - better spacing */
.entry-content ul {
    margin: 1.5em 0;
    padding-left: 0;
    list-style: none;
}

.entry-content ul li {
    position: relative;
    padding-left: 2.5em;
    margin-bottom: 1em;
    line-height: 1.7;
}

/* Custom bullet styling */
.entry-content ul li:before {
    content: "✓";
    position: absolute;
    left: 0.5em;
    color: #3498db;
    font-weight: bold;
    font-size: 20px;
}

/* Lists with emojis - remove custom bullets */
.entry-content ul li p img.emoji {
    margin-right: 8px;
}

.entry-content ul li:has(img.emoji):before {
    content: none;
}

/* Numbered lists */
.entry-content ol {
    counter-reset: custom-counter;
    list-style: none;
    padding-left: 0;
    margin: 1.5em 0;
}

.entry-content ol li {
    counter-increment: custom-counter;
    position: relative;
    padding-left: 3em;
    margin-bottom: 1em;
    line-height: 1.7;
}

.entry-content ol li:before {
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    background: #3498db;
    color: white;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
}

/* Strong/bold text */
.entry-content strong,
.entry-content b {
    color: #1a1a2e;
    font-weight: 600;
}

/* Links */
.entry-content a {
    color: #3498db;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
}

.entry-content a:hover {
    color: #2980b9;
    border-bottom-color: #2980b9;
}

/* Paragraphs with emoji bullets at start */
.entry-content p img.emoji:first-child {
    margin-right: 8px;
    vertical-align: middle;
}

/* Last section - Final thought */
.entry-content h2:last-of-type {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 1.5em;
    border: none;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
    margin-top: 3em;
}

.entry-content h2:last-of-type + p {
    background: #f8f9fa;
    padding: 1.5em;
    border: 2px solid #667eea;
    border-top: none;
    border-radius: 0 0 8px 8px;
    margin-top: 0;
    font-size: 19px;
}

.entry-content h2:last-of-type + p + p {
    text-align: center;
    font-weight: 600;
    font-size: 19px;
    color: #2c3e50;
    background: #f8f9fa;
    padding: 1.5em;
    border: 2px solid #667eea;
    border-radius: 8px;
    margin-top: 1em;
}

/* Special styling for "Common beginner mistakes" section */
.entry-content h2:has(img[alt="⚠️"]) {
    background: #fff9e6;
    border-left: 5px solid #f39c12;
    padding: 1em;
    border-bottom: none;
}

.entry-content h2:has(img[alt="⚠️"]) + ul {
    background: #fffef8;
    padding: 1.5em;
    border-left: 5px solid #f39c12;
    border-radius: 0 8px 8px 8px;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .entry-content {
        font-size: 16px;
        padding: 20px 15px;
    }
    
    .entry-content h2:first-of-type {
        font-size: 32px;
    }
    
    .entry-content h2 {
        font-size: 24px;
        flex-direction: row;
        gap: 8px;
    }
    
    .entry-content h3 {
        font-size: 20px;
        padding: 0.8em;
    }
    
    .entry-content > p:nth-of-type(1) {
        font-size: 18px;
        padding: 1em;
    }
    
    .entry-content ul li {
        padding-left: 2em;
    }
    
    .entry-content ul li:before {
        left: 0.2em;
    }
    
    .entry-content ol li {
        padding-left: 2.5em;
    }
    
    .entry-content ol li:before {
        width: 1.8em;
        height: 1.8em;
        font-size: 14px;
    }
}

/* Print styles */
@media print {
    .entry-content {
        font-size: 11pt;
        max-width: 100%;
        color: #000;
    }
    
    .entry-content h2,
    .entry-content h3 {
        page-break-after: avoid;
    }
    
    .entry-content hr {
        display: none;
    }
}/* End custom CSS */