html {
	scroll-behavior: smooth;
}

body {
	font-family: "Inter", sans-serif !important;
	padding-top: 84px;
}

a {
	color: #0e6b4e !important;
}

a:hover {
	color: #5f6b73 !important;
}

.container {
	max-width: 1280px !important;
}
h1, h2, h3 {
	font-family: "Merriweather", serif !important;
	font-weight: 600 !important;
	color: #050708 !important;
	letter-spacing: .5px !important;
	width: 100% !important;
}
.h1-about-title {
	font-family: "Inter", sans-serif !important;
	font-weight: 400 !important;
	font-size: 1.25rem !important;
	text-transform: uppercase !important;
}
.display-1 {
	font-size: 4.5rem;
}
h2.bio-name {
	font-weight: 700 !important;
	font-size: 1.6rem !important;
	color: inherit !important;
}
h2.bio-title-large {
	font-family: "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: 1.75rem !important;
	text-transform: uppercase !important;
}
h2.portfolio-price-index {
	font-family: "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: 1rem !important;
	color: #0e6b4e !important;
}
h2.portfolio-price {
	font-family: "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: 1.7rem !important;
	color: #0e6b4e !important;
}
h3.bio-title {
	font-family: "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: 0.9rem !important;
	text-transform: uppercase !important;
}
h3.portfolio-label-index {
	font-family: "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: .8rem !important;
	text-transform: uppercase !important;
	color: #5f6b73 !important;
}
h3.portfolio-label {
	font-family: "Inter", sans-serif !important;
	font-weight: 700 !important;
	font-size: 1.5rem !important;
	line-height: 120% !important;
	text-transform: uppercase !important;
	color: #5f6b73 !important;
	margin-bottom: 5px !important;
}
h3.about-title {
	font-family: "Inter", sans-serif !important;
	font-weight: 400 !important;
	font-size: 1rem !important;
	text-transform: uppercase !important;
}
h4.portfolio-type-index {
	font-family: "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: .7rem !important;
	text-transform: uppercase !important;
	color: #5f6b73 !important;
}
h4.portfolio-type {
	font-family: "Inter", sans-serif !important;
	font-weight: 400 !important;
	font-size: 1rem !important;
	/*text-transform: uppercase !important;*/
	color: #8a959e !important;
}
.h6 {
	line-height: 100% !important;
}
.lead-large {
    font-size: 1.4rem !important;
    font-weight: 400;
}
.text-primary {
	color: #0e6b4e !important;
}
.text-secondary {
	color: #5f6b73 !important;
}
.text-dark {l
	color: #050708 !important;
}
.text-bright {
	color: #BAD29F !important;
}
.text-body-secondary {
	color: #5f6b73 !important;
}
.text-small {
	font-size: 0.8rem;
}
.nav-link {
	color: #5f6b73 !important;
}
.nav-link:hover {
	color: #093427 !important;
}

.btn.active {
    background-color: #093427 !important;
    border-color: #093427 !important;
	color: #fff !important;
}
.btn.show {
    background-color: #093427 !important;
    border-color: #093427 !important;
	color: #fff !important;
}
.btn-xsmall {
	padding: 0.2rem 0.5rem;
    font-size: .7rem;
    border-radius: 0.375rem;
}
.btn-primary {
	background-color: #0e6b4e !important;
	border-color: #0e6b4e !important;
}
.btn-primary:hover {
	background-color: #093427 !important;
	border-color: #093427 !important;
}
.btn-outline-primary {
	color: #0e6b4e !important;
	border-color: #0e6b4e !important;
}
.btn-outline-primary:hover {
	color: #fff !important;
	background-color: #093427 !important;
	border-color: #093427 !important;
}
.btn-outline-secondary {
	color: #fff !important;
	border-color: #fff !important;
}
.btn-outline-secondary:hover {
	color: #093427 !important;
	background-color: #BAD29F !important;
	border-color: #BAD29F !important;
}
.btn-outline-gray {
	color: #5f6b73 !important;
	border-color: #5f6b73 !important;
}
.btn-outline-gray:hover {
	color: #fff !important;
	background-color: #093427 !important;
	border-color: #093427 !important;
}
.btn-smooth-scroll {
	scroll-behavior: smooth;
}
.stats-bar {
	background-color: #093427 !important;
}
.border-bottom-primary {
    border-bottom: var(--bs-border-width) var(--bs-border-style) #0e6b4e !important;
}
.border-bottom-dark {
    border-bottom: var(--bs-border-width) var(--bs-border-style) #5f6b73 !important;
}
.bg-dark {
	background-color: #093427 !important;
}
.flickity-button-white .flickity-prev-next-button {
    color: #0e6b4e !important;
}
.marquee-portfolio-logo {
	width: 250px;
	filter: grayscale(100%) opacity(60%);
}
.marquee-portfolio-logo:hover {
	filter: grayscale(0%) opacity(100%);
}
.badge {
	background-color: #0e6b4e !important;
	color: #CCF5AC !important;
	padding: 0.4rem 0.75rem 0.25rem 0.75rem !important;
}
.list-social-icon {
	color: #0e6b4e;
}
.footer-nav .nav-link {
	font-weight: 600 !important;
}
.legal-link {
	color: #5f6b73 !important;
}
.legal-link:hover {
	color: #093427 !important;
}
.link-back {
	font-size: 0.9rem !important;
	latter-spacing: 1px !important;
	text-decoration: none !important;
}
.link-back:hover {
	color: #093427 !important;
}
a.bio-block {
	color: #0E6B4E !important;
	background-color: #D1DCD7 !important;
	border-bottom: 5px solid #0E6B4E !important;
}
a.bio-block:hover {
	color: #fff !important;
	background-color: #0e6b4e !important;
	border-bottom: 5px solid #D1DCD7 !important;
	text-decoration: none !important;
}
.people-bar {
	border-bottom: 15px solid #0e6b4e;
}
.people-bio-block p {
	color: #5f6b73 !important;
}
.portfolio-box {
	background: #fff !important;
	border-radius: 8px;
	/*border: 1px solid #f1f4f8 !important;*/
}
.img-portfolio-sm {
	width: 250px !important;
}
.img-portfolio {
	width: 350px !important;
}
.company-details {
	border-left: 1px solid #f1f4f8 !important;
}
.company-desc {
	border-top: 1px solid #f1f4f8 !important;
	border-bottom: 1px solid #f1f4f8 !important;
}
.portfolio-item-header {
	font-family: "Inter", sans-serif !important;
	font-weight: 400 !important;
	font-size: .8rem !important;
	color: #8a959e !important;
	line-height: 110% !important;
}
.portfolio-item {
	font-family: "Inter", sans-serif !important;
	font-weight: 600 !important;
	font-size: .8rem !important;
	color: #5f6b73 !important;
	line-height: 110% !important;
}
.btn-portfolio {
	font-weight: 400 !important;
	font-size: .8rem !important;
	color: #5f6b73 !important;
	border: 1px #5f6b73 solid !important;
	padding: 0.5rem !important;
}
.dropdown-item {
    color: #0e6b4e !important;
}
.dropdown-item:hover {
    color: #093427 !important;
}
blockquote {
	color: #0e6b4e !important;
	font-size: 1.25rem !important;
	font-weight: 500 !important;
	font-style: italic !important;
	text-transform: uppercase;
	padding: 30px 40px 24px 40px !important;
	margin: 40px 0 !important;
	border-top: 5px solid #f1f4f8 !important;
	border-bottom: 5px solid #f1f4f8 !important;
}
.bg-people-green-gray {
		background-image: -webkit-linear-gradient(top, white 15%, #D1DCD7 15%, #D1DCD7 100%);
	}
	
.bg-people-green-gray-fullpage {
		background-image: -webkit-linear-gradient(top, white 30%, #D1DCD7 30%, #D1DCD7 100%);
	}	

/* MODAL SLIDEOUT */
.modal-dialog {
  z-index: 9999 !important;
}
.modal-dialog-slideout {
  max-width: 80%;
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;
}
.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(100%, 0)scale(1);
  transform: translate(100%, 0)scale(1);
}
.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-dialog-slideout .modal-content {
  border: 0;
}
.modal-dialog-slideout .modal-header,
.modal-dialog-slideout .modal-footer {
  /*height: 4rem;*/
  display: block;
}
.modal-backdrop {
    z-index: 999 !important;
}
.img-headshot {
	margin-top: 30px !important;
	width: 80% !important;
}

@media only screen and (min-width: 1100px) {
	.block-why-crg {
		height: 215px;
	}
}

@media only screen and (max-width: 1100px) {
	.block-logo-slider-right-to-left, .block-logo-slider-left-to-right {
		display: none !important;
	}
	div.hide-tablet-mobile {
		display: none !important;
	}
	.nav-link-footer {
		margin-top: 10px !important;
	}
	.modal-dialog-slideout {
	  max-width: 90%;
	}
	.bg-people-green-gray {
		background-image: -webkit-linear-gradient(top, white 18%, #D1DCD7 18%, #D1DCD7 100%);
	}
}

@media only screen and (max-width: 992px) {
	.display-1 {
		font-size: 3.75rem !important;
	}
	.nav-link {
		font-size: 1.5rem !important;
		width: 100% !important;
		text-align: center !important;
	}
	.navbar-btn {
		padding: 1.4rem !important;
		border-radius: 0 !important;
	}
	.navbar-btn {
		font-size: 1.5rem !important;
		border-top: 1px solid #f1f4f8 !important;
		border-left-width: 0px !important;
		border-right-width: 0px !important;
	}
	.bg-people-green-gray {
		background-image: -webkit-linear-gradient(top, #D1DCD7 18%, #D1DCD7 18%, #D1DCD7 100%);
	}
	.img-headshot {
		margin-top: 0px !important;
		width: 70% !important;
	}
	.company-details {
		border-left: 1px solid #fff !important;
	}
}

@media only screen and (max-width: 768px) {
	.display-1 {
		font-size: 3.35rem !important;
	}
	.btn {
		width: 100% !important;
	}
	.h3-about-home {
		font-size: 2rem !important;
	}
	h2.bio-name {
	font-size: 2rem !important;
	}
	h3.bio-title {
		font-size: 1.25rem !important;
	}
	.nav-about {
		display: none;
	}
	.btn-group {
	  display: block;
	}
	.btn-group .btn {
	  display: block;
	  float: none;
	  width: 100%;
	}
	.btn-modal-close {
		width: 100px !important;
	}
	.modal-dialog-slideout {
	  max-width: 95%;
	}
	.img-headshot {
		margin-top: 0px !important;
		width: 100% !important;
	}
}