/*
Theme Name: Draftspot theme
Theme URI: 
Author: Draftspot
Author URI: www.draftspot.net
Description:  The best wordpress theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: draftspot_theme
Tags: flashrad,Draftspot
*/

/*all*/
body{
    font-size: 16px;
}
/*colors*/
:root{
    --bila: #E5E5E5;
    --zluta: #F9C338;
    --cerna: #28250B;
    --Text: #595959;
    --white: #FFFFFF;
    --Dark: #1E1E1E;
}

/*fw + sw*/
@media only screen and (min-width: 1300px){
    .container{
        max-width: 1225px;
    }
}

/*fonts*/
@font-face{
    font-family: "Sansation";
    src: url("/wp-content/themes/draftspot_theme/assets/fonts/Sansation_Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: "Sansation";
    src: url("/wp-content/themes/draftspot_theme/assets/fonts/Sansation_Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
*{
    color: var(--Text);
    font-family: "Sansation";
    line-height: 1.5;
}
/*titles*/
h1, h1 span, h2, h3, h4{
    line-height: 1.2;
}
h1{
    font-size: 220px;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--white);
    line-height: 1.12;
}
h1 span{
    font-size: 80px;
    margin-top: -28px;
    color: var(--color2);
}
h2{
    font-size: 40px;
}
h3{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 11px;
}
h4{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 19px;
}
/*btns*/
.btn{
    line-height: 1.7;
    font-weight: 700;
    padding: 6px;
    border-radius: 0px;
    background: none;
    cursor: pointer;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-transform: uppercase;
}
.btn:hover{
    color: white;
}
.btn-full_m{
    color: var(--white);
    background-color: #2F80ED;
    font-size: 15px;
}
.btn-full_g{
    color: var(--white);
    background-color: var(--zluta);
    font-size: 15px;
}
.btn-trans{
    color: var(--white);
    border: 1px solid var(--white);
    max-width: 149px;
    font-size: 13px;
}
.btn:before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0%;
    z-index: -1;
    transition: 0.5s;
    top: 0;
}
.btn-full_m:before{
    background-color: #1f57a2;
}
.btn-trans:before{
    background-color: var(--white);
}
.btn-full_m:hover:before{
    height: 100%;
}
.btn-trans:hover:before{
    height: 100%;
}
.btn-full_m:hover{
    border: 1px solid #1f57a2;
}
.btn-trans:hover{
    color: var(--Text);
}
.btn-full_g:before{
    background-color: #e2a300;
}
.btn-full_g:hover:before{
    height: 100%;
}
.btn-full_g:hover{
    border: 1px solid #e2a300;
}