/* ==========================================================
   PORTAL DAS JORNADAS CIENTÍFICAS
   Universidade Jean Piaget de Angola
   Ficheiro: reset.css
   ========================================================== */

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

*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* ===========================
   HTML
=========================== */

html{

    font-size:16px;

    scroll-behavior:smooth;

    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;

}

/* ===========================
   BODY
=========================== */

body{

    font-family:var(--font-primary);

    font-size:var(--fs-md);

    font-weight:var(--fw-normal);

    line-height:1.7;

    color:var(--text);

    background:var(--background);

    overflow-x:hidden;

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

}

/* ===========================
   LINKS
=========================== */

a{

    text-decoration:none;

    color:inherit;

    transition:var(--transition);

}

a:hover{

    text-decoration:none;

}

/* ===========================
   LISTAS
=========================== */

ul,
ol{

    list-style:none;

}

/* ===========================
   IMAGENS
=========================== */

img{

    max-width:100%;

    display:block;

    height:auto;

    border:none;

}

/* ===========================
   TABELAS
=========================== */

table{

    width:100%;

    border-collapse:collapse;

    border-spacing:0;

}

/* ===========================
   BOTÕES
=========================== */

button{

    border:none;

    outline:none;

    background:none;

    cursor:pointer;

    font-family:inherit;

}

button:focus{

    outline:none;

}

/* ===========================
   FORMULÁRIOS
=========================== */

input,
textarea,
select{

    font-family:inherit;

    font-size:inherit;

    outline:none;

}

textarea{

    resize:vertical;

}

input:focus,
textarea:focus,
select:focus{

    outline:none;

}

/* ===========================
   TÍTULOS
=========================== */

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

    font-family:var(--font-title);

    font-weight:700;

    color:var(--primary);

    line-height:1.3;

}

h1{

    font-size:var(--fs-4xl);

}

h2{

    font-size:var(--fs-3xl);

}

h3{

    font-size:var(--fs-2xl);

}

h4{

    font-size:var(--fs-xl);

}

h5{

    font-size:var(--fs-lg);

}

h6{

    font-size:var(--fs-md);

}

/* ===========================
   PARÁGRAFOS
=========================== */

p{

    margin-bottom:1rem;

    color:var(--text-light);

}

/* ===========================
   HR
=========================== */

hr{

    border:none;

    height:1px;

    background:var(--border);

    margin:2rem 0;

}

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

::selection{

    background:var(--gold);

    color:#fff;

}

::-moz-selection{

    background:var(--gold);

    color:#fff;

}

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

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#ECECEC;

}

::-webkit-scrollbar-thumb{

    background:var(--gold);

    border-radius:50px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--gold-dark);

}

/* ===========================
   CONTAINER
=========================== */

.container{

    width:100%;

    max-width:var(--container);

    margin:auto;

    padding-left:20px;

    padding-right:20px;

}

/* ===========================
   SECÇÕES
=========================== */

section{

    position:relative;

    padding:100px 0;

}

/* ===========================
   UTILITÁRIOS
=========================== */

.text-center{

    text-align:center;

}

.text-left{

    text-align:left;

}

.text-right{

    text-align:right;

}

.d-flex{

    display:flex;

}

.flex-column{

    flex-direction:column;

}

.justify-center{

    justify-content:center;

}

.justify-between{

    justify-content:space-between;

}

.align-center{

    align-items:center;

}

.w-100{

    width:100%;

}

.h-100{

    height:100%;

}

.overflow-hidden{

    overflow:hidden;

}

.rounded{

    border-radius:var(--radius);

}

.shadow{

    box-shadow:var(--shadow);

}