/* ==========================================================
   RISING SONS AFRICA
   RESET
========================================================== */

/* ==========================================================
   BOX MODEL
========================================================== */

*,
*::before,
*::after{

    margin: 0;
    padding: 0;

    box-sizing: border-box;

}


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

html{

    scroll-behavior: smooth;

    font-size: 16px;

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

}


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

body{

    min-height: 100vh;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}


/* ==========================================================
   MEDIA
========================================================== */

img,
picture,
svg,
video,
canvas{

    display: block;

    max-width: 100%;

}


/* ==========================================================
   FORMS
========================================================== */

input,
button,
textarea,
select{

    font: inherit;

    border: none;

    outline: none;

    background: transparent;

}


textarea{

    resize: vertical;

}


/* ==========================================================
   BUTTONS
========================================================== */

button{

    cursor: pointer;

}


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

a{

    text-decoration: none;

    color: inherit;

}


/* ==========================================================
   LISTS
========================================================== */

ul,
ol{

    list-style: none;

}


/* ==========================================================
   TABLES
========================================================== */

table{

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

}


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

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

    font-weight: inherit;

}


/* ==========================================================
   PARAGRAPHS
========================================================== */

p{

    margin: 0;

}


/* ==========================================================
   FIELDSETS
========================================================== */

fieldset{

    border: none;

}


/* ==========================================================
   IFRAME
========================================================== */

iframe{

    border: 0;

}


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

hr{

    border: none;

}


/* ==========================================================
   SELECTION
========================================================== */

::selection{

    background: var(--primary);

    color: var(--white);

}


/* ==========================================================
   FOCUS
========================================================== */

:focus{

    outline: none;

}


:focus-visible{

    outline: 3px solid var(--primary-light);

    outline-offset: 3px;

}


/* ==========================================================
   DISABLED
========================================================== */

:disabled{

    cursor: not-allowed;

    opacity: .6;

}


/* ==========================================================
   HIDDEN
========================================================== */

[hidden]{

    display: none !important;

}