/*
==================================================
BILIN FRAMEWORK
MAIN CSS
Release 1.0
==================================================
*/


/*------------------------------------
Reset
------------------------------------*/

html{

    scroll-behavior:smooth;

}

*{

    margin:0;
    
    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:Tahoma,sans-serif;

    font-size:16px;

    line-height:1.8;

    color:var(--text-color);

    background:var(--light);

    overflow-x:hidden;

}

/*------------------------------------
Container
------------------------------------*/

.container{

    width:var(--container);

    max-width:95%;

    margin:auto;

}

/*------------------------------------
Images
------------------------------------*/

img{

    display:block;

    max-width:100%;

    height:auto;

}

/*------------------------------------
Links
------------------------------------*/

a{

    color:inherit;

    text-decoration:none;

    transition:var(--transition);

}

/*------------------------------------
Lists
------------------------------------*/

ul{

    list-style:none;

}

/*------------------------------------
Typography
------------------------------------*/

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

    color:var(--heading-color);

    line-height:1.3;

    margin-bottom:20px;

}

h1{

    font-size:56px;

}

h2{

    font-size:40px;

}

h3{

    font-size:28px;

}

p{

    margin-bottom:20px;

}

/*------------------------------------
Sections
------------------------------------*/

section{

    padding:100px 0;

}

/*------------------------------------
Buttons
------------------------------------*/

.btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    padding:14px 34px;

    border:none;

    border-radius:var(--radius);

    cursor:pointer;

    transition:var(--transition);

    font-weight:600;

}

.btn-primary{

    background:var(--primary);

    color:var(--white);

}

.btn-primary:hover{

    background:var(--primary-dark);

}

.btn-secondary{

    background:var(--secondary);

    color:var(--white);

}

.btn-secondary:hover{

    background:var(--secondary-dark);

}

/* -----------------------------------------
   Bilin - Global Text Alignment
   ----------------------------------------- */

.entry-content p,
.blog-article-content p,
.blog-content p,
.footer-column p {
    text-align: justify;
}