﻿@font-face {
    font-family: PelagicBird;
    font-display: swap;
    src: url(webfonts/PelagicBird-Bold.4c8ba655.woff) format('woff');
}

h1, h2, h3, h4, h5, h6, .b-bar-header {
    font-family: 'PelagicBird';
    letter-spacing: .052em;
    text-transform: uppercase;
}

html, body {
    font-family: Noto Sans, sans-serif;
}

.limar-index-body {
    height: auto;
}

.main-app-logo {
    content: url(../Images/limar-white.18e0225d.svg)
}

.hero {
    display: flex;
    position: relative
}

.hero--home {
    min-height: calc(100vh - 210px)
}

@media (max-width: 1199.98px) {
    .hero--home {
        min-height: calc(100vh - 150px)
    }
}

@media (max-width: 991.98px) {
    .hero--home {
        background-position: 100% 100%;
        background-size: 50% auto;
        min-height: 0
    }
}

@media (max-width: 767.98px) {
    .hero--home {
        flex-direction: column
    }
}

.hero__img {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    bottom: 0;
    height: 75%;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

@media (max-width: 767.98px) {
    .hero__img {
        height: 75vw;
        position: static
    }
}

.btn-limar {
    text-decoration : none;
    background-color: transparent;
    color: black;
    border: none;
    letter-spacing: 2.5px;
    line-height: 1;
    position: relative;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}

.btn-with-arrow {
    align-items: center;
    display: flex;
    gap: 20px;
    padding-bottom: 0;
    padding-top: 0;
}

.btn-with-arrow-after {
    align-items: center;
    border: 1px solid rgba(139, 97, 64, .2);
    border-radius: 50%;
    display: flex;
    height: 66px;
    justify-content: center;
    transition: all .2s ease-in-out;
    width: 66px;
}

/*    .btn-with-arrow:after, .icon-arrow-right:before {
        content: fa-solid fa-arrow-right;
    }*/