/*
|--------------------------------------------------------------------------
| HardKing
| Site Institucional
|--------------------------------------------------------------------------
| Arquivo : style.css
| Release  : 1.0
|--------------------------------------------------------------------------
| CSS Base do Projeto
|--------------------------------------------------------------------------
*/

/* ==========================================================
   GOOGLE FONTS
========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* ==========================================================
   VARIÁVEIS GLOBAIS
========================================================== */

:root{

    /* Cores */

    --hk-primary:#39d400;
    --hk-primary-hover:#2fb800;

    --hk-dark:#000000;
    --hk-dark-2:#111111;
    --hk-dark-3:#1d1d1d;

    --hk-white:#ffffff;

    --hk-text:#202020;

    --hk-border:#e9e9e9;

    /* Bordas */

    --hk-radius-sm:6px;
    --hk-radius:10px;
    --hk-radius-lg:18px;
    --hk-radius-pill:50px;

    /* Sombras */

    --hk-shadow-sm:0 3px 10px rgba(0,0,0,.08);
    --hk-shadow:0 10px 25px rgba(0,0,0,.12);
    --hk-shadow-lg:0 20px 45px rgba(0,0,0,.18);

    /* Header */

    --hk-header-height:96px;

    /* Transição */

    --hk-transition:.30s ease;

}

/* ==========================================================
   RESET
========================================================== */

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Poppins',sans-serif;

    color:var(--hk-text);

    background:#ffffff;

    overflow-x:hidden;

    padding-top:var(--hk-header-height);

}

/* ==========================================================
   TIPOGRAFIA
========================================================== */

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

    margin:0;

    font-weight:700;

    line-height:1.2;

}

p{

    margin:0;

    line-height:1.7;

}

/* ==========================================================
   ELEMENTOS
========================================================== */

img{

    display:block;

    max-width:100%;

    height:auto;

}

a{

    color:inherit;

    text-decoration:none;

    transition:var(--hk-transition);

}

button{

    font-family:inherit;

    transition:var(--hk-transition);

}

ul{

    margin:0;

    padding:0;

    list-style:none;

}

/* ==========================================================
   BOOTSTRAP OVERRIDES
========================================================== */

@media (min-width:1400px){

    .container{

        max-width:1320px;

    }

}

/* ==========================================================
   BOTÃO PADRÃO
========================================================== */

.hk-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 30px;

    border:none;

    border-radius:var(--hk-radius-pill);

    background:var(--hk-primary);

    color:var(--hk-white);

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    transition:var(--hk-transition);

}

.hk-btn:hover{

    background:var(--hk-primary-hover);

    color:var(--hk-white);

    transform:translateY(-2px);

}

/* ==========================================================
   HELPERS
========================================================== */

.text-primary{

    color:var(--hk-primary)!important;

}

.bg-primary{

    background:var(--hk-primary)!important;

}

.shadow{

    box-shadow:var(--hk-shadow);

}

.rounded{

    border-radius:var(--hk-radius);

}

/* ==========================================================
   SEÇÕES
========================================================== */

section{

    position:relative;

    width:100%;

}

/* ==========================================================
   SELEÇÃO
========================================================== */

::selection{

    background:var(--hk-primary);

    color:#ffffff;

}

/* ==========================================================
   SCROLLBAR
========================================================== */

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#f1f1f1;

}

::-webkit-scrollbar-thumb{

    background:var(--hk-primary);

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--hk-primary-hover);

}

/* ==========================================================
   RESPONSIVIDADE BASE
========================================================== */

@media (max-width:991px){

    body{

        padding-top:92px;

    }

}