/*
Theme Name: O8Partners
Theme URI: http://o8partners.com.br/
Author: Alisson Carneiro
Author URI: http://comitt.com/
Description: Tema personalizado para o site O8Partners
Version: 1.0
*/

/* Reset and Box-Sizing */
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    font-family: "Gilroy", sans-serif;
}

html,
body {
    position: relative;
    z-index: 0;
}

/* Body and Root */
body {
    line-height: 1.3;
    scroll-behavior: smooth;
    margin: auto 0;
    padding: 0;
}

/* Estiliza a barra de rolagem inteira */
::-webkit-scrollbar {
    width: 8px;
    /* Largura da barra vertical */
    height: 8px;
    /* Altura da barra horizontal */
}

/* Fundo da barra de rolagem */
::-webkit-scrollbar-track {
    background: transparent;
    width: 8px;
}

/* Cor do polegar (thumb) da barra de rolagem */
::-webkit-scrollbar-thumb {
    background: var(--darker-grey);
    border-radius: 4px;
}

/* Cor do thumb ao passar o mouse */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}





:root {
    --shadow-bottom: 0 0 10px 0 rgba(0, 0, 0, 0.35);
    --font-bold: 700;
    --font-semi-bold: 600;
    --font-medium: 500;
    --font-regular: 400;
    --font-light: 300;

    --font-sm: 0.6rem;
    --font-md: 0.9rem;
    --font-lg: 1.2rem;
    --font-xl: 1.8rem;
    --font-xxl: 2.4rem;

    --header-bg: #eeeeee;
    --light-grey: var(--header-bg);
    --grey: #e0e0e0;
    --darker-grey: #dcdcdc;
    --dark: #808080;
    --bottom-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);

    --container-max-width: 1140px;
    --content-width: min(100%, var(--container-max-width, 1140px));
    --padding-top-header: 124px;
    --header-height: 124px;

    @media (min-width: 768px) {
        --font-sm: 0.9rem;
        --font-md: 1.11rem;
        --font-lg: 1.8rem;
        --font-xl: 3rem;
        --font-xxl: 3.9rem;
    }

    @keyframes slideIn {
        0% {
            /* transform: translateX(-100%); */
            transform: translateX(-30%);
        }

        100% {
            /* transform: translateX(0); */
            transform: translateX(0);
        }
    }

    @keyframes slideLeftIn {
        0% {
            transform: translateX(-100%);
        }

        100% {
            transform: translateX(0);
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

h1 {
    font-size: var(--font-xxl);
    font-weight: 500;
    text-transform: uppercase;
}

h2 {
    font-size: var(--font-xl);
    font-weight: 500;
    text-transform: uppercase;
}

h3 {
    font-size: var(--font-lg);
    font-weight: 500;
    text-transform: uppercase;
}

p,
li,
span {
    font-size: var(--font-md);
    font-weight: 300;
}

a {
    text-transform: uppercase;
    font-size: var(--font-sm);
    text-decoration: none;
}

*,
a {
    color: #0e0e0e;
}

a:hover {
    color: var(--link-hover-color);
}


/* Media Defaults */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/* Form Elements */
input,
button,
textarea,
select {
    font: inherit;
}

/* List Items */
li {
    list-style: none;
}

/* Mobile and Desktop Visibility */
.mobile {
    display: none;
}

@media (max-width: 768px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }
}