/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2026 | 01:02:55 */
/* ========================================================================
FILNAMN: [CSS] – Global: Typografi & Text
BESKRIVNING: 
Hanterar typografi för sidor och inlägg som ligger utanför Elementor.
(Dvs. standard WordPress-innehåll, blogginlägg etc.)

Innehåller:
- Storlek och utseende för H1 och H2 i main-content
- Överskrivning till typsnittet 'Dosis' för rubriker i brödtext
- Justering av punktlistor (li) och radavstånd
- Specifika justeringar för sidan "Vad är Paleo"
========================================================================
*/

/* --- 1. HUVUDRUBRIKER (STANDARD) --- */
/* Gäller oftast sidtitlar och huvudrubriker på vanliga sidor */

/* H1 - Desktop */
.page-wrapper .main-content.single h1 {
    font-size: 52px;
    line-height: 50px;
    color: #212721;
}

/* H1 - Mobil */
@media only screen and (max-width: 640px) {
    .page-wrapper .main-content.single h1 {
        font-size: 46px;
        line-height: 50px;
        color: #212721;
    }
}

/* H2 - Desktop */
.page-wrapper .main-content h2 {
    font-size: 50px;
    line-height: 50px;
}

/* H2 - Mobil */
@media only screen and (max-width: 640px) {
    .page-wrapper .main-content.single h2 {
        font-size: 40px;
        line-height: 45px;    
    }
}

/* --- 2. DOSIS-FONT (RUBRIKER I BRÖDTEXT) --- */
/* Här tvingar vi in typsnittet Dosis i innehållet (.the_content) */

/* H2 i brödtext */
.page-wrapper .main-content .the_content h2 {
    font-family: 'Dosis', sans-serif;
    text-transform: none !important;
    font-size: 24px !important;
    line-height: 35px;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: 0px;
}

/* H2 i brödtext - Mobil */
@media only screen and (max-width: 640px) {
    .page-wrapper .main-content .the_content h2 {
        letter-spacing: 0px;
        line-height: 25px !important;
    }
}

/* H3 i brödtext */
.page-wrapper .main-content .the_content h3 {
    font-family: 'Dosis', sans-serif;
    text-transform: none !important;
    font-size: 20px !important;
    line-height: 25px;
    font-weight: 600;
}

/* --- 3. LISTOR & RADAVSTÅND --- */
/* Justerar läsbarheten för punktlistor och numrerade listor */

.page-wrapper .main-content .the_content li {
    line-height: 30px;
}

@media only screen and (max-width: 640px) {
    .page-wrapper .main-content .the_content li {
        line-height: 26px;
    }
}

/* Marginal mellan listpunkter */
.page-wrapper .main-content .the_content ul li, 
.page-wrapper .main-content .the_content ol li {
    margin-bottom: 20px;
}

/* --- 4. SPECIFIKA SID-JUSTERINGAR --- */
/* Justering för sidan "Vad är Paleo" */
.vad-ar-paleo h2 {
    text-transform: lowercase;
    letter-spacing: 0px;
}