:root {
    --primary-color: #0b4baa;
    --primary-color-darker: #094297;
    --primary-color-darkest: #062a5f;
    --primary-label-green: #54d51a;
    --success-color: #198754;
    --success-color-darker: #156b43;
    --warning-color: #FD7E14;
    --dark-color: #343A40;
    --darker-color: #212529;
    --gray-color: #6C757D;
    --light-gray: #ececec;
    --classic-white: #ffffff;
    --business-blue: linear-gradient(45deg, #0b4baa, var(--primary-color-darkest));
}

/* NAVBAR */

#main-nav {
    background: var(--business-blue);
    color: var(--light-gray);
}

/* .navbar-brand {
    color: var(--light-gray);
    font-weight: 700;
    font-size: 1.5rem;
    transition: 0.3s;
}

.navbar-brand:hover {
    color: var(--warning-color);
    font-weight: 700;
    font-size: 1.51rem;
    transition: 0.3s;
} */

@keyframes floatY{
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-3px); }
}

#img-logo-iter {
    outline: solid 2px var(--light-gray);
    border-radius: 2px;
    max-width: 80px;
    max-height: 80px;
    transition: ease-in-out 0.3s;
}

#img-logo-iter:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
}

#nav-free-consult{
    outline: ridge 2px var(--light-gray);
    background-color: var(--primary-color);
    transition: transform 0.2s ease-in-out;
    animation: floatY 1.5s ease-in-out infinite;
    color: var(--light-gray);
}

#nav-free-consult:hover {
    outline: ridge 5px var(--light-gray);
    transform: scale(1.01);
    color: var(--light-gray);
    background-color: var(--primary-color-darker);
    animation: none;
}

.nav-link {
    color: var(--light-gray);
}

.nav-link:hover {
    outline: solid 3px var(--light-gray);
    border-radius: 8px;
    color: var(--classic-white);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.918)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

#main-nav .navbar-toggler {
    border: 1px solid var(--light-gray);
    color: var(--light-gray);
}

/* END NAVBAR */

/* FOOTER */
footer {
    color: var(--light-gray);
    background-color: var(--primary-color-darkest);
}

footer a {
    color: var(--light-gray);
}

footer a:hover {
    outline: solid 3px var(--light-gray);
    outline-offset: 2px;
    border-radius: 8px;
    color: var(--classic-white);
}
/* END FOOTER */