/**
 * GENERAL FONTS AND TYPOGRAPHY
 */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');

html, body {
    font-size: 17px;
    font-family: "Source Sans 3", sans-serif;
    color: #1D2020;
}

.text-small {
    font-size: 0.8rem;
}
.text-xsmall {
    font-size: 0.67rem;
}
.text-xxsmall {
    font-size: 0.5rem;
}

.text-large {
    font-size: 1.11rem;
}
.text-xlarge {
    font-size: 1.55rem;
}
.text-xxlarge {
    font-size: 1.8rem;
}

ul {
    padding-left: 1rem;
}

h1, h2 {
    font-weight: 700;
}



/**
 * NAVBAR AND PAGE HEADER
 */

.navbar-brand img {
    height: 63px;
}

.navbar .navbar-nav a.nav-link {
    color: #006666 !important;
    font-family: "Source Sans 3", sans-serif;
    font-size: 1rem;
    font-weight: normal;
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
}

@media (min-width: 992px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

div.h1banner {
    margin-bottom: 3rem;
    height: 300px;
    background-size: cover;
    display: flex;
    align-items: center;
    background-position: bottom;
}

div.h1banner img {
    position: absolute;
    height: 300px;
    object-fit: cover;
	object-position: bottom;
    width: 100%;
}

@media (max-width: 576px) {
    div.h1banner {
        height: 240px;
    }
	div.h1banner img {
        height: 240px;
    }
}

@media (min-width: 576px) {
    div.h1banner {
        height: 260px;
    }
	div.h1banner img {
        height: 260px;
    }
}

@media (min-width: 768px) {
    div.h1banner {
        height: 280px;
    }
	div.h1banner img {
        height: 280px;
    }
}

@media (min-width: 992px) {
    div.h1banner {
        height: 300px;
    }
	div.h1banner img {
        height: 300px;
    }
}

@media (min-width: 1200px) {
    div.h1banner {
        height: 350px;
    }
	div.h1banner img {
        height: 350px;
    }
}

@media (min-width: 1400px) {
    div.h1banner {
        height: 400px;
    }
	div.h1banner img {
        height: 400px;
    }
}

div.h1banner h1 {
    padding: 2rem 2rem 2rem 0;
    background-color: white;
    padding: 1rem;
    display: inline-block;
	position: relative;
}

/**
 * LINKS AND BUTTONS
 */

a:not(.btn) {
    color: #006666;
    font-weight: bold;
}

.breadcrumbs a:not(.btn) {
    font-weight: normal;
}

/*
a.btn {
    text-decoration: underline;
}
*/

.btn {
    font-weight: 700;
}

.btn.btn-primary {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
}


/**
 * COLOR CLASSES
 */

.text-white {
    color: #fff !important;
}
.bg-white {
    background-color: #fff !important;
}

.text-offblack {
    color: #1D2020 !important;
}
.bg-offblack {
    background-color: #1D2020 !important;
}

.text-teal {
    color: #066 !important;
}
.bg-teal {
    background-color: #066 !important;
}

.text-midblue {
    color: #5481A3 !important;
}
.bg-midblue {
    background-color: #5481A3 !important;
}

.text-lightblue {
    color: #D3E9F5 !important;
}
.bg-lightblue {
    background-color: #D3E9F5 !important;
}

.text-mint {
    color: #CAEBE5 !important;
}
.bg-mint {
    background-color: #CAEBE5 !important;
}
.underline-mint {
    text-decoration-color: #CAEBE5 !important;
}

.text-darkgreen {
    color: #006666 !important;
}
.bg-darkgreen {
    background-color: #006666 !important;
}

.text-lightbrown {
    color: #F2E5D1 !important;
}
.bg-lightbrown {
    background-color: #F2E5D1 !important;
}

.text-midbrown {
    color: #DBC39F !important;
}
.bg-midbrown {
    background-color: #DBC39F !important;
}

.text-darkbrown {
    color: #7F5F2F !important;
}
.bg-darkbrown {
    background-color: #7F5F2F !important;
}



/**
 * CARDS, SHADOWS, AND PICTURES
 */

.card {
    border-color: white;
}

.border-card {
    border-color: #BBCBCB!important;
}

.rounded {
    border-radius: 4px !important;
}

.shadow {
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.20) !important;
}

figure figcaption {
    font-size: 0.75rem;
    text-align: center;
    font-style: italic;
}

.card img {
	object-fit: cover;
	max-height: 100%;
	height: 100%;
}
@media screen and (max-width: 1199.98px ) {
	.card img {
		object-fit: cover;
		height: 100%;
	}
}


/**
 * CONTACT FORMS
 */

.gfield_label {
    font-size: 1rem !important;
    margin-bottom: 0 !important;
}

.gfield_label .gfield_required {
    font-size: 1rem !important;
}

.ginput_container .gform-field-label--type-sub {
    margin-bottom: 0 !important;
    font-size: 1rem;
}

body .gform_wrapper .gform_footer input[type=submit] {
    color: white !important;
    background-color: #006666 !important;
    border-color: #006666 !important;
    font-size: 1rem !important;
}

/**
 * Topo Underlay
 */

.topo-underlay img {
    position: relative;
	height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 991.98px ) {
	.topo-underlay img {
		height: 100px;
	}
}

.topo-underlay a {
    background: #006666;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 12px;
	position: absolute;
}

/**
 * Galleries
 */
 
.gallery-wide img {
	object-fit: cover;
	height: 210px;
}

@media (max-width: 1399.98px) {
	.gallery-wide img {
		height: 230px;
	}
}

@media screen and (max-width: 1199.98px ) {
	.gallery-wide img {
		height: 160px;
	}
}

#whatwedo-gallery-1 img {
	height: 220px;
}

#whatwedo-gallery-2 img {
	height: 200px;
}

#whatwedo-gallery-3 img {
	height: 280px;
}

@media (max-width: 1399.98px) {
	#whatwedo-gallery-1 img {
		height: 270px;
	}
}

@media screen and (max-width: 1199.98px ) {
	#whatwedo-gallery-1 img {
		height: 300px;
	}
}

@media (max-width: 1399.98px) {
	#whatwedo-gallery-2 img {
		height: 210px;
	}
}

@media screen and (max-width: 1199.98px ) {
	#whatwedo-gallery-2 img {
		height: 260px;
	}
}

@media (max-width: 1399.98px) {
	#whatwedo-gallery-3 img {
		height: 330px;
	}
}

@media screen and (max-width: 1199.98px ) {
	#whatwedo-gallery-3 img {
		height: 370px;
	}
}

/**
 * River Overlay
 */
div.river-overlay-images{
    position: relative;
}

.river-svg {
    position: absolute;
    padding: 0;
    top: 10%;
}
.river-svg img {
    width: 100%;
}

div.home-river-overlay-images .img-triptych{
    height: 300px;
	object-fit: cover;
}

div.about-river-overlay-images .img-triptych{
    height: 540px;
	object-fit: cover;
}

div.what-river-overlay-images .img-triptych{
    height: 500px;
	object-fit: cover;
}

@media screen and (max-width: 1399.98px ) {
    div.home-river-overlay-images .img-triptych{
		height: 330px;
    }

    div.about-river-overlay-images .img-triptych{
	    height: 610px;
    }

    div.what-river-overlay-images .img-triptych{
    }
}

@media screen and (max-width: 1199.98 ) {
    div.home-river-overlay-images .img-triptych{
		height: 400px;
    }

    div.about-river-overlay-images .img-triptych{
	    height: 750px;
    }

    div.what-river-overlay-images .img-triptych{
    }
}

@media screen and (max-width: 991.98px ) {
    div.home-river-overlay-images .img-triptych{
	    height: 320px;
    }

    div.about-river-overlay-images .img-triptych{
	    height: 320px;
    }

    div.what-river-overlay-images .img-triptych{
	    height: 320px;
    }
}

@media screen and (max-width: 767.98px ) {
    div.home-river-overlay-images .img-triptych{
	    height: 240px;
    }

    div.about-river-overlay-images .img-triptych{
	    height: 240px;
    }

    div.what-river-overlay-images .img-triptych{
	    height: 240px;
    }
}

/**
 * Who We Help
 */
.whowehelp img {
	height: 260px;
	object-fit: cover;
	object-position: bottom;
}

/**
 * Staff Images
 */
.staff-img {
    max-width: 150px;
	height: auto;
	border-radius: 50%;
}

.board-img {
    max-width: 150px;
	height: auto;
	border-radius: 50%;
}

/**
 * Special Thanks Logos
 */
.special-thanks-logos {
    display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}

@media (max-width: 575.98px) {
    .special-thanks-logos img {
        max-width: 250px;
    }
}