@import url(https://db.onlinewebfonts.com/c/20b3ea6b129a568ccc5cdc55adf6c2bc?family=URW+Agenda+W01+Light);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root {
  --SophisticatedEmeraldGreen: #0B472F;
  --WarmCream: #FFF8EB;
  --MutedGold: #BE9B50;
  --PowderBlue: #88A9BD;
  --Terracotta: #964632;
  --SoftOliveSage: #8CA58C;
  --WarmCopper: #AF6E3C;
  --generalCream: #E9ECDB;
}

html {
	scroll-snap-type: y mandatory;
}

body {
  position: relative;
}

section {
	height: 100vh;
	scroll-snap-align: start;
	scroll-snap-stop: always;
	position: relative;
}

h1 {
	font-family: "URW Agenda W01 Light";
	text-align: center;
}

p {
	font-family: "Open Sans", sans-serif;
}

hr {
	border: 2px solid var(--MutedGold);
	border-radius: 2px;
	opacity: 1;
	width: 75%;
	/* max-width: 500px; */
	margin: 5px auto;
}

.section-button {
	border: 4px solid var(--MutedGold);
	background-color: var(--SophisticatedEmeraldGreen);
	color: var(--MutedGold);
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	corner-shape: scoop;
	padding: 1rem;
}

.section-button:hover {
	border: 4px solid var(--MutedGold);
	background-color: var(--SophisticatedEmeraldGreen);
	color: var(--MutedGold);
	font-weight: bold;
	filter: brightness(1.5);
}

.navbar-brand img {
    height: 50px;
    @media only screen and (max-width: 767px) {
      height: 30px;
    }
}

.navbar-toggler {
  border: 2px solid var(--MutedGold);
  color: var(--MutedGold);
  background-color: var(--SophisticatedEmeraldGreen);
}

.hamburgerIcon {
  color: var(--MutedGold);
}

.navbar-toggler:focus {
  box-shadow: 2px 2px #000;
}

.nav-item {
  margin-left: auto;
  padding: 3px;
  border-radius: 0.5rem;
  background-color: #00000096;
}

.nav-pills .nav-link {
  font-family: Roboto;
  font-weight: bold;
  color: var(--MutedGold);
  background-color: var(--SophisticatedEmeraldGreen); 
  padding: .5rem 1rem;
  border-radius: 0.5rem;
  border: 3px solid var(--MutedGold);
  min-width: 200px;
  text-align: center;
}

.nav-pills .nav-link.active {
  color: #fff!important;
  background-color: var(--MutedGold); 
  border: 3px solid var(--SophisticatedEmeraldGreen);
  font-weight: normal;
}

.nav-link:hover {
  filter: brightness(120%)
}

.nav-link.show {
  color: var(--MutedGold)!important;
}


.dropdown-menu {
  background: transparent;
  padding: 3px 0 0 0;
}

.dropdown-menu .dropdown-item {
  position: relative;
  right:15px;
}

.dropdown-toggle.show::after {
  color: #fff!important;
}