@media (max-width:600px) 
 {
	* {
		float:none !important;
		max-width:100% !important;
	}
		
	
	body {
	 min-height:100%; /*for mobile with full bg image*/
	 max-width:100% !important;}

	div.minornav {display:none !important;}
	
	div.nav-container {
		clear:both;
		max-width: 150%;
	}
			
	body#home div.links1 {display:none;}

	div#textarea {
		padding:.5em 0;
		}

	img#banner {
		 max-width:100%;
		 text-align:center;
		 }
		 				 
	body#sites #column, #column {
		 border:0 !important;
		 width:99% !important;
		 margin:0 !important;
		 padding:0 !important;
		}

	body#sites #column div,
	body#sites #column p 
		 {width:99% !important;}

	body#sites #column a.fab, 
	body#sites #column a.fas {
		font-size:2.53em;
		}
		
		

	/*body#sites span.site-staff,*/
	body#sites div#column img {		 
	   display:none;}
			 
	.multi-column { 	  
		column-count: 1 !important;
		 }

	.left {margin:0em 0em 1em 0 !important;}
	.right {margin:0em 0 1em 0em !important;}
	
	div.card-container {grid-template-columns: 1fr !important; }
	div.two-card-container {grid-template-columns: 1fr !important; }
	div.four-card-container {grid-template-columns: 1fr !important;}

	.gray-card {
        flex: 1 1 calc(100% - 20px); /* 1 column on small screens */
    }
					
								
	/*----------------Mobile Grid Blocks--------------------*/
				div.grid2, div.grid3 {
					display:grid;
					grid-template-columns:auto;
					grid-template-rows:auto;
				}

				div.grid2 div:first-child, div.grid3 div:first-child {
					grid-column:1 / 2;
					grid-row:1 / 3;
				 }

				div.grid2 div:nth-child(2), div.grid3 div:nth-child(2), div.grid3 div:nth-child(3) {
					grid-column:1 / 2;
					grid-row:1 / 3;
				}



	div#footer {
		padding:.8em !important;
	}
				
	div#footer > div {flex: 100% !important;}
				
	div#resdesc p {margin-top:-45px;} /*edu resources pg*/
			
	div.tribe-events-single-event-description.tribe-events-content p img.size-full {
		width: 560px !important;
		height:auto !important;
		}
			
	div.tribe-events-single-event-description.tribe-events-content p img {
		width: 560px !important;
		height:auto !important;
		}

		/*--body#home div#textarea {padding-left:1.5em !important;}		Removed 10-10-22 --*/
				 
} 
/*--end max 600--*/

/*
@media (min-width: 600x) 
{
	div.card-container {grid-template-columns: repeat(2, 1fr); }
	div.two-card-container {grid-template-columns: repeat(2, 1fr); }
	div.four-card-container {grid-template-columns: repeat(2, 1fr);}
}
*/

@media (max-width:855.99px) 
{
	
  a#logo-link {
	display:inline-block;
	height:120px;
	width:400px;
	background: url(https://www.okhistory.org/images/ohs-logo-header-h.jpg) no-repeat;
	background-size: contain;
	margin:.5em .5em -2em .1em;
	}
	

	div.sitesearch {
	 float:none !important; 
	 position: absolute !important; 
	 margin: 0 1rem 1rem 1.5rem;
	 top:5.5rem;
	 width:auto !important;
	}
	
	div.minornav {
	display:none;
	}
  

	/*--Global Nav max 855--*/
	div.nav-container div#global {display:none; }
	div.nav-container {
		background:#E4E1E5;
		clear:both;
		min-height:3em;
		margin-top:2em !important;
}
										
	div.nav-container button.sectionlink {/*nav top level links*/
		display: block;
		transition: 0.4s;
	} 
			
	div.nav-container a.menuicon {/* Mobile menu label*/
		display: block;
		color: #000;
		padding:.8em 0 .5em 1em;
		transition: 0.4s;
	} 
	
	div.nav-container a.menuicon i.fa {font-size:.9em;}

				
	div#mobile-global div.panel div.panel-section  {
		max-width: 800px; 
		float:none;
		padding-right: 1.5em;
	}
			 
	div#mobile-global div.panel a.panel-title::after  {
		content: " Overview";
	}
								
	div#mobile-global div.panel div.panel-section span.panel-subtitle  {
		display:inline-block;
		width:100%;
		font-size:.9em;
		color:#777;
		padding-left:.5em;
		text-transform: uppercase !important;
		margin: 1em .2em .5em .5em;
	}		
					
	div#mobile-global div.panel a  {
		padding: .7em .7em .7em 3.25em !important;
	}
					
	div#mobile-global div#m-sites-panel div.panel div.panel-section:last-of-type  {
		margin-top:-1.2em !important;
	}
					
	div#mobile-global a.sectionlink {
	  line-height: 130%;			  
	  color: #000;
	  cursor: pointer;
	  padding: .8em 2em;
	  border-top:1px solid #fff;
	  font-size: .9em;
	  transition: 0.4s;
		}	
		
	div#mobile-global button.sectionlink {
 	background:#E4E1E5;
	color: #000;
	text-align:left;
	font:.9em 'fracktif-regular', sans-serif;
	padding: .9em 2.1em;
 	border-top:1px solid #fff;
	border-bottom:0;
	border-right:0;
 	border-left:0;
	transition: 0.4s;
	width:99%;
}

	div.panel {
	  background-color: #fff;
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height 0.2s ease-out;
	  width:100%;
	}
				
	div.panel a {
		display:block;
		color:#000;
		font-size:.9em;
		border-bottom:1px solid #ccc;
		width:100%;
	}
				
	div.panel a:hover, div.panel a:focus {text-decoration:underline !important;}
				
	button.sectionlink.accordion:after {
		content: '\2228';
		color: #777;
		float: right;
		margin-left: 5px;
		-webkit-transform:scale(1.9,1); /* Safari/Chrome */
		-moz-transform:scale(1.9,1); /* Firefox */
		-ms-transform:scale(1.9,1); /* IE 9 */
		-o-transform:scale(1.9,1); /* Opera */
		transform:scale(1.9,1); /* W3C */
		font-size:.7em;
	}
						
	.activeAcc {background-color: #ccc;	}
	.activeAcc:after {content: '\2227' !important;}			
			
	#content {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		display:grid;
		grid-template-columns: 1fr !important;
		grid-template-rows: auto auto auto !important;
	}
			
	div#textarea {
		grid-column: 1 / 3;
		grid-row: 3 / 4;
		padding:0 1em 2em 1em !important;
	}

	img#banner {
		grid-column: 1 / 3;
		grid-row: 1 / 2 !important;
		margin:-1em 0 1em 0;
	}

	div#localnavigation { 
		grid-column: 1 /3; 
		grid-row: 2 / 3;
		width:100%;
	}
		
	ul#locnav {
		margin-top:-2em;
		margin-bottom: em;
		padding:1em;
		border-bottom:2px solid #ccc !important;
		line-height:120%;
 	}

	form.dbsearch * {float:none !important;}
		.flex-wrap > div {padding:1em 0 1em 0;   /*flex: 1 1 0px; */}
	 
		/* Force table to not display like tables */
	table:not(.no-flex,.tribe-events-calendar) td   {
		display: flex;
	}

	table:not(.no-flex,.tribe-events-calendar) td::before {
		font-weight: bold;
		width:auto !important;
	}

	table.dbresults thead, table.mobile-table thead {border:0 !important;}
		
	/* Hide table headers (but not display: none; for accessibility) */
	table.dbresults th, table.mobile-table th  { 
		position: absolute;
		top: -9999px;
		left: -9999px; 
	}

	table.dbresults tr, table.mobile-table tr  { 
		border-top: 2px solid #ccc; 
		border-bottom: 1px solid #ccc; 
		padding:1.5em;
	}

	table.dbresults td, table.mobile-table td {
		border:1px dotted #E8E8E8 !important;
		padding:.3em !important;
	}
		 
	 /* Added span and style to fix alignment issue with titles on contact list */
	 table.dbresults td, table.mobile-table td span {
		display:block;
	 }
		 
	table.dbresults td em, table.dbresults strong, table.mobile-table td em, table.mobile-table strong {display:inline !important; text-align:left;}
		
	table#membershipBenefits {margin:auto;overflow-x:auto;display:block;width:fit-content; max-width:100%; }
	table#membershipBenefits th:nth-of-type(n+2), table#membershipBenefits td:nth-of-type(n+2)  {white-space:nowrap;}
	table#membershipBenefits th:nth-child(1)  {min-width:200px;}


table.ohscontact th {
	background: #333;	color:#fff; 	text-decoration:none; 	padding:.4em; 	border:1px #333 solid;
}

 table.ohscontact {
	width:98%; 	border-collapse:collapse;  	clear:both; 	border:1px #eee solid;
}

table.ohscontact td { 
	border-bottom:1px #eee solid; 	padding:.4em .4em .4em .5em; 
}

	div.card-container {grid-template-columns: repeat(2, 1fr); }
	div.two-card-container {grid-template-columns: repeat(2, 1fr); }
	div.four-card-container {grid-template-columns: repeat(2, 1fr);}


} /*--end max 855--*/

@media (min-width:856px) 
			{	
				a#logo-link {
					display:inline-block;
					height:140px;
					width:290px;
					background: url(https://www.okhistory.org/images/ohs-logo-header-s.png) no-repeat;
					background-size: contain;
				}

				div.sitesearch {
					width:300px;
					position: absolute;
					top:60px;
					right:10px;
					text-align:right !important;
				}
				
				div.minornav {
					width:300px;
					position: absolute;
					top:10px;
					right:0;
					text-align:right !important;
				}

				div.nav-container a.menuicon, div#mobile-global {display:none;}
						
				/*------------------Global min 856-----------------*/
				div.nav-container {
					background:#fff;
					height:2.5em;
					margin-left:300px;
					margin-top:-3em;
					max-width:100%;
				}
							
				div.nav-container div#global div.main-item {display:inline; }
							
				div.nav-container div#global button.sectionlink {
					padding:.9em 1em .75em 1em; 	 
					cursor: pointer;
					transition: 0.2s;
					color:#2D2A26;
					background:none;
					border:0;
					font:.95em 'fracktif-regular', sans-serif;
				 }
							
				div#header div.nav-container div.main-item button.sectionlink:hover, 
				div#header div.nav-container div.main-item button.sectionlink:focus {
					background:#F1EEF1; padding:.9em 1em 1em 1em; text-decoration:underline; }
									
				div.nav-container div.panel li:hover, div.nav-container div.panel li:focus {text-decoration:underline;}
							
				div.nav-container div#global {list-style: none;	}
							
				body#about div.nav-container div#about-nav-link > button, 
				body#historycenter div.nav-container div#sites-nav-link > button, 
				body#research div.nav-container div#research-nav-link > button, 
				body#sites div.nav-container div#sites-nav-link > button, 
				body#shpo div.nav-container div#shpo-nav-link > button, 
				body#publications div.nav-container div#learn-nav-link > button, 
				body#learn div.nav-container div#learn-nav-link > button, 
				body#ohscalendar div.nav-container div#sites-nav-link > button, 
				body#support div.nav-container div#support-nav-link > button 
				{background:#E4E1E5;}
						
							
				/*------------------ mega dropdown---------------------*/
				div#global div.panel {
					display: none;
					position: absolute;
					top:130px;
					left: 0;
					padding: 1em 0 2.2em 17%;
					z-index:9999;
					width: 100%;
					background:#F1EEF1;
					-webkit-box-shadow: 0px 4px 4px 0px rgba(173,173,173,1);
					-moz-box-shadow: 0px 4px 4px 0px rgba(173,173,173,1);
					box-shadow: 0px 4px 4px 0px rgba(173,173,173,1);
				}
				
				div#global div.visible div.panel::after {content:""; display:table;clear:both; }	
			

						
				div#global div.panel a.panel-title {
					display:block;
					font:1.4em "ivypresto-headline", serif;
					padding-left:0;
				}		
							
				div#global div.panel div.panel-section span.panel-subtitle {
					display:block;
					font:1.2em "ivypresto-headline", serif;
					font-weight:300;
					padding:.3em;
					letter-spacing:.01em;
					}
						
				div#global div.panel div.panel-section {
					min-width:15%;
					max-width: 30%; 
					float:left;
					margin-right:2em;
				}
				
				div#global div.panel a {
					display: block;
					padding:.4em .4em;
					color: #2D2A26;
					font:.9em 'fracktif-regular', sans-serif;
					line-height:120%;
				}				
				
				div#global div.panel a:hover, div#global div.panel a:focus {text-decoration:underline;}
				
				div#global div.panel div.panel-highlights.panel-section {
					width:210px;
					float:left;
					padding-right: 2%;
					margin-right:0;
				}

				div#global div.panel div.panel-highlights a  {
					font:.9em 'fracktif-regular', sans-serif;
					color:#2D2A26;
					letter-spacing:.03em;
					font-weight:700;
					line-height:120%;
				}

				div#global div.panel div.panel-highlights a img  {
					width:200px;
					max-width:99%;
				}
				
		div.panel-highlights.panel-section a.highlights-img  {display:block;width:200px !important; height:200px; max-width:99% !important; margin-bottom:1em;margin-top:.7em; background-repeat: no-repeat !important;  background-size:contain !important;  }


		div#sites-panel div.panel-highlights a.highlights-img {
			background:url('../images/visit-panel2.jpg') ;}
		
		div#learn-panel div.panel-highlights a.highlights-img
		{background:url('../images/learn-panel.jpg');}
		
		div#research-panel div.panel-highlights a.highlights-img
		{background:url('../images/research-panel3.jpg') ;}
		
		div#shpo-panel div.panel-highlights a.highlights-img
		{background:url('../images/shpo-panel2.jpg') ;}
		
		div#support-panel div.panel-highlights a.highlights-img
		{background-image:url('../images/support-panel.jpg'); }


				div#global > div.visible > div.panel  {display: block;}
				
				div#global > div.visible > button.sectionlink  {
					background:  #F1EEF1;  /* makes mm link bg gray while menu is visible and user mo */
				}
				div.nav-container div#global li ul:before, div.nav-container div#global li ul:after {
				 content:'';
				 position: absolute;
				 bottom: 100%;
				 left: 15px;
				 border: 6px solid transparent;
				 border-bottom-color: #ddd;
				}/* Adds small triangle at top of menu panel */

			}	/*--end min 856--*/

@media (min-width: 900px) 
{ 		div.card-container { grid-template-columns: repeat(3, 1fr); 
			max-width:98%;}
		div.two-card-container { grid-template-columns: repeat(2, 1fr);  max-width:98%;}
		div.four-card-container { grid-template-columns: repeat(4, 1fr);  max-width:98%;}
		
		div#content {min-width:900px !important;}  
}

@media (max-width:1140px)  {
			div.nav-container {	margin: 1em 0 0 0;}
			div.nav-container div.panel {top: 183px !important;}
			}
			/*--end max 1400--*/

@media (min-width:1200px)	{  div#content {min-width:1200px !important;    }}


 
/*----------------DEFAULT STYLES-----------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
}

.larger {font-size:1.1em;}
.smaller {font-size:.9em;}

html {
 background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(71,76,85,.5) 200%);
 font-size:100%; 
}

ul#mobimenu, .mobile-container  {
	display:none;
}

body {
	width:100%;
	overflow-x: hidden;
}

div#wrapper { 
	margin-left: auto;
	margin-right: auto;
	min-height:800px;
	overflow:visible;
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:auto auto auto;
	font:1.1em "lora", serif;
	background:#fff;
	}

#header {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	background:#fff;
	overflow:visible; /*changed from hidden to visible for the mega dropdowns*/
	border-bottom:8px solid #ccc;
	}

#header a {text-decoration:none;}		

div.nav-container {
	font-family:'fracktif-regular', sans-serif !important;
}

div.nav-container a.sectionlink:visited	{
	color:#2D2A26; }
	
#content {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	display:grid;
	grid-template-columns: 0.3fr 1fr;
	grid-template-rows: auto auto;
	background: #fff;
	clear:both;
}

#content::after {
	content: "";
	clear: both;
	display: table;
}

#content a {
	color: #0066A6;
	text-decoration:none;
}
 
#content a:hover, #content a:focus {
 color: #004E9A;
 text-decoration:underline;
}

img#banner {
	max-width: 100%;
	grid-column: 1 / 3;
	grid-row: 1 / 2;
	padding:1em 0 .4em 0 !important;
}

#textarea {
	line-height:155%;
	box-sizing: border-box;
	grid-column:2 / 3;
	grid-row: 2 / 3;
	padding:0em 1em 2em 2em; /*changed left from 2.5 to 2 8-31-2026 to fix full-bleed gap */
}
 
body.full-width div#textarea {
	grid-column: 1 / 3 !important;
	/*padding:1em 3em 2em 2.5em;    10-10-22*/
}

body#general #textarea, body#calendar #textarea, body#enc #textarea, body#contact #textarea, body.fullwidth #textarea {
	grid-column: 1 / 3 !important;
	grid-row: 2 / 3;
 }


/*----------------Bread Crumbs ------------------*/
div#textarea span#bc {
	font-size:.8em;
	color:#616161;
	margin-bottom:1.8em;
	display:block;
	font-family:'fracktif-regular', sans-serif !important;
}

div#textarea span#bc a {
	margin:0 .5em 0 0 ;
	padding-top:0;
	font-family:'fracktif-regular', sans-serif !important;
}

/*----------------------Cards Max 3 Default-----------------*/
 div.card-container {
	max-width: 1200px;
	margin:1em 1em 1em 0;
	display: grid;
	gap: 1.2em;
}

div.card {height:auto; }

div.card img {max-width:99% !important; padding-bottom:0; margin-top:.5em; }

div.card a.landing-icon-link {
	font: 1.1em 'fracktif-medium', sans-serif !important; 
	display:block; 
	letter-spacing:-.02em; 
	padding:.5em 0 .6em 0; 
	line-height:125% !important;
	}

 

div.card.span-two {grid-column: span 2; }

/*--------------------------------Cards Max 2---------------------------------*/
  div.card-container.container-2, div.two-card-container 
 {
	max-width: 1200px;
	margin:1em 1em 1em 0;
	display: grid;
	gap: 1.5em;
}
  
/*--------------------------------Cards Max 4---------------------------------*/
 div.card-container.container-4, div.four-card-container {
	max-width: 1200px;
	margin:0 auto;
	display: grid;
	gap: .8em;
	justify-content: center; 
}

div.gray-card-container  {
	display: flex;
    flex-wrap: wrap; /* Allows cards to wrap to the next line */
    gap: 20px; /* Spacing between cards */
    justify-content: center; /* Center cards horizontally */
    max-width: 1200px; /* Max width for the container */
    margin: 0 auto; /* Center the container */
}

div.gray-card {
	background: #E4E1E5;
	padding:1em 1.5em 1em 2em !important;
	margin:0em 1em 1em 0; 
	line-height:130%;
    border-radius: 8px;
    padding: 20px;
        flex: 1 1 calc(50% - 20px); /* 2 columns  */
    min-width: 280px; /* Minimum width for cards before wrapping */
	max-width:40%;
}

/*----------------Grid Blocks--------------------*/
div.grid2 {
	display:grid;
	grid-template-columns:auto auto;
	grid-template-rows:auto auto;
}

div.grid2 div:first-child {
	grid-column:1 / 2;
	grid-row:1 / 3;
 }

div.grid2 div:nth-child(2) {
	grid-column:2 / 3;
	grid-row:1 / 3;
}

div.grid3 {
	display:grid;
	grid-template-columns:auto auto auto;
	grid-template-rows:auto auto auto;
}

div.grid3 div:first-child {
	grid-column:1 / 2;
	grid-row:1 / 3;
 }

div.grid3 div:nth-child(2) {
	grid-column:2 / 3;
	grid-row:1 / 3;
}

div.grid3 div:nth-child(3) {
	grid-column:3 / 3;
	grid-row:1 / 3;
}



/*----------------Local Navigation------------*/
div#localnavigation {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	margin-top:20px;
	font: .9em "lora", serif;
	line-height:120%;
}
	
ul#locnav {border-right:1px solid #ccc;}

ul#locnav a { 
	text-decoration: none;
	color:#000;
} 

ul#locnav a:hover, 
ul#locnav a:focus {text-decoration:underline;} 

ul#locnav li {
	list-style:none;
	padding:.6em 1em .6em .6em;
	margin:0;
}

ul#locnav > li:first-child  /*Main link - Research, About, SHPO, etc*/ {
	background:#fff !important;
 }

	
ul#locnav li:first-child a  /*Main link - Research, About, SHPO, etc*/ {
	font-weight:600;
	font-size:1.2em; 
	display:inline-lock;
 }

ul#locnav li ul li a:first-child /*Changes first child links in rest of menu to normal weight*/
	{font-size: 1em; 
	font-weight:300;
	} 

ul#locnav li.activeleaf a {
	font-weight:600 !important;}

ul#locnav li.activeleaf:first-child {background: #fff;}  /*Keep for first main link, OHCM */

ul#locnav ul li.activeleafXXX:first-child {	background: rgb(71,76,85,.1);	margin-top:.7em; /*adds a little space above first child link and parent link*/
}

ul#locnav ul ul li.activeleaf:first-child {
	background: rgb(71,76,85,.1);
}

ul#locnav li.active {
	background: rgb(71,76,85,.1);								
	padding-top:.9em;
	padding-bottom:.9em;

	font-weight:700 !important;
}


ul#locnav li.activeleaf {
	background: rgb(71,76,85,.1);									
	font-weight:700;
}


ul#locnav li.selected {
	margin:.5em 0 .5em 0;
	padding-top:.8em;
	border: 1px solid rgb(71,76,85,.2);	
}

ul#locnav ul.parent, ul#locnav ul.selected {
margin-top:.6em !important;
}

ul#locnav ul.parent li.activeleaf {
	background:#E4E1E5;
	font-weight:700;
}

ul#locnav ul.parent li.active, ul#locnav ul.parent li.selected.parent {
	font-weight:600;
}

ul#locnav li.selected li.selected, 
ul#locnav li.selected li.active, 
ul#locnav li.selected li.selected li.activeleaf {background:rgb(71,76,85,.1);}

li.selected li.selected {border:1px solid rgb(71,76,85,0) !important; } 


li.active>a:first-child,
li.selected.parent>a:first-child,
li.selected.ancestor>a:first-child {
	font-weight:700 !important;
	}

ul#locnav li.active:first-child {font-size:1em; }


body#historycenter ul#locnav > li:first-child a {
	background: #fff url(../images/ohclogo.jpg) no-repeat; height:190px;width:170px; display:block; font-size:0em; color:#fff;}



ul#locnav.separate-menu li {
	padding-left:.6em;
	margin-left:-.4em;
}

ul#locnav.separate-menu li.active {
	background: #fff;								
}

ul#locnav.separate-menu li.selected {
	border: 0;	
}


/*---------------------------Basic Elements---------------------------*/
h1 {
 font:normal 2.2em "ivypresto-headline", serif;
  color:#2D2A26;
 padding:0 .5em .4em 0;
 }
 
h2 {
 font:normal 1.6em "ivypresto-headline", serif;
color:#2D2A26;
padding:.5em 0 .4em 0;
}
 
h3 {
 font:normal 1.3em "ivypresto-headline", serif;
 color:#2D2A26;
 padding:.6em 0 .2em 0;
}

h4, h5, h6 {
 font: bold 1em "lora", serif;
 color:#363636;
 padding:0em .5em 0em 0em;
 }
 
 .header-link {color:#0066A6 !important}
 
p, address {
 margin:0em .5em .6em 0em;
 padding:.2em .5em .5em 0em;
}




details::details-content {margin:.5em .5em auto .25em; padding-left:1em;}
summary::marker {color:#0066A6;}

details summary h3 {display:inline-block; font-size:1.2em;}
details summary:hover, details summary:focus {cursor:pointer !important; text-decoration:underline}

details.rule::details-content {border-left:2px solid #1CA6DF;}



.visually-hidden {
	clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px !important;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.diagonal-strike {
  position: relative;
  display: inline-block;
  background: linear-gradient(to top left, transparent calc(50% - 1px), #ff0000 calc(50% - 1px), #ff0000 calc(50% + 1px), transparent calc(50% + 1px));
}

 .multi-column {
  column-count: 3;
  column-gap: 1.5em;
}

 .multi-column.multi-column-max-2 {
  column-count: 2;
  column-gap: 1.5em;
  margin-bottom:1em;
}

address {font-style:normal;}
blockquote {margin:-1em 4em 1.5em 3em;}
hr {background:#ccc;border:1px solid #ccc;} 
table {border-collapse:collapse;}
table caption {text-align:left;}

table th { padding:.5em; vertical-align:top !important;}
table td {padding:.5em; vertical-align:top !important; } 

fieldset {border:0;}

p.backtotop {background:#d6ecf2; padding:.3em 0 .3em .5em;width:20%;} 
 
table#pressroom th {text-align:left; border-bottom:1px solid #ccc; padding:.5em 0; }
table#pressroom td {padding:.6em 2em .5em 0em;}

body#research table caption {font-weight:bold;text-align:left; }
body#research table th, body#publications table th, body#shpo table th 
	{	background:#c2e9ff;border: 1px solid #ccc; letter-spacing:.02em;}

body#shpo div.factsheet img {overflow:visible; height:275 px; }

table#socialmedia tr:nth-of-type(odd) {background:#f2f1f0;}
table#socialmedia td {padding-left:.8em;}
table#socialmedia td a {padding-right:.1em;}

table.zebra tr:nth-child(even) {background:#f6f6f6;}

table.default-style, 
table.dbresults, 
table.searchresults, /*only used on moores and hastainsresults*/
table.mobile-table 
 {width:98%; max-width:98%;}

table.default-style td, 
table.default-style th, 
table.dbresults td, 
table.dbresults th, 
table.mobile-table td, 
table.mobile-table th 
	{	
	vertical-align:top;
	border: 1px solid #ccc; 
	line-height:130%;  }
	
table.default-style th, 
table.forms th, 
table.dbresults th, 
table.mobile-table th {background:#c2e9ff; }

table.ohscontact {width:98%;border-collapse:collapse; clear:both; border:1px #ccc solid; font-size:1em;}
table.ohscontact th {background: #333; color:#fff; text-decoration:none; padding:.4em; border:1px #333 solid;}
table.ohscontact td {border-bottom:1px #ccc solid; padding:.4em .4em .4em .5em; }

/*only used on moores and hastainsresults*/
table.searchresults tr {width:100%; }
table.searchresults tr.start {border-top:1px solid #eaddce;padding-top:.5em !important;}
table.searchresults tr.start td {padding-top:10px !important;}
table.searchresults td {border:0px !important; margin:0;padding:.2em .3em .2em .7em !important; vertical-align:top;}
table.searchresults td.label {text-align:right;color:#8B7765;padding:.2em .3em .2em 0em !important; font-weight:bold;}

table.forms td, table.forms th {border:1px solid #ccc;padding:.5em;vertical-align:top;}
table.forms caption {font:bold 1em "lora", serif;text-align:left; }

table.sortable thead :hover {cursor:pointer;}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
content: " \25B4\25BE" 
}

form.dbsearch  {
	padding-top:.5em;
}

form.dbsearch label {
	font-weight:700;
	display:inline-block;
	padding-bottom:.4em;
}

form.dbsearch div {margin: 0em 1em 1.5em 0;}
form.dbsearch input, form.dbsearch textarea, form.dbsearch select {
	border:1px solid #6E6B65; 	padding:.4em; 	font-size:1em;}

form.dbsearch .myButton {font-size:1em; border:1px solid #0066A6; }

form.contactsearch {padding:.6em .1em .1em 0em; width:96%; margin-bottom:.5em;}

img.supporticon {border:3px #ccc solid;} 

p sup {    
	vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

.no-dec {text-decoration:none !important;}
.flex-wrap {display:flex; flex-wrap:wrap;padding:0;margin:0;}
.flex-wrap > div {padding:1em 0 1em 0;margin:0;}
.center {text-align:center;}
.caption {font-size:.8em;}
.caps {text-transform:capitalize;}
.left {float:left;margin:0em 2em 1em 0;}
.right {float:right;margin:0em 0 1em 2em;}
.clear {clear:both;}
.inline {display:inline;}
.block {display:block;}
.nb {border:0;}

<------------Responsive YouTube-------------------->

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#textarea a:not(.fas, .fa, .fab, .far, .tribe-event-url)  {
	font-family: "lora-medium", serif;  
 
	}

#textarea a:not(.fas, .fa, .fab, .far, .tribe-event-url, .myButton, .landing-icon-link) {	
	text-decoration:underline;
	text-underline-offset:2.3px;
	text-decoration-thickness: 1px;  
	}
	
i.fa-arrow-up-right-from-square {
	text-decoration:none; 
	display:inline-block;
	margin-left:5px !important;
	margin-right:5px !important;
}

 
	
a:hover, button:hover, a:focus, button:focus {cursor:pointer;}
a:hover, a:focus { color:#004E9A;}

a.nodec {text-decoration:none !important;}
a img {border:0; text-decoration:none;}


a[href^="mailto:"] {text-transform:lowercase;}
a.normalcaps[href^="mailto:"] {text-transform:none !important;}

ul li::marker {color:#474C55 !important;}

ul.no-bullet {
	list-style:none;
	margin-left:0 !important;
	margin-top:.5em !important; 
	padding-left:0 !important;
}

ul.no-bullet li {
	line-height:130%;	
	margin-bottom:.5em !important;
 }

table.borders {border-collapse:collapse;}
table.borders td, table.borders th {border:1px solid #ccc; padding:.7em; vertical-align:top;}


div.landing-icons div {margin-right:1.8em; line-height: 125%;}
div.landing-icons span {text-transform:uppercase; font-size:.8em; display:block; color:#444;}
div.landing-icons img {border:1px solid #ccc;}

#column {
	margin: 0 0 0 1em;
	padding:0 0 0 1em;
	 width:190px;
	float:right;
	clear:both;
}

body#sites #column {
	margin: 0 -1em 0 1em;
	padding:0 0 0 1em;
	line-height:140%;
	width:190px;
	font-size:.9em;
}

#column ul li {
	margin-left:-1.2em;
	padding:0;
}

.notice {
	background:#e3f5ff;
	padding:1.2em 1.1em .4em 2.5em;
	margin-bottom:1.5em;
	border:0.5px solid #e1f4ff;
    text-indent: -.6em;
}

.semi-lora {font-family:"Lora-Semibold"}
.med-lora {font-family:"Lora-Medium"}

p.hanging-indent {
	padding-left: 1.5em !important;
	text-indent: -1.5em !important;
}

.no-margin-t {margin-top:0;}
.no-margin-r {margin-right:0;}
.no-margin-b {margin-bottom:0;}
.no-margin-l {margin-left:0;}
 
div#textarea ul.cp-controls {padding-left:.6em;}
div#textarea ul, #textarea ol {margin-left:2em;}
div#textarea ul.landing { margin-left:.5em; list-style:none;}
div#textarea ul, #textarea ol {margin:0em .5em .8em 1.5em;padding-left:1em;}
 
dl.timeline dt {
 width:auto;
 float:left;
 font-weight:bold;
 margin-right:.5em;
 padding-top:.1em;
 display:inline;
 }
 
dl.timeline, dl.timeline dt em  {font-style:normal;} 
dl.timeline dd {margin-bottom:1em;}
ol.lalpha, ol.ualpha {list-style-type:lower-alpha; margin-bottom:0 !important; } 
ol.closeup, ul.closeup {margin-top:-.65em !important;padding-top:0;}

h2.research-guide {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:0em; margin-bottom:1em; font-size:1.4em; width:96%;}

 
/*------------------- Animations - Contact Form -----------*/
 /*FADE IN */
 div.messageconf  {
	background:#004E9A;padding:2em;margin-top:.5em;
	min-height:150px;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	font-size:1.6em;
	color:#fff !important;
} 

 div.messageconf h1 {color:#fff !important;font-size:1.3em;}
 div.messageconf h2 {color:#fff !important;font-size:1.1em;}
 div.messageconf p {color:#fff !important;font-size:.9em; line-height:130%;}
 div.messageconf p a {color:#fff !important;}


@-webkit-keyframes fadeIn {from { opacity: 0;} o {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}

@-webkit-keyframes fadeOut {from { opacity: 1;} o {opacity: 0;}}
@keyframes fadeOut {from {opacity: 1;} to {opacity: 0;}}

/*-------------------- Footer ---------------------*/
div#footer {
	display:flex;
	flex-wrap:wrap;
	padding:2em	3em 3em 4em;
	color:#000;
	line-height:145%;
	background:#ececec;
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	margin-bottom:-1em;
	font-size:.85em;
 	}
	
div#footer span#statebranding {display:block;}
div#footer > div   {flex: 33%;  }
div#footer a {text-decoration: underline; color: #000;}
div#footer a:hover, #footer a:focus {text-decoration: underline;color: #333;}
	
/*--------------------------------- Site Search and Minor Nav ------------------------------------*/

 
div.minornav p.sm-bar a {text-decoration:none; color: #474C55;}
div.minornav p.sm-bar a:hover, div.sitesearch p a:focus { 
	color: #000;
}

div.sitesearch div#custom-search i {
	color:#4682B4;
	font-size: 24px;
}

div.sitesearch div#custom-search:hover, div.sitesearch div#custom-search:focus {
	cursor: pointer;
}

div.sitesearch div#custom-search input[type=text] {
  display:inline-block;
  width: 40px;
  box-sizing: border-box;
  border: 0;
  font-size: 16px;
  padding: 8px 0px 10px 35px;
  margin-left:-30px;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  background:none;
}

div.sitesearch div#custom-search input[type=text]:hover, div.sitesearch div#custom-search input[type=text]:focus {
	width: 250px;
	border: 2px solid #ccc;
	background:#fff;
}

div.sitesearch div#custom-search input[type=submit]:hover, div.sitesearch div#custom-search input[type=submit]:focus {
	border: 2px solid #ccc;
	text-decoration: none;
	cursor:pointer;
}

div#search-results td {
vertical-align:center !important;
 
}

a#skip, a#skip:hover
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

a#skip:active, a#skip:focus
{
	margin-left:4em;
	position:static;
	width:auto;
	height:auto;
} 

/*---------------------------- Font Awesome --------------*/
#textarea a.fas, a.fab {margin-right:.15em;}
	a.fas:hover, a.fas:focus, a.fab:hover, a.fab:focus {text-decoration:none !important;}	

span.fa-custom-text {display:inline-block;vertical-align:super;}

/*------------------- Styled Buttons ----------------------*/
.myButton, input.myButton {
	border:1px solid #0066A6;
	background:#0066A6;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:3px;
 	display:inline-block;
	cursor:pointer;
	color:#fff !important;
 	letter-spacing:.01em;
	padding:.5em 1em .5em 1em;
	font:1em "lora", serif;
	line-height:130%;
	text-decoration:none;
}
.myButton:hover, .myButton:focus {background:#004E9A;}
.myButton:active {position:relative; top:1px;}

/*------------ Edu Gallery Guide Tables -------------*/
table.eduguide {width:98%;margin-top:1em;}
table.eduguide caption {font:1.4em "ivypresto-headline", serif; color:#000 !important;padding:0em 0 .8em 0;margin-top:1em;}
table.eduguide th {font-size:1.1em;color:#fff;background:#004E9A; font-family:"Lora-Semibold";}

table.eduguide td, table.eduguide th {
	vertical-align:top;
	border:1px solid #ccc !important;
	padding:1em 1em.5em 1em;
}

table.eduguide td ul li {margin-left:-1em;margin-bottom:.8em; }
table.eduguide tr td:first-child {width:25%;}
table.eduguide tr td:first-child strong { font-size:1.1em;}

/*------------ Academic Standards list Tables -------------*/
table.edustandardslist {width:98%;margin-top:1em;}
table.edustandardslist caption {font:1.3em "ivypresto-headline", serif; color:#000 !important;padding:0em 0 .8em 0;margin-top:1em;}
table.edustandardslist th {font-size:1.1em;color:#000;background:#E4E1E5; font-family:"Lora-Semibold"; letter-spacing:-.02em !important;}

table.edustandardslist td, table.edustandardslist th {
	vertical-align:top;
	border:1px solid #ccc !important;
}

table.edustandardslist td {padding:1em 1em.5em 1em;}

/*------------------Museums + Sites Admission/Hours -------------------------------*/
table.sites {
	line-height:130%;
 	font-size:1em;
}

table.sites tr td:first-child {
width:70%;}

table.sites td {
	padding:.5em .6em .6em .7em;
	vertical-align:top;
}
table.sites tr {border-bottom: 1px dotted #ccc;}
table.sites caption {
	font-weight: 600;
	font-size:1.1em;
}
p.drone-message {
	font-size:.8em; 
	line-height:130% !important;
}
/*--------------------E-Exhibit Styles----------------------*/

.imagecap {
	max-width:100%;
    display: table;
	margin-bottom:1.7em;
	margin-top:1.7em;
}
.imagecap img {
    width: 100%;
    height: auto;
    vertical-align: top;
    margin-bottom: 3px;
}
.imagecap p {
    display: table-caption;
    caption-side: bottom;
    background: #f6f6f6;
    box-sizing: border-box;
    padding: .6em;
    margin: 0;
	line-height:130%;
}

div#gallerycolumns {
	-webkit-column-width: 360px;
	-moz-column-width: 360px;
	-o-column-width: 360px;
	-ms-column-width: 360px;
	column-width: 360px;
}
div.imagecap2 {
	padding: 10px;
	width:370px;
}
div.imagecap2 img { 
	width: 370px;
	height: auto;
	display: block;
}

/*---------------------------------------------------------------------*/

span.wpcc-message {font: .9em arial, sans-serif !important; text-align:left;}
div.wpcc-compliance a.wpcc-btn {font: .9em arial, sans-serif !important;}

div.tg-card {
	width:90%;
	background:#FFFFF0;
	border:1px solid #ccc;
	padding:1em;
	margin-bottom:2em;
}

.featured-text {
	font-size:1.4em;
	border-left:8px solid #1CA6DF;
	padding:1em 2em 1em 1em;
	margin:2em 2em 2em 0;
	color:#333;
	line-height:140%;
 } /*used on government e-exhibit, others? */
 
 
 .featured-block {
	border-radius:2px; 
	padding:1.5em 3em 1.5em 3em;
	margin-bottom:1em;
 }  
 
 
 .featured-block.light-gray-bg {
	background: #F5F5F5 !important; 
 }
 
 
/*-----------------------------------------------------Full Bleed---------------------------------*/
.full-bleed {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box;
}

img.full-bleed {
    display: block;
    height: auto;
    object-fit: cover; /* Prevents distortion if you set a fixed height */
}

div.full-bleed-banner {
    background-size: cover;
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box;
}