/* This file contains all CSS styling that is uniform across all blog pages. */

.tg-blog-style:not(.tg-style-no-ci) h1:not(.tg-style-no-ci),
h1.tg-blog-style:not(.tg-style-no-ci) {
    font-family: "Badhouse-lokal", Arial, Helvetica, sans-serif !important;
}

.tg-blog-style:not(.tg-style-no-ci) h2:not(.tg-style-no-ci),
h2.tg-blog-style:not(.tg-style-no-ci) {
    font-family: "Badhouse-lokal", Arial, Helvetica, sans-serif !important;
}

.tg-blog-style:not(.tg-style-no-ci) h3:not(.tg-style-no-ci),
h3.tg-blog-style:not(.tg-style-no-ci) {
    font-family: "Badhouse-lokal", Arial, Helvetica, sans-serif !important;
}

.tg-blog-style:not(.tg-style-no-ci) h4:not(.tg-style-no-ci),
h4.tg-blog-style:not(.tg-style-no-ci) {
    font-family: "Lato-lokal", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

.tg-blog-style:not(.tg-style-no-ci) h5:not(.tg-style-no-ci),
h5.tg-blog-style:not(.tg-style-no-ci) {
    font-family: "Lato-lokal", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

.tg-blog-style:not(.tg-style-no-ci) h6:not(.tg-style-no-ci),
h6.tg-blog-style:not(.tg-style-no-ci) {
    font-family: "Lato-lokal", Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

.tg-blog-style:not(.tg-style-no-ci) .title-subtitle:not(.tg-style-no-ci),
.tg-blog-style.title-subtitle:not(.tg-style-no-ci) {
    font-family: "Lato-lokal", Arial, Helvetica, sans-serif !important;
}


@media (min-width: 768px) {
    /*css for tablet and desktop */

    .tg-blog-style:not(.tg-style-no-ci) h1:not(.tg-style-no-ci),
    h1.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 36px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) h2:not(.tg-style-no-ci),
    h2.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 30px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) h3:not(.tg-style-no-ci),
    h3.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 26px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) h4:not(.tg-style-no-ci),
    h4.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 20px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) h5:not(.tg-style-no-ci),
    h5.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 18px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) h6:not(.tg-style-no-ci),
    h6.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 16px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) .title-subtitle:not(.tg-style-no-ci),
    .tg-blog-style.title-subtitle:not(.tg-style-no-ci) {
        font-size: 17px !important;
    }
}


@media (max-width: 767px) {
    /*css for mobile */

    .tg-blog-style:not(.tg-style-no-ci) h1:not(.tg-style-no-ci),
    h1.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 30px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) h2:not(.tg-style-no-ci),
    h2.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 25px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) h3:not(.tg-style-no-ci),
    h3.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 22px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) h4:not(.tg-style-no-ci),
    h4.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 18px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) h5:not(.tg-style-no-ci),
    h5.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 17px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) h6:not(.tg-style-no-ci),
    h6.tg-blog-style:not(.tg-style-no-ci) {
        font-size: 16px !important;
    }

    .tg-blog-style:not(.tg-style-no-ci) .title-subtitle:not(.tg-style-no-ci),
    .tg-blog-style.title-subtitle:not(.tg-style-no-ci) {
        font-size: 15px !important;
    }
}


/* style links consitently */
.tg-blog-link-style a,
a.tg-blog-link-style {
    color: #83b734 !important;
    text-decoration: underline !important;
}