/* ==========================================================
   ROCK YOUR TIME®
   BASE
========================================================== */

/* ----------------------------------------------------------
   RESET
---------------------------------------------------------- */

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

    box-sizing:border-box;

    margin:0;

    padding:0;

}

/* ----------------------------------------------------------
   HTML
---------------------------------------------------------- */

html{

    font-size:16px;

    scroll-behavior:smooth;

}

/* ----------------------------------------------------------
   BODY
---------------------------------------------------------- */

body{

    background:var(--ryt-background);

    color:var(--ryt-text);

    font-family:var(--ryt-font-body);

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

    line-height:1.6;

}

/* ----------------------------------------------------------
   HEADINGS
---------------------------------------------------------- */

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

    font-family:var(--ryt-font-heading);

    color:var(--ryt-primary);

    font-weight:700;

    line-height:1.2;

    margin-bottom:var(--ryt-space-md);

}

h1{

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

}

h2{

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

}

h3{

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

}

h4{

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

}

/* ----------------------------------------------------------
   TEXT
---------------------------------------------------------- */

p{

    margin-bottom:var(--ryt-space-md);

    color:var(--ryt-text-light);

}

small{

    font-size:var(--ryt-font-sm);

}

/* ----------------------------------------------------------
   LINKS
---------------------------------------------------------- */

a{

    color:var(--ryt-primary);

    text-decoration:none;

    transition:color var(--ryt-speed-fast);

}

a:hover{

    color:var(--ryt-secondary);

}

/* ----------------------------------------------------------
   LISTS
---------------------------------------------------------- */

ul,
ol{

    margin-left:24px;

    margin-bottom:var(--ryt-space-md);

}

li{

    margin-bottom:6px;

}

/* ----------------------------------------------------------
   IMAGES
---------------------------------------------------------- */

img{

    max-width:100%;

    display:block;

}

/* ----------------------------------------------------------
   TABLES
---------------------------------------------------------- */

table{

    width:100%;

    border-collapse:collapse;

}

/* ----------------------------------------------------------
   HORIZONTAL RULE
---------------------------------------------------------- */

hr{

    border:none;

    border-top:1px solid var(--ryt-border);

    margin:var(--ryt-space-xl) 0;

}

/* ----------------------------------------------------------
   UTILITIES
---------------------------------------------------------- */

.text-center{

    text-align:center;

}

.text-right{

    text-align:right;

}

.text-muted{

    color:var(--ryt-text-light);

}

.text-success{

    color:var(--ryt-success);

}

.text-warning{

    color:var(--ryt-warning);

}

.text-danger{

    color:var(--ryt-danger);

}

.w-100{

    width:100%;

}

.mb-0{

    margin-bottom:0;

}

.mt-0{

    margin-top:0;

}