:root {
		--eft-color: #ef3a24;
		--eft-50-shade-color:#781D12;
	  }
	  
	 body {
	 }

	  
	  html, body {
		margin: 0;
		padding: 0;
		height: 100%;
		font-family: "Crimson Pro", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	  }
	  
	  h1{
			font-family: "Crimson Pro", serif;
			  font-optical-sizing: auto;
			  font-weight: 700;
			  font-style: normal;
			  line-height: 1.1em;
		}
		
		h2{
			font-family: "Crimson Pro", serif;
			  font-optical-sizing: auto;
			  font-weight: 900 !important;
			  font-style: normal;
			  line-height: 1.1em;
		}
	  
	  .border-rule-white {
		  position: fixed;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  border: 1.5em solid var(--eft-color);;
		  pointer-events: none; /* Ensures it doesn’t block interactions */
		  box-sizing: border-box; /* Keeps the border inside its dimensions */
		  z-index: 1001; /* Ensures the border stays on top of all content */
		}
	.border-rule {
		position: fixed;
		top: 1.5em;
		left: 1.5em;
		right: 1.5em;
		bottom: 1.5em;
		border: .5em solid black;
		pointer-events: none; /* Ensures it doesn’t block interactions */
		box-sizing: border-box; /* Keeps the border inside its dimensions */
		z-index: 1000; /* Ensures the border stays on top of all content */
	  }
	  
	  .content-area {
		padding: 1.5em; /* Match the border-rule spacing */
		box-sizing: border-box; /* Ensure padding doesn't affect width/height */
		z-index: 1; /* Ensures content scrolls underneath the border */
	  }
	  

	
#banner {
	  position: relative; /* Keep it in normal flow */
	  width: 100%; /* Full width */
	  box-sizing: border-box; /* Include padding in size calculations */
	  display:block;
	}
	
	#background-image {
	  aspect-ratio: 1; /* Maintain a square aspect ratio */
	  background-size: cover;
	  background-position: center;
	  display:block;
	}
	
	#page-content {
	  position: relative; /* Normal flow */
	  display:block;
	}

#logo{
	z-index: 2;
}

#nav-bar{
	background-color: var(--eft-color);
	
}

a{
	color: var(--eft-color) !important;
}

#citation-content div div:last-child{
	border-bottom:none;
	border-bottom-width: 0px;
}

#citation-content a{
	color: var(--eft-50-shade-color) !important;
	text-decoration: underline;
}

#citation-content a:hover{
	color: var(--eft-color) !important;
	text-decoration: underline;
}