/* =========================================================
   FADAK TAHVIEH
   GLOBAL TYPOGRAPHY + HEADING SYSTEM
   WPBakery / Visual Composer
   GOLD + BURGUNDY + DARK NAVY
   ========================================================= */


/* =========================================================
   1. GLOBAL SITE TEXT
   ========================================================= */

html,
body {
    font-size: 16px !important;
    line-height: 1.9 !important;
    color: #111827 !important;
}


/* =========================================================
   2. COMMON TEXT
   ========================================================= */

p,
span,
div,
li,
td,
th,
label,
blockquote,
.entry-content,
.wpb_text_column,
.wpb_wrapper,
.vc_column-inner,
article,
.page-content,
.single-post {
    color: #111827;
}


/* =========================================================
   3. PARAGRAPHS
   ========================================================= */

p,
.entry-content p,
.wpb_text_column p,
.wpb_wrapper p,
.vc_column-inner p,
article p,
.single-post p,
.page-content p {

    font-size: 16px !important;
    line-height: 1.9 !important;

    color: #111827 !important;

    text-align: justify !important;

    font-weight: 400;
}


/* =========================================================
   4. LISTS
   ========================================================= */

.entry-content li,
.wpb_text_column li,
.wpb_wrapper li,
.vc_column-inner li,
article li,
.page-content li {

    font-size: 16px !important;
    line-height: 1.9 !important;

    color: #111827 !important;

    text-align: justify !important;
}


/* =========================================================
   5. CARD TEXT
   ========================================================= */

.service-card p,
.service-box p,
.card p,
.wpb_column .card p,
.wpb_column .service-card p,
.wpb_column .service-box p {

    font-size: 16px !important;
    line-height: 1.8 !important;

    color: #111827 !important;

    text-align: justify !important;
}


/* =========================================================
   6. HEADINGS H1 - H6
   NORMAL STATE
   GOLD TEXT
   RIGHT + BOTTOM GOLD BORDER ONLY
   NO BACKGROUND
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,

.wpb_text_column h1,
.wpb_text_column h2,
.wpb_text_column h3,
.wpb_text_column h4,
.wpb_text_column h5,
.wpb_text_column h6,

.wpb_wrapper h1,
.wpb_wrapper h2,
.wpb_wrapper h3,
.wpb_wrapper h4,
.wpb_wrapper h5,
.wpb_wrapper h6 {

    /* =========================
       TEXT
       ========================= */

    color: #D4AF37 !important;

    font-weight: 700 !important;


    /* =========================
       ONLY RIGHT + BOTTOM BORDER
       ========================= */

    border-top: none !important;
    border-left: none !important;

    border-right:
        3px solid #D4AF37 !important;

    border-bottom:
        3px solid #D4AF37 !important;


    /* =========================
       ROUNDED CORNER
       ========================= */

    border-radius:
        0 0 14px 0 !important;


    /* =========================
       NO BACKGROUND
       ========================= */

    background:
        transparent !important;


    /* =========================
       INTERNAL SPACE
       ========================= */

    padding:
        12px 18px 12px 14px !important;


    /* =========================
       MARGINS
       ========================= */

    margin-top:
        24px !important;

    margin-bottom:
        20px !important;


    /* =========================
       BOX MODEL
       ========================= */

    box-sizing:
        border-box !important;


    /* =========================
       NORMAL POSITION
       ========================= */

    transform:
        translateY(0) scale(1);


    /* =========================
       SMOOTH ANIMATION
       ========================= */

    transition:
        transform 0.35s ease,
        color 0.35s ease,
        border-color 0.35s ease,
        background-color 0.35s ease,
        box-shadow 0.35s ease;


    position:
        relative;


    /* =========================
       TEXT SHADOW
       ========================= */

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.08);
}


/* =========================================================
   7. HEADINGS H1 - H6
   HOVER STATE
   FULL BURGUNDY BORDER
   DARK NAVY BACKGROUND
   WHITE TEXT
   ========================================================= */

h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover,
h6:hover,

.entry-content h1:hover,
.entry-content h2:hover,
.entry-content h3:hover,
.entry-content h4:hover,
.entry-content h5:hover,
.entry-content h6:hover,

.wpb_text_column h1:hover,
.wpb_text_column h2:hover,
.wpb_text_column h3:hover,
.wpb_text_column h4:hover,
.wpb_text_column h5:hover,
.wpb_text_column h6:hover,

.wpb_wrapper h1:hover,
.wpb_wrapper h2:hover,
.wpb_wrapper h3:hover,
.wpb_wrapper h4:hover,
.wpb_wrapper h5:hover,
.wpb_wrapper h6:hover {

    /* =========================
       WHITE TEXT
       ========================= */

    color:
        #FFFFFF !important;


    /* =========================
       DARK NAVY BACKGROUND
       ========================= */

    background-color:
        #07097E !important;


    /* =========================
       FULL BURGUNDY BORDER
       ========================= */

    border-top:
        3px solid #7A1F2B !important;

    border-right:
        3px solid #7A1F2B !important;

    border-bottom:
        3px solid #7A1F2B !important;

    border-left:
        3px solid #7A1F2B !important;


    /* =========================
       FULL ROUNDED CORNERS
       ========================= */

    border-radius:
        14px !important;


    /* =========================
       MOVE UP + SLIGHTLY ENLARGE
       ========================= */

    transform:
        translateY(-5px) scale(1.025);


    /* =========================
       SHADOW
       ========================= */

    box-shadow:
        0 10px 25px rgba(17, 24, 39, 0.16);


    /* =========================
       TEXT SHADOW
       ========================= */

    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.20);
}


/* =========================================================
   8. H1
   ========================================================= */

h1,
.entry-content h1,
.wpb_text_column h1,
.wpb_wrapper h1 {

    font-size:
        40px !important;

    line-height:
        1.35 !important;
}


/* =========================================================
   9. H2
   ========================================================= */

h2,
.entry-content h2,
.wpb_text_column h2,
.wpb_wrapper h2 {

    font-size:
        32px !important;

    line-height:
        1.45 !important;
}


/* =========================================================
   10. H3
   ========================================================= */

h3,
.entry-content h3,
.wpb_text_column h3,
.wpb_wrapper h3 {

    font-size:
        25px !important;

    line-height:
        1.45 !important;
}


/* =========================================================
   11. H4
   ========================================================= */

h4,
.entry-content h4,
.wpb_text_column h4,
.wpb_wrapper h4 {

    font-size:
        21px !important;

    line-height:
        1.5 !important;
}


/* =========================================================
   12. H5
   ========================================================= */

h5,
.entry-content h5,
.wpb_text_column h5,
.wpb_wrapper h5 {

    font-size:
        18px !important;

    line-height:
        1.5 !important;
}


/* =========================================================
   13. H6
   ========================================================= */

h6,
.entry-content h6,
.wpb_text_column h6,
.wpb_wrapper h6 {

    font-size:
        16px !important;

    line-height:
        1.5 !important;
}


/* =========================================================
   14. FIRST PARAGRAPH OF ARTICLE
   ========================================================= */

.entry-content > p:first-of-type,
.wpb_text_column > .wpb_wrapper > p:first-of-type,
.single-post .entry-content > p:first-of-type,
.page-content > p:first-of-type {

    font-size:
        17px !important;

    line-height:
        2 !important;

    color:
        #111827 !important;

    font-weight:
        500 !important;

    text-align:
        justify !important;


    /* Very Light Gold Background */

    background:
        rgba(212, 175, 55, 0.07) !important;


    /* Gold Right Border */

    border-right:
        4px solid #D4AF37 !important;


    /* Rounded Right Side */

    border-radius:
        0 12px 12px 0 !important;


    /* Internal Space */

    padding:
        18px 20px 18px 18px !important;


    /* Margins */

    margin-top:
        10px !important;

    margin-bottom:
        28px !important;


    /* Shadow */

    box-shadow:
        0 4px 14px rgba(17, 24, 39, 0.05) !important;


    transition:
        border-color 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}


/* =========================================================
   15. FIRST PARAGRAPH HOVER
   ========================================================= */

.entry-content > p:first-of-type:hover,
.wpb_text_column > .wpb_wrapper > p:first-of-type:hover,
.single-post .entry-content > p:first-of-type:hover,
.page-content > p:first-of-type:hover {

    border-right-color:
        #7A1F2B !important;

    background:
        rgba(122, 31, 43, 0.05) !important;

    box-shadow:
        0 7px 18px rgba(17, 24, 39, 0.08) !important;
}


/* =========================================================
   16. IMPORTANT WORD
   insurance-word
   ========================================================= */

.insurance-word {

    color:
        #D4AF37 !important;

    text-decoration-line:
        underline !important;

    text-decoration-color:
        #7A1F2B !important;

    text-decoration-thickness:
        2px !important;

    text-underline-offset:
        4px !important;

    font-weight:
        700 !important;

    transition:
        color 0.25s ease,
        text-decoration-color 0.25s ease;
}


/* =========================================================
   17. IMPORTANT WORD HOVER
   ========================================================= */

.insurance-word:hover {

    color:
        #7A1F2B !important;

    text-decoration-color:
        #D4AF37 !important;
}


/* =========================================================
   18. LINKS
   ========================================================= */

.entry-content a,
.wpb_text_column a,
.wpb_wrapper a,
.page-content a {

    transition:
        color 0.25s ease,
        text-decoration-color 0.25s ease;
}


/* =========================================================
   19. BUTTONS
   ========================================================= */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
.button,
.wp-block-button__link,
.vc_btn3,
.vc_general.vc_btn3,
a.button {

    font-size:
        17px !important;

    line-height:
        1.45 !important;

    text-align:
        center !important;
}


/* =========================================================
   20. HEADER MENU
   ========================================================= */

.main-navigation a,
.primary-menu a,
.nav-menu a,
.menu a,
header nav a,
.site-header nav a {

    font-size:
        16px !important;

    line-height:
        1.5 !important;

    text-align:
        center !important;
}


/* =========================================================
   21. SMALL TEXT
   ========================================================= */

small,
.small,
.text-small,
.entry-meta,
.post-meta,
.meta,
.widget_text {

    font-size:
        14px !important;

    line-height:
        1.7 !important;
}


/* =========================================================
   22. TABLES
   ========================================================= */

.entry-content table,
.wpb_text_column table,
.wpb_wrapper table {

    font-size:
        16px !important;

    line-height:
        1.8 !important;
}


.entry-content td,
.entry-content th,
.wpb_text_column td,
.wpb_text_column th {

    font-size:
        16px !important;

    line-height:
        1.8 !important;

    color:
        #111827 !important;
}


/* =========================================================
   23. FORMS
   ========================================================= */

input,
textarea,
select {

    font-size:
        16px !important;

    line-height:
        1.7 !important;

    color:
        #111827 !important;
}


label {

    font-size:
        15px !important;

    line-height:
        1.7 !important;

    color:
        #111827 !important;
}


/* =========================================================
   24. PREVENT UNWANTED JUSTIFY
   ========================================================= */

button,
input,
select,
textarea,
nav,
.menu,
.main-navigation,
.primary-menu,
.vc_btn3,
.vc_icon_element,
.social-icons,
.social-links {

    text-align:
        initial;
}


/* =========================================================
   25. BUTTONS ALWAYS CENTER
   ========================================================= */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.vc_btn3,
.button {

    text-align:
        center !important;
}


/* =========================================================
   26. MOBILE TYPOGRAPHY
   ========================================================= */

@media (max-width: 767px) {


    /* =====================================================
       MOBILE BODY
       ===================================================== */

    body {

        font-size:
            15px !important;

        line-height:
            1.8 !important;
    }


    /* =====================================================
       MOBILE PARAGRAPHS
       ===================================================== */

    p,
    .entry-content p,
    .wpb_text_column p,
    .wpb_wrapper p,
    .vc_column-inner p,
    article p,
    .single-post p,
    .page-content p {

        font-size:
            15px !important;

        line-height:
            1.8 !important;

        text-align:
            justify !important;
    }


    /* =====================================================
       MOBILE LISTS
       ===================================================== */

    .entry-content li,
    .wpb_text_column li,
    .wpb_wrapper li,
    article li,
    .page-content li {

        font-size:
            15px !important;

        line-height:
            1.8 !important;

        text-align:
            justify !important;
    }


    /* =====================================================
       MOBILE CARDS
       ===================================================== */

    .service-card p,
    .service-box p,
    .card p,
    .wpb_column .card p,
    .wpb_column .service-card p,
    .wpb_column .service-box p {

        font-size:
            15px !important;

        line-height:
            1.75 !important;
    }


    /* =====================================================
       MOBILE HEADINGS
       NORMAL
       ===================================================== */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,

    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content h6,

    .wpb_text_column h1,
    .wpb_text_column h2,
    .wpb_text_column h3,
    .wpb_text_column h4,
    .wpb_text_column h5,
    .wpb_text_column h6,

    .wpb_wrapper h1,
    .wpb_wrapper h2,
    .wpb_wrapper h3,
    .wpb_wrapper h4,
    .wpb_wrapper h5,
    .wpb_wrapper h6 {

        /* GOLD TEXT */

        color:
            #D4AF37 !important;


        /* ONLY RIGHT + BOTTOM */

        border-top:
            none !important;

        border-left:
            none !important;

        border-right:
            2px solid #D4AF37 !important;

        border-bottom:
            2px solid #D4AF37 !important;


        /* ROUNDED CORNER */

        border-radius:
            0 0 11px 0 !important;


        /* NO BACKGROUND */

        background:
            transparent !important;


        /* PADDING */

        padding:
            10px 14px 10px 10px !important;


        /* MARGIN */

        margin-top:
            20px !important;

        margin-bottom:
            16px !important;


        /* TRANSFORM */

        transform:
            translateY(0) scale(1);


        /* TRANSITION */

        transition:
            transform 0.3s ease,
            color 0.3s ease,
            border-color 0.3s ease,
            background-color 0.3s ease,
            box-shadow 0.3s ease;
    }


    /* =====================================================
       MOBILE HEADING HOVER
       ===================================================== */

    h1:hover,
    h2:hover,
    h3:hover,
    h4:hover,
    h5:hover,
    h6:hover,

    .entry-content h1:hover,
    .entry-content h2:hover,
    .entry-content h3:hover,
    .entry-content h4:hover,
    .entry-content h5:hover,
    .entry-content h6:hover,

    .wpb_text_column h1:hover,
    .wpb_text_column h2:hover,
    .wpb_text_column h3:hover,
    .wpb_text_column h4:hover,
    .wpb_text_column h5:hover,
    .wpb_text_column h6:hover,

    .wpb_wrapper h1:hover,
    .wpb_wrapper h2:hover,
    .wpb_wrapper h3:hover,
    .wpb_wrapper h4:hover,
    .wpb_wrapper h5:hover,
    .wpb_wrapper h6:hover {

        /* WHITE TEXT */

        color:
            #FFFFFF !important;


        /* DARK NAVY BACKGROUND */

        background-color:
            #07097E !important;


        /* FULL BURGUNDY BORDER */

        border-top:
            2px solid #7A1F2B !important;

        border-right:
            2px solid #7A1F2B !important;

        border-bottom:
            2px solid #7A1F2B !important;

        border-left:
            2px solid #7A1F2B !important;


        /* FULL ROUNDED CORNER */

        border-radius:
            11px !important;


        /* MOVE + ENLARGE */

        transform:
            translateY(-3px) scale(1.015);


        /* SHADOW */

        box-shadow:
            0 6px 15px rgba(17, 24, 39, 0.10);
    }


    /* =====================================================
       MOBILE H1
       ===================================================== */

    h1,
    .entry-content h1,
    .wpb_text_column h1,
    .wpb_wrapper h1 {

        font-size:
            30px !important;

        line-height:
            1.35 !important;
    }


    /* =====================================================
       MOBILE H2
       ===================================================== */

    h2,
    .entry-content h2,
    .wpb_text_column h2,
    .wpb_wrapper h2 {

        font-size:
            26px !important;

        line-height:
            1.45 !important;
    }


    /* =====================================================
       MOBILE H3
       ===================================================== */

    h3,
    .entry-content h3,
    .wpb_text_column h3,
    .wpb_wrapper h3 {

        font-size:
            22px !important;

        line-height:
            1.45 !important;
    }


    /* =====================================================
       MOBILE H4
       ===================================================== */

    h4,
    .entry-content h4,
    .wpb_text_column h4,
    .wpb_wrapper h4 {

        font-size:
            20px !important;

        line-height:
            1.5 !important;
    }


    /* =====================================================
       MOBILE H5
       ===================================================== */

    h5,
    .entry-content h5,
    .wpb_text_column h5,
    .wpb_wrapper h5 {

        font-size:
            18px !important;

        line-height:
            1.5 !important;
    }


    /* =====================================================
       MOBILE H6
       ===================================================== */

    h6,
    .entry-content h6,
    .wpb_text_column h6,
    .wpb_wrapper h6 {

        font-size:
            16px !important;

        line-height:
            1.5 !important;
    }


    /* =====================================================
       MOBILE FIRST PARAGRAPH
       ===================================================== */

    .entry-content > p:first-of-type,
    .wpb_text_column > .wpb_wrapper > p:first-of-type,
    .single-post .entry-content > p:first-of-type,
    .page-content > p:first-of-type {

        font-size:
            16px !important;

        line-height:
            1.9 !important;

        border-right-width:
            3px !important;

        border-radius:
            0 9px 9px 0 !important;

        padding:
            14px 15px 14px 13px !important;

        margin-bottom:
            22px !important;
    }


    /* =====================================================
       MOBILE BUTTONS
       ===================================================== */

    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .btn,
    .button,
    .vc_btn3,
    .wp-block-button__link {

        font-size:
            16px !important;

        line-height:
            1.45 !important;
    }


    /* =====================================================
       MOBILE MENU
       ===================================================== */

    .main-navigation a,
    .primary-menu a,
    .nav-menu a,
    header nav a {

        font-size:
            16px !important;

        line-height:
            1.5 !important;
    }


    /* =====================================================
       MOBILE SMALL TEXT
       ===================================================== */

    small,
    .small,
    .text-small,
    .entry-meta,
    .post-meta,
    .meta {

        font-size:
            14px !important;

        line-height:
            1.7 !important;
    }


    /* =====================================================
       MOBILE TABLE
       ===================================================== */

    .entry-content table,
    .wpb_text_column table,
    .wpb_wrapper table {

        font-size:
            15px !important;

        line-height:
            1.8 !important;
    }


    .entry-content td,
    .entry-content th,
    .wpb_text_column td,
    .wpb_text_column th {

        font-size:
            15px !important;

        line-height:
            1.8 !important;
    }

}


/* =========================================================
   27. AUTOMATIC INSURANCE WORD
   GOLD TEXT + BURGUNDY UNDERLINE
   ========================================================= */

.auto-insurance-word {

    color:
        #D4AF37 !important;

    text-decoration-line:
        underline !important;

    text-decoration-color:
        #7A1F2B !important;

    text-decoration-thickness:
        2px !important;

    text-underline-offset:
        4px !important;

    font-weight:
        700 !important;

    transition:
        color 0.25s ease,
        text-decoration-color 0.25s ease;
}


/* =========================================================
   28. AUTOMATIC INSURANCE WORD HOVER
   ========================================================= */

.auto-insurance-word:hover {

    color:
        #7A1F2B !important;

    text-decoration-color:
        #D4AF37 !important;
}


/* =========================================================
   END
   ========================================================= */