/*-------------------------
    Reset Styels
-------------------------*/
a {
    color: var(--color-black);
    display: inline-block;
    text-decoration: none;
    transition: var(--transition);
}
span {
    display: inline-block;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

ul.list-style, 
ol.list-style {
    margin: -10px 0;
    li {
        margin: 10px 0;
        &::marker {
            color: var(--color-primary);
        }
    }
}


ul, ol {
    margin-bottom: 30px;
    padding-left: 18px; 
    li {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0;
}
ol ul {
    list-style: disc;
}

ul ul {
    list-style-type: disc;
}
ul ul ul {
    list-style-type: disc;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    li {
        margin-top: 0;
        margin-bottom: 0;
    }
}

table {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 15px;
    td, th {
        border: 1px solid #E6E6E6;
        padding: 9px 15px;
        color: var(--color-body);
        font-weight: 400;
        @media #{$large-mobile} {
            padding: 9px 10px;
        }
        a {
            color: var(--color-body);
            &:hover {
                color: var(--color-primary);
            }
        }
    }
    th {
        font-weight: 500;
    }
}

code {
    color: var(--color-body);
    font-family: "Courier 10 Pitch", Courier, monospace;
}

ins {
    background: rgba(112, 47, 255, 0.4);
    color: var(--color-white);
    padding: 0 5px;
    text-decoration: none;
}
kbd {
    background: #3858f6;
    font-family: "Courier 10 Pitch", Courier, monospace;
}
tt, var {
    font-size: 22px;
    color: var(--color-black);
    font-family: "Courier 10 Pitch", Courier, monospace;
}

dl {
    margin: 20px 0;
    dt {
        font-weight: 700;
        font-size: 18px;
        color: var(--color-black);
        margin-bottom: 10px;
    }
    dd {
        margin: 0 15px 15px;
        font-size: 18px;
    }
}


// Grid
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .container {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    >[class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    &.g-0 {
        margin-left: 0;
        margin-right: 0;
        >[class*="col"] {
            padding-left: 0;
            padding-right: 0;
        }
    }
}

@media only screen and (min-width: 1400px) {
    .row-35 {
        margin-left: -35px;
        margin-right: -35px;
        >[class*="col"] {
            padding-left: 35px;
            padding-right: 35px;
        }
    }
    .row-40 {
        margin-left: -40px;
        margin-right: -40px;
        >[class*="col"] {
            padding-left: 40px;
            padding-right: 40px;
        }
    }
    .row-45 {
        margin-left: -45px;
        margin-right: -45px;
        >[class*="col"] {
            padding-left: 45px;
            padding-right: 45px;
        }
    }
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
    .row-40 {
        margin-left: -20px;
        margin-right: -20px;
        >[class*="col"] {
            padding-left: 20px;
            padding-right: 20px;
        }
    }
}