@media (max-width:600px) 
 {
	* {
		float:none !important;
		max-width:100% !important;
	}
		
	 div#textarea { padding-right: 0 !important;padding-left: 0 !important;}  /*added 12-4-23 for site's pages; allowing more room for column */
		
	body {
	 min-height:100%; /*for mobile with full bg image*/
	 max-width:100% !important;}

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

	div#textarea {
		padding:.5em;
		}

	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;}
			 
	div.multi-column { 	  
		column-count: 1 !important;
		 }

	.left {margin:0em 0em 1em 0 !important;}
	.right {margin:0em 0 1em 0em !important;}

	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#sites .notice {
		width: 96% !important;	
		}
		/*--body#home div#textarea {padding-left:1.5em !important;}		Removed 10-10-22 --*/
				 
} /*--end max 600--*/

@media (min-width: 600px) {		div.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: unset !important; 
	 margin: 0 1rem 1rem 1.5rem;
	 width:auto !important;
	}
			 
	p.sm-bar  {display:none;}

	/*--Global Nav max 855--*/
	div.nav-container div#global {display:none; }
	div.nav-container {
		background:#E4E1E5;
		clear:both;
		min-height:3em;
	}
										
	div.nav-container a.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.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;}
				
	a.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:2em 0 2em 1em !important;  /*adjusted side padding 12-4-23 to site pages; allow more room for column */
	}

	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:-2em;
		padding-left:1em;
		border-bottom:2px solid #ccc !important;
		line-height:120%;
 	}

	body#sites .notice {
		width:85%;
	}

	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;}	
} /*--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: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 a.sectionlink {
		padding:.9em 1em 1.5em 1em; 	 
  		cursor: pointer;
		transition: 0.2s;
		color:#2D2A26;
 	 }
				
	div.nav-container div#global a.sectionlink:hover, 
	div.nav-container div#global a.sectionlink:focus {
		background:#F1EEF1; padding:.9em 1em 4em 1em;}
						
	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 > a, 
	body#historycenter div.nav-container div#sites-nav-link > a, 
	body#research div.nav-container div#research-nav-link > a, 
	body#sites div.nav-container div#sites-nav-link > a, 
	body#shpo div.nav-container div#shpo-nav-link > a, 
	body#publications div.nav-container div#learn-nav-link > a, 
	body#learn div.nav-container div#learn-nav-link > a, 
	body#ohscalendar div.nav-container div#sites-nav-link > a, 
	body#support div.nav-container div#support-nav-link > a 
	{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.panel-container {
		margin:0 auto;
	}
			
	div.panel-container:after {
		content:" ";
		clear: both;
		display: table;
	}
			
	div#global div.panel a.panel-title {
		display:block;
		font:1.4em "ivypresto-headline", serif;
	}		
				
	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#global > div.visible > div.panel  {display: block;}
	
	div#global > div.visible > a.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); }}

@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%;
}

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: #4682B4;
 text-decoration:underline;
}

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

#textarea {
	line-height:160%;
	box-sizing: border-box;
	grid-column:2 / 3;
	grid-row: 2 / 3;
	padding:1em 1em 2em 2.5em;
}
 
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:#828282;
	margin-bottom:1.2em;
	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---------------------------------*/
 div.card-container {
	max-width: 1200px;
	margin:1.5em 1em 1em 0;
	display: grid;
	gap: .6em;
}
div.card {height:auto; }
div.card img {max-width:99%;  }

/*----------------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 li {
	list-style:none;
	padding:.6em 1em .6em .6em;
	margin:0;
}
	
ul#locnav li:first-child a  /*Main link - Research, About, SHPO, etc*/ {
	font-weight:600;
	font-size:1.2em; 
	margin:.5em 0em 1em 0em; 
	padding-bottom:1em;
 }

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;}

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

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;
}

body#sites ul#locnav  {
	background:#fff !important;
	font-weight:400;}

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

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

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

ul#locnav ul.parent li.activeleaf {
	background:#E4E1E5;
	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);}

ul#locnav li.selected li.active { /*also indents sub items*/ background:rgb(71,76,85,.1);}

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

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

ul#locnav ul.submenu li.active:first-child {
	margin:.35em 0em 0em .15em;
	padding:2em .2em 1.5em 0em;
	background:#FCF9EA;}

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

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;}
	
 


/*---------------------------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.4em "ivypresto-headline", serif;
 color:#2D2A26;
 padding:.6em 0 .4em 0;
}

h4, h5, h6 {
 font: bold 1em "lora", serif;
 color:#363636;
 padding:0em .5em 0em 0em;
 }
 
p {
 margin:0em .5em .7em 0em;
 padding:.2em .5em .5em 0em;
}

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

blockquote {margin:-1em 4em 1.5em 3em;}
hr {background:#ccc;border:1px solid #ccc;} 
table {border-collapse:collapse;font-size:.9em;}
th {border:0;}
td {padding:.4em;}

fieldset {border:0;}

p.backtotop {background:#d6ecf2; padding:.3em 0 .3em .5em;width:20%;} 
 
table#pressroom td {padding:.5em 2em .5em 0em;}

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

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.zebra td {border:0px; padding:.5em;}

table.dbresults td, table.dbresults th, table.mobile-table td, table.mobile-table th {border: 1px solid #ccc;padding:.5em; line-height:130%; font-size:.9em;}
table.dbresults, table.mobile-table {border-collapse:collapse; width:98%; }

table.searchresults {border-collapse:collapse;width:98%;font-size:.9em;}
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;}

caption {text-align:left;}
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.forms th, table.dbresults th, table.mobile-table th {background:#c2e9ff;border: 1px solid #ccc; }
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 #948f88; 
	padding:.4em;
	font-size:1em;}

form.dbsearch .myButton {font-size:1em;}

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

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

.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;}


#textarea a:not(.fas, .fa, .fab, .far, .tribe-event-url), #textarea a:not(.fas, .fa, .fab, .far, .tribe-event-url) em {font-family: "lora-medium", serif;  color:#004E9A;}
a.nodec {text-decoration:none !important;}
a img {border:0;}
a:hover, button:hover {cursor:pointer;}
a[href^="mailto:"] {text-transform:lowercase;}
a.normalcaps[href^="mailto:"] {text-transform:none !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;}

a.landing-icon-link {
	display:block;
	line-height: 120%;}
 
div.landing-icons div {margin-right:1.8em;}
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 #c4d4e5;
    text-indent: -.6em;
}
 body#sites .notice {width: calc(96% - 190px);}
 
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;}
 
/*------------------- Animations - Contact Form -----------*/
 /*FADE IN */
 div.messageconf  {
	background:#4275b4;padding:2em;margin-top:.5em;
	border:#3c689e 2px solid ;
	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 h2 {color:#fff !important;font-size:1.5em;}
 div.messageconf p {color:#fff !important;font-size:1em; 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:150%;
	background:#ececec;
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	margin-bottom:-1em;
	font-size:.9em;
 	}
	
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 ------------------------------------*/

div.sitesearch p  {padding:0;}
div.sitesearch p a {text-decoration:none; color: #474C55;}
div.sitesearch p a.fa-brands, div.sitesearch p a.fab {font-size:1.7em; }

div.sitesearch p 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]:focus {
	width: 250px;
	border: 2px solid #ccc;
	background:#fff;
}

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

div#search-results td {
 padding-left:.8em !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-family:'fracktif-regular', sans-serif;
line-height:130%;
}
.myButton:hover, .myButton:focus {background:#004E9A;}
.myButton:active {position:relative; top:1px;}

/*------------ Edu Gallery Guide Tables -------------*/
table.eduguide {width:95%;margin-top:1em;}
table.eduguide caption {font:1.4em "ivypresto-headline", serif; color:#7f3910 !important;padding:0em 0 .8em 0;margin-top:0;}
table.eduguide th {font-size:1.1em;color:#fff;background:#13579a;}

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;}

/*------------------Museums + Sites Admission/Hours -------------------------------*/
table.sites {
	line-height:130%;
 	font-size:1em;
}
table.sites td {
 	width:50%;
	padding:.5em .6em .6em 0em;
	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? */