.elementor-341 .elementor-element.elementor-element-027952a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-341 .elementor-element.elementor-element-85e4d64{text-align:center;}.elementor-341 .elementor-element.elementor-element-85e4d64 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:2.8rem;font-weight:800;color:#FFFFFF;}.elementor-341 .elementor-element.elementor-element-a23f3df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(max-width:767px){.elementor-341 .elementor-element.elementor-element-85e4d64{padding:30px 30px 30px 30px;}.elementor-341 .elementor-element.elementor-element-85e4d64 .elementor-heading-title{font-size:1.8rem;}}@media(min-width:768px){.elementor-341 .elementor-element.elementor-element-027952a{--content-width:72%;}}/* Start custom CSS *//* ============================================
   FinnDinInvestor.no Blog Styling for Elementor (v2)
   Optimized for specific site structure
   ============================================ */

:root {
    --fdi-bg-dark: #1a1f3a;
    --fdi-text-light: #f2f2f5;
    --fdi-text-secondary: #a8aab3;
    --fdi-accent-blue: #0066ff;
    --fdi-accent-green: #00ff00;
}

/* ============================================
   Post Container & Base Styling
   ============================================ */

/* Target the specific Elementor Post Content widget */
.elementor-widget-theme-post-content,
.elementor-widget-post-content,
.elementor-post-content {
    color: var(--fdi-text-light) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.125rem !important;
    line-height: 1.8 !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ============================================
   Typography - Headings
   ============================================ */

.elementor-widget-theme-post-content h1,
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content h4,
.elementor-widget-theme-post-content h5,
.elementor-widget-theme-post-content h6,
.elementor-widget-theme-post-content .wp-block-heading {
    color: var(--fdi-text-light) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1.5rem !important;
}

.elementor-widget-theme-post-content h1 { font-size: 3rem !important; }
.elementor-widget-theme-post-content h2, 
.elementor-widget-theme-post-content .wp-block-heading { font-size: 2.25rem !important; }
.elementor-widget-theme-post-content h3 { font-size: 1.75rem !important; }
.elementor-widget-theme-post-content h4 { font-size: 1.5rem !important; }

/* ============================================
   Typography - Paragraphs & Text
   ============================================ */

.elementor-widget-theme-post-content p {
    color: var(--fdi-text-secondary) !important;
    margin-bottom: 1.5rem !important;
    line-height: 1.8 !important;
    font-size: 1.125rem !important;
}

.elementor-widget-theme-post-content strong,
.elementor-widget-theme-post-content b {
    color: var(--fdi-text-light) !important;
    font-weight: 600 !important;
}

/* ============================================
   Links
   ============================================ */

.elementor-widget-theme-post-content a {
    color: var(--fdi-accent-blue) !important;
    text-decoration: none !important;
    border-bottom: 2px solid var(--fdi-accent-blue) !important;
    transition: all 0.3s ease !important;
}

.elementor-widget-theme-post-content a:hover {
    color: var(--fdi-accent-green) !important;
    border-bottom-color: var(--fdi-accent-green) !important;
}

/* ============================================
   Lists
   ============================================ */

.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol {
    margin-bottom: 2rem !important;
    margin-left: 1.5rem !important;
    padding-left: 1rem !important;
}

.elementor-widget-theme-post-content li {
    margin-bottom: 0.75rem !important;
    color: var(--fdi-text-secondary) !important;
    line-height: 1.8 !important;
}

.elementor-widget-theme-post-content ul li::marker {
    color: var(--fdi-accent-green) !important;
}

.elementor-widget-theme-post-content ol li::marker {
    color: var(--fdi-accent-blue) !important;
}

/* ============================================
   Blockquotes
   ============================================ */

.elementor-widget-theme-post-content blockquote {
    border-left: 4px solid var(--fdi-accent-green) !important;
    padding: 1.5rem 2rem !important;
    margin: 2.5rem 0 !important;
    color: var(--fdi-text-secondary) !important;
    font-style: italic !important;
    background-color: rgba(0, 255, 0, 0.05) !important;
    border-radius: 0.5rem !important;
}

.elementor-widget-theme-post-content blockquote p {
    margin-bottom: 0 !important;
    color: var(--fdi-text-secondary) !important;
}

/* ============================================
   Images & Media
   ============================================ */

.elementor-widget-theme-post-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 0.75rem !important;
    margin: 2.5rem 0 !important;
    border: 1px solid rgba(0, 255, 0, 0.2) !important;
}

/* ============================================
   Responsive Design
   ============================================ */

@media (max-width: 768px) {
    .elementor-widget-theme-post-content {
        font-size: 1rem !important;
        padding: 0 1rem !important;
    }

    .elementor-widget-theme-post-content h1 { font-size: 2.25rem !important; }
    .elementor-widget-theme-post-content h2,
    .elementor-widget-theme-post-content .wp-block-heading { font-size: 1.75rem !important; }
    .elementor-widget-theme-post-content h3 { font-size: 1.5rem !important; }
    
    .elementor-widget-theme-post-content p {
        font-size: 1rem !important;
    }
}

@media (max-width: 480px) {
    .elementor-widget-theme-post-content h1 { font-size: 1.75rem !important; }
    .elementor-widget-theme-post-content h2,
    .elementor-widget-theme-post-content .wp-block-heading { font-size: 1.5rem !important; }
}/* End custom CSS */