:root {
    --color-primary: #00796B;
    --color-highlight: #F37852;
}

.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
  }

.navbar,#toTop {
    transition: visibility 0.3s linear, opacity 0.3s linear;
    visibility: 1;
    opacity: 1;
}

.navbar.hidden,#toTop.hidden {
    visibility: hidden;
    opacity: 0;
}

.footer-top .title{
    color: var(--color-primary);
    font-size: larger;
    font-weight: bold;
}

.footer-top a {
    color: white;
    font-size: larger;
    font-stretch: expanded;

    &:hover {
        color: var(--color-highlight);
    }
}

.service-listing ul li {
    list-style-type: none;
    padding: 5px 0px;
    margin: 0;
    font-size: large;
}

.footer-top ul li {
    padding: 5px 0px;
    list-style-type: none;
    margin: 0;
}

.cta-nav-btn {
    background-color: #F37852;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    border: 2px solid #F37852;
    border-radius: 100px;
    display: inline-block;
    /* font-size: 15px; */
    padding: 4px 12px;

    &:hover {
        background-color: transparent;
        color: black;
        border: 2px solid black;
    }
}

.badge-api {
    background-color: #00000000;
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: 600;
    border: 2px solid var(--color-primary);
    border-radius: 100px;
    display: inline-block;
    /* font-size: 15px; */
    padding: 4px 12px;
    margin: 2px 0;
    /* &:hover { background-color: transparent; color: #ffffff; border: 2px solid #ffffff; } */
}