/* ====================================
   ABOUT PAGE SPECIFIC STYLES
   ==================================== */

.hover-btn:hover img{
	content: url(https://uploads-ssl.webflow.com/64b68ca245c2ac61522605c9/6579aa1d694f43158583e981_black-arrow.svg);
}

/* Transparent navbar overlay on hero */
.navbar-no-shadow {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 50%, transparent 100%) !important;
    background-color: transparent !important;
}

.navbar-no-shadow-container-2,
.navbar-wrapper-2,
div.navbar-no-shadow,
.w-nav {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* White text for navbar on dark gradient */
.nav-link-2 {
    color: #fff !important;
}

.nav-link-2:hover {
    color: #fff !important;
}

.nav-link-2.w--current {
    color: #fff !important;
}

/* Hero section styles */
.section-24 {
    padding-top: 0 !important;
    background-image: url('../images/about-hero.png') !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* Add padding to hero content to account for navbar */
.div-block-83 {
    padding-top: 140px !important;
}

/* Round corners on section images */
.image-21 {
    border-radius: 20px !important;
}