/**
 * Typography CSS File
 *
 * This file contains the typography styles for the Codehills Kickstarter theme.
 * It includes styles for fonts, general text styles, headlines, and content elements.
 *
 * @since 2.0.0
 * @package WordPress
 * @subpackage Codehills Kickstarter Theme
 */

/********************** Typo ************************* *
 *  1. Fonts
 *  2. General
 *  3. Headlines
 *  4. Content Elements
*****************************************************/

/********************* 1. Fonts *********************/

/******************** 2. General ********************/

.brand {
    color: var(--kickstarter-pink);
}

/******************** 3. Headline ********************/

h1, .uk-h1,
h2, .uk-h2,
h3, .uk-h3,
h4, .uk-h4
h5, .uk-h5 {
    color: var(--kickstarter-dark-blue);
    font-family: var(--kickstarter-font-primary);
    font-weight: 700;
    line-height: 1;
}
h1, .uk-h1 {
    font-size: 40px;
    line-height: 1.15;
}
h2, .uk-h2 {
    font-size: 36px;
    margin-bottom: 30px;
    line-height: 1.2;
}
h2 span,
.uk-h2 span {
    color: var(--kickstarter-pink);
}
h3, .uk-h3 {
    font-size: 21px;
    font-weight: 500;
    color: var(--kickstarter-green);
    line-height: 1.5;
    margin-bottom: 30px;
}
h3.widget-title,
.widget-title.uk-h3 {
    color: var(--kickstarter-dark-blue);
}
h4, .uk-h4 {
    font-size: 16px;
    font-weight: 500;
    color: var(--kickstarter-green);
    line-height: 1.5;
    margin-bottom: 30px;
}
.uk-title-green h1,
.uk-title-green h2,
.uk-title-green h3,
.uk-title-green h4 {
    color: var(--kickstarter-green);
}

/**************** 4. Content Elements ****************/

* + p, * + ul, * + ol, * + dl, * + pre, * + address, * + fieldset, * + figure {
    margin-top: 30px;
}
p:last-of-type {
    margin-bottom: 0;
}
a {
    text-decoration: none;
    color: inherit; 
}
a:hover {
    text-decoration: none;
    color: var(--kickstarter-green); 
}
blockquote {
    font-family: var(--kickstarter-font-primary);
    font-size: 21px;
    font-weight: 500;
    font-style: normal;
    color: var(--kickstarter-green);
    line-height: 1.5;
    padding-left: 0x;
    position: relative;
    margin: 60px 0;
}
blockquote::before {
    content: "„";
    display: block;
    position: absolute;
    top: -45px;
    left: 0;
    font-family: var(--kickstarter-font-primary);
    font-size: 40px;
    font-weight: 900;
    line-height: 0.5;
    color: var(--kickstarter-pink);
}
strong {
    color: var(--kickstarter-pink);
    font-weight: 700;
}
em {
    color: inherit;
}
hr, .uk-hr {
    border-top: 1px solid #ddd;
}