/*==================================================
GREEN ASIST | 09-typography.css 
==================================================*/

/*==============================
STYLE | MENU BUTTON 1
==============================*/

.style-menu-button-1{
    font-family:var(--font-main);
    color:var(--color-beyaz);
    font-size:18px;
    font-weight:400;
    line-height:normal;
    letter-spacing:normal;
    text-transform:none;
    text-decoration:none;
    position:relative;
    transition:color .25s ease;
}

.style-menu-button-1::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-4px;
    width:0;
    height:1px;
    background:var(--color-yesil-1);
    transition:width .25s ease;
}

.style-menu-button-1:hover::after,
.style-menu-button-1.active::after{
    width:100%;
}

.style-menu-button-1.active{
    color:var(--color-yesil-1);
}

.style-menu-button-1:active{
    color:var(--color-yesil-1);
}

/*==============================
STYLE | LANGUAGE 1
==============================*/

.style-lang-1{
    font-family:var(--font-main);
    color:var(--color-beyaz);
    font-size:16px;
    font-weight:400;
    line-height:1;
    letter-spacing:0;
    text-transform:uppercase;
    white-space:nowrap;
}

/* ==============================
FOOTER TEXT STYLES
============================== */

.style-footer-brand{
    font-family:var(--font-main);
    font-size:16px;
    font-weight:600;
    color:var(--color-beyaz);
    line-height:1;
    white-space:nowrap;
}

.style-footer-slogan{
    font-family:var(--font-main);
    font-size:14px;
    font-weight:400;
    color:var(--color-kirli-beyaz);
    line-height:1;
    white-space:nowrap;
}

.style-footer-copy{
    font-family:var(--font-main);
    font-size:14px;
    font-weight:400;
    color:var(--color-kirli-beyaz);
    line-height:1;
    white-space:nowrap;
}

/* ==============================
CARD TEXT STYLES
============================== */

.style-card-title-1{
    font-family:var(--font-main);
    font-size:28px;
    font-weight:600;
    line-height:1.2;
    letter-spacing:-.02em;
    color:var(--color-antrasit-1);
}

.style-card-text-1{
    font-family:var(--font-main);
    font-size:17px;
    font-weight:400;
    line-height:1.75;
    color:var(--color-gri-1);
}

.style-card-link-1{
    font-family:var(--font-main);
    font-size:14px;
    font-weight:600;
    line-height:1;
    color:var(--color-yesil-2);
    text-decoration:none;
}


/*==============================
BASE TEXT RENDERING
==============================*/

html{
-webkit-text-size-adjust:100%;
}

body{
font-size:var(--font-size-md);
line-height:1.6;
font-family:var(--font-family);
color:var(--color-text);
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

/*==============================
HEADINGS
==============================*/

h1,h2,h3,h4,h5,h6{
margin:0;
color:var(--color-dark);
font-weight:700;
line-height:1.2;
}

h1{font-size:var(--font-size-4xl);}
h2{font-size:var(--font-size-3xl);}
h3{font-size:var(--font-size-2xl);}
h4{font-size:var(--font-size-xl);}
h5{font-size:var(--font-size-lg);}
h6{font-size:var(--font-size-md);}

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

p{
margin:0;
}

a{
color:inherit;
text-decoration:none;
transition:color var(--transition);
}

a:hover{
color:var(--color-yesil-1);
}

strong,b{
font-weight:700;
}

em,i{
font-style:italic;
}

small{
font-size:var(--font-size-sm);
}

/*==============================
CODE BLOCKS
==============================*/

code,pre{
font-family:Consolas,"Courier New",monospace;
}

/*==================================================
GLOBAL FONT SAFETY
==================================================*/

html,
body,
button,
input,
select,
textarea{
    font-family:var(--font-main);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
small,
strong,
em,
label,
li{
    font-family:var(--font-main);
    font-style:normal;
}

strong,
b{
    font-weight:700;
}