/* Header
--------------------------------------------- */
.lock {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.show-me {display: block !important;}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(0%);
  }

  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
  }
}

@-moz-keyframes slide-down {
  0% {
    opacity: 0;
    -moz-transform: translateY(0%);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0%);
  }
}

@-ms-keyframes slide-down {
  0% {
    opacity: 0;
    -ms-transform: translateY(0%);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0%);
  }
}

@-o-keyframes slide-down {
  0% {
    opacity: 0;
    -o-transform: translateY(0%);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0%);
  }
}

.site-branding {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
    position: fixed;
    opacity: 1;
    background: transparent;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 60px;
    z-index: 100;
    transition: 0.3s ease all;
}

.site-branding.sticky {
    background: #ffffff;
}

.site-branding .logo {
	position: absolute; 
	transition: .2s all;
	z-index: 99;
	left: 6rem;
	top: 1rem;
	margin: auto;
	width:100%;
	max-width: 120px;
	display: block;
}

.page-template-page-advocacy .logo,
.page-template-page-advocacy .site-branding.sticky .logo,
.page-template-page-policy .logo,
.page-template-page-policy .site-branding.sticky .logo,
.site-branding.sticky .logo,
.page-template-page-projects .site-branding .logo,
.single-projects .site-branding .logo,
.page-template-page-thank-you .site-branding .logo {
	filter: invert(1);
}

.top-menu {
	position: absolute; 
	display: inline-block; 
	top: 1rem;
	right: 15rem; 
	z-index: 99; 
	list-style: none;
}

.top-menu li {
	display: inline; 
	padding: 0rem 1rem; margin: auto;
}

.top-menu li:nth-child(1), 
.top-menu li:nth-child(2),
.top-menu li:nth-child(3),
.top-menu li:nth-child(5) {text-transform: uppercase;}

.top-menu li:nth-child(1) a, 
.top-menu li:nth-child(2) a, 
.top-menu li:nth-child(3) a,
.top-menu li:nth-child(4) a {
	font-weight: 300;
}

.page-template-page-thank-you .inquire-btn-link,
.inquire-btn {
	position: fixed;
	z-index: 999;
	top: 10px;
	right: 6rem;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 400; 
	font-size: var(--xs-copy);
	letter-spacing: 0.1rem;
	background: var(--black);
	padding: 0.4rem 1rem;
	text-transform: uppercase;
	text-decoration: none;
}

.inquire-btn,
.inquire-btn:visited, 
.inquire-btn:focus,
.page-template-page-thank-you .inquire-btn-link,
.page-template-page-thank-you .inquire-btn-link:visited,
.page-template-page-thank-you .inquire-btn-link:focus {color: var(--white);}

.page-template-page-thank-you .inquire-btn,
.inquire-btn-link {display: none;}

.page-template-page-thank-you .inquire-btn-link {display: block;}

.top-menu li a {
	text-decoration: none;
	font-size: var(--xs-copy);
	letter-spacing: 0.1rem;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.site-branding .top-menu li a {
	color: var(--white);
}

.site-branding.sticky .top-menu li a,
.page-template-page-advocacy .site-branding .top-menu li a,
.page-template-page-advocacy .site-branding.sticky .top-menu li a,
.page-template-page-policy .site-branding .top-menu li a,
.page-template-page-policy .site-branding.sticky .top-menu li a,
.page-template-page-projects .site-branding .top-menu li a,
.page-template-page-projects .site-branding.sticky .top-menu li a,
.single-projects .site-branding .top-menu li a,
.single-projects .site-branding.sticky .top-menu li a,
.page-template-page-thank-you .site-branding .top-menu li a,
.page-template-page-thank-you .site-branding.sticky .top-menu li a {
	color: var(--black);
}

.site-branding .menu-wrapper,
.site-branding.sticky .menu-wrapper {
  position: absolute;
  top: -12px;
  right: 4rem;
  bottom: 0;
  margin: auto;
  display: none;
  width: 30px;
  z-index: 102;
  height: auto;
  cursor: pointer;
}

.menu-underlay,
#mobile-menu {display: none;}

@media only screen and (max-width: 973px) {
	.site-branding .logo {left: 4rem;}
	.top-menu {display: none;}
	
	.inquire-btn,
	.inquire-btn-link {
		top: 17px;
		right: 9rem;
	}
	
	.site-branding .menu-wrapper,
	.site-branding.sticky .menu-wrapper {
    	display: inline-block;
	}
	
	.site-branding .hamburger-menu,
	.site-branding .hamburger-menu:before,
	.site-branding .hamburger-menu:after {
		background: var(--black);
	}

	.site-branding.sticky .hamburger-menu,
	.site-branding.sticky .hamburger-menu:before,
	.site-branding.sticky .hamburger-menu:after {
		background: var(--black);
	}
	
	.site-branding .hamburger-menu:after, 
	.site-branding.sticky .hamburger-menu:after {
    	content: "";
		position: absolute;
		left: 0;
		top: 8px;
		transition: top 0ms 0ms cubic-bezier(0.23, 1, 0.32, 1), transform 0ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	.site-branding .hamburger-menu,
	.site-branding.sticky .hamburger-menu {
		position: relative;
		transform: translateY(45px);
		transition: all 0ms 0ms;
	}
	
	.site-branding .hamburger-menu,
	.site-branding .hamburger-menu:after,
	.site-branding .hamburger-menu:before,
	.site-branding.sticky .hamburger-menu,
	.site-branding.sticky .hamburger-menu:after,
	.site-branding.sticky .hamburger-menu:before {
		width: 30px;
		height: 1px;
	}

	.site-branding .hamburger-menu:before,
	.site-branding.sticky .hamburger-menu:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 8px;
		transition: bottom 0ms 0ms cubic-bezier(0.23, 1, 0.32, 1),
		transform 0ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	
	.site-branding .hamburger-menu.animate,
	.site-branding.sticky .hamburger-menu.animate {
		background: rgba(255, 255, 255, 0);
	}

	.site-branding .hamburger-menu.animate:before,
	.site-branding.sticky .hamburger-menu.animate:before {
  		bottom: 0;
  		background: var(--black);
  		transform: rotate(-45deg);
  		transition: bottom 0ms cubic-bezier(0.23, 1, 0.32, 1),
  		transform 0ms 0ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	
	.site-branding .hamburger-menu.animate:after,
	.site-branding.sticky .hamburger-menu.animate:after {
	  	top: 0;
	  	transform: rotate(45deg);
	  	background: var(--black);
	  	transition: top 0ms cubic-bezier(0.23, 1, 0.32, 1),
	  	transform 0ms 0ms cubic-bezier(0.23, 1, 0.32, 1);
	}
	
	#mobile-menu {
		display: block;
		position: fixed;
		top: 0px;
		overflow: scroll;
		right: -10px;
		bottom: 0px;
		width: 0px;
		height: 100vh;
		background: var(--white);
		z-index: 99;
		transition: width 0.3s;
	}
	
	.menu-underlay {
		position: fixed;
		display: none;
		height: 100vh;
		width: 100%;
		bottom: 0px;
		left: 0px;
		margin: auto;
		right: 0px;
		z-index: 98;
		background: rgba(0, 0, 0, 0.8);
	}
	
	.open-menu {
		width: 50% !important;
		transition: width 0.8s !important;
	}
	
	.mobile-nav {
		padding: 8rem 0rem 0rem 0rem;
		list-style: none;
		margin-block-start: 0em;
		margin-block-end: 0em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 0px;
	}
	
	.mobile-nav li {
		padding: 0rem 2rem 2rem 2rem;	
		width: 100%;
		margin: auto;
		display: block;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: 0.1rem;
	}
	
	.mobile-nav li a, .mobile-nav li a:visited, .mobile-nav li a:focus {
		color: var(--black);
		text-decoration: none;
	}
}

@media only screen and (max-width: 600px){
	.open-menu {
		width: 80% !important;
		transition: width 0.8s !important;
	}
}

@media only screen and (max-width: 488px){
	.site-branding .logo {
		left: 1rem;
		top: 1.2rem;
		margin: auto;
		width:100%;
		max-width: 100px;
		display: block;
	}
	.inquire-btn, .inquire-btn-link {right: 5rem;}
	.site-branding .menu-wrapper, .site-branding.sticky .menu-wrapper{right: 1rem;}
}