/** General **/
@font-face {
    font-family: 'hindbold';
    src: url('../fonts/hind-bold-webfont.woff2') format('woff2'),
        url('../fonts/hind-bold-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}

@font-face {
    font-family: 'hindlight';
    src: url('../fonts/hind-light-webfont.woff2') format('woff2'),
        url('../fonts/hind-light-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: normal;

}

@font-face {
    font-family: 'hindregular';
    src: url('../fonts/hind-regular-webfont.woff2') format('woff2'),
        url('../fonts/hind-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hindsemibold';
    src: url('../fonts/hind-semibold-webfont.woff2') format('woff2'),
        url('../fonts/hind-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

:root {
    --color-primary: #183C80;
    --color-secundary: #0071BB;
    --color-text: #525254;
    --color-link: white;
    --color-gray: #F9F9F9;
    --font-default: 1rem;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'hindregular', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: calc(var(--font-default) + 0.5vw);
    color: var(--color-text);
}

address {
    font-style: normal;
}

.font-bold {
    font-family: 'hindbold', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.font-semibold {
    font-family: 'hindsemibold', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.bg-blue {
    background-color: var(--color-primary);
}

.title.default {
    color: var(--color-primary);
    font-size: calc(var(--font-default) * 3);
}

.main {
    margin-top: 3rem;
}

/** Header **/
.header .navbar {
    min-height: 100px;
    background-color: var(--color-primary);
}

.header .navbar .logo img {
    max-height: 53px;
}

.header .navbar a.navbar-burger {
    color: white;
}

.header .navbar a.navbar-item,
.header .navbar a.navbar-link {
    color: var(--color-link);
    font-size: 20px;
}

.header .navbar a.navbar-item:hover,
.header .navbar a.navbar-link:hover {
    background-color: transparent;
}

.header .navbar .navbar-link:not(.is-arrowless):after {
    border-color: var(--color-link);
}

.header .navbar-menu .has-dropdown .navbar-dropdown {
    border-top: none;
}

.header .navbar-menu .has-dropdown .navbar-dropdown,
.header .navbar-menu .has-dropdown .navbar-dropdown div.navbar-item.has-dropdown,
.header .navbar-menu .has-dropdown .navbar-dropdown a.navbar-item:not(.is-active, .is-selected) {
    background-color: var(--color-primary);
}

.navbar-item.has-dropdown.is-subitem .navbar-link {
    padding-left: 0;
}

.navbar-item.has-dropdown.is-subitem .navbar-dropdown {
    display: none;
}

.navbar-item.has-dropdown.is-subitem.is-hoverable:hover .navbar-dropdown {
    display: block;
}

.header .navbar-menu .has-dropdown .navbar-dropdown a.navbar-item:hover,
.header .navbar-menu .has-dropdown.is-subitem .navbar-dropdown a.navbar-item:hover {
    background-color: var(--color-secundary);
}

.hero.banner {
    background-repeat: no-repeat;
    background-position: center;
    background-clip: content-box;
    background-size: cover;
    min-height: 797px;
}

.banner .hero-body {
    padding-bottom: 8rem;
}

.banner .hero-body .title {
    font-size: calc(var(--font-default) * 4);
}

#team {
    background-color: var(--color-primary);
}

#team h2.title {
    color: white;
    font-size: 48px;
}

/* Carousel */
.splide {
    margin: 0 auto;
}

.splide__arrows .splide__arrow {
    color: white;
}

.splide__arrows .splide__arrow.splide__arrow--prev,
.splide__arrows .splide__arrow.splide__arrow--next {
    position: absolute;
    top: 10rem;
}

.splide__arrows .splide__arrow.splide__arrow--prev {
    left: -5rem;
}

.splide__arrows .splide__arrow.splide__arrow--next {
    right: -5rem;
}

.splide__pagination {
    margin-top: 1rem;
}

.splide__pagination .splide__pagination__page {
    background-color: white;
    border-radius: 50px;
    width: 14px;
    height: 14px;
    margin-right: .5rem;
}

.splide__pagination .splide__pagination__page.is-active {
    background-color: #BDBDBD;
}

.splide__slide .card .title {
    font-size: 1.1rem;
    color: var(--color-primary);
}

.splide__slide .card,
.splide__slide .card .card-image:first-child img {
    border-radius: 0;
}


.splide__slide .card .title a {
    color: var(--color-primary);
}

.splide__slide .card .subtitle {
    font-size: 1.1rem;
    color: var(--color-text);
}

.tooltip .tooltiptext {
    font-size: 16px;
    visibility: hidden;
    width: 120px;
    background-color: var(--color-primary);
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--color-primary) transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Home */
#banner-home {
    background-image: url('../images/header.png');
}

#message-home .subtitle {
    font-size: 36px;
}

#about-us {
    padding-top: 6rem;
    padding-bottom: 6rem;
    overflow: hidden;
}

#expertise {
    background: var(--color-gray);
}

#expertise .worldmap {
    background: url('../images/worldmap.png') no-repeat center;
    background-clip: border-box;
    background-size: contain;
    min-height: 720px;
}

.pin-us {
    text-decoration: none;
    position: absolute;
    left: 26vw;
    top: 16vh;
}

.pin-ch {
    text-decoration: none;
    position: absolute;
    right: 10vw;
    top: 14vh;
}

.pin-br {
    text-decoration: none;
    position: absolute;
    left: 31vw;
    bottom: 12vh;
}

.pin-map {
    color: var(--color-primary);
    font-size: calc(var(--font-default) + 1.7vw);
}

.pin-map:hover {
    color: var(--color-secundary);
}

#contact-us {
    padding-top: 6rem;
    padding-bottom: 6rem;
    overflow: hidden;
}

#contact-us address,
#contact-us address .subtitle {
    font-size: 32px;
}

#contact-us address a {
    color: var(--color-text);
}

/** Advisory **/
#banner-advisory {
    background-image: url('../images/image-header-advisory.png');
}

#our-approach {
    padding-bottom: 6rem;
    background-color: var(--color-gray);
}

/** Hedge Fund **/
#banner-hedge-fund {
    background-image: url('../images/image-header-hedge-fund.png');
}

/** Real Estate **/
#banner-real-estate {
    background-image: url('../images/image-header-real-estate.png');
}

.fluxo-galapagos {
    background: url('../images/fluxo-galapagos.png') no-repeat center;
}

/** Footer */
.footer {
    background-color: #231F20;
}

.footer,
.footer a,
.footer p,
.footer h4 {
    color: var(--color-link);
    font-size: 20px;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .pin-us {
        text-decoration: none;
        position: absolute;
        left: 45vw;
        top: 25vh;
    }

    .pin-ch {
        text-decoration: none;
        position: absolute;
        right: 17vw;
        top: 22vh;
    }

    .pin-br {
        text-decoration: none;
        position: absolute;
        left: 54vw;
        bottom: 20vh;
    }
}

@media screen and (min-width: 1024px) {
    .columns.timeline {
        background: url('../images/bg-approach-timeline.png') no-repeat center;
        margin-top: 5rem;
    }

    .timeline .item:nth-child(odd) {
        bottom: 50px;
    }

    .timeline .item:nth-child(even) {
        top: 60px;
    }

    .timeline .item:first-child {
        left: 40px;
    }
}

@media screen and (max-width: 1023px) {
    body {
        font-size: 20px;
    }

    .header .navbar {
        min-height: inherit;
    }

    .header .navbar .navbar-menu {
        background-color: var(--color-primary);
    }

    .main {
        margin-top: 1rem;
    }

    .banner .hero-body {
        padding: var(--bulma-hero-body-padding);
    }

    .banner .hero-body .title {
        font-size: calc(var(--font-default) * 3);
    }

    .hero.banner {
        min-height: 390px;
    }

    .splide__arrows .splide__arrow.splide__arrow--prev,
    .splide__arrows .splide__arrow.splide__arrow--next {
        font-size: calc(var(--font-default) * 2);
    }

    .splide__arrows .splide__arrow.splide__arrow--prev {
        left: -3rem;
    }

    .splide__arrows .splide__arrow.splide__arrow--next {
        right: -3rem;
    }

    .footer p {
        font-size: 16px;
    }

    /** Home **/
    #message-home .subtitle {
        font-size: 25px;
    }

    #expertise .worldmap {
        min-height: 260px;
    }

    #contact-us address,
    #contact-us address .subtitle {
        font-size: 26px;
    }

    .pin-us {
        left: 6rem;
        top: 16rem;
    }

    .pin-br {
        left: 9.5rem;
        top: 21.5rem;
    }

    .pin-ch {
        right: 5rem;
        top: 15rem;
    }

    /** Advisory **/
    .columns.timeline {
        background: none;
    }

    .timeline .item .title {
        color: var(--color-primary);
    }

    .fluxo-galapagos {
        background: none;
    }

}