/**
* Custom

* Any custom styles implemented in the OmniUpdate environment
* should go here
*/

/** library one search box **/
.shady {
	background-color: #3c90be;
	padding-top: 20px;
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

/* Accessibility Styles */
.sr-only {
	border: 0;
	clip: rect( 1px, 1px, 1px, 1px );
	clip-path: inset( 50% );
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}

/* WYSIWYG Dropdown Styles */
.pinkText {
	color: #ff2eaa;
	font-weight: bold;
}
.greenText {
	color: #12c477;
	font-weight: bold;
}
.headline {
	margin: 0 0 11px;
	font-size: 39px;
	font-weight: 500;
	line-height: 1.2;
}

/* responsive video */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* responsive 3-column component */
.three-boxResp {
	width:100%;
	height:100px;
	background-color:white;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom: 50px;
}
#st-boxResp {
	float:left;
	width:30%; 
	background-color:white;
	border:solid white;
}
#nd-boxResp {
	float:left;
	width:30%; 
	background-color:white; 
	border:solid white;
	margin-left:20px;
}
#rd-boxResp {
	float:left;
	width:30%; 
	background-color:white;
	border:solid white;
	margin-left:20px;
} 

/* For Google Sheets Embedding. This contols the size of the embed view: RO [220525] */
/* You must add this class to the actual Google Sheets embed code */
.gsheets-embed-size {
	width: 800px;
	height: 600px;
}


/* Accessible Tables - test styles by SJ: Start */
/* base styles for padding, table Caption, and Headers */
/* 12/1/2022 */
.baseTBL
	tbody th, td {
			text-transform: none;
			padding: 0.4em;
	} /* no caps, adds space to tbody th */
.baseTBL 
	tbody td {
			padding-left: 0.4em;
	} /* tbody td left padding */
.baseTBL
	thead th, td {
			padding: 0.4em;
	} /* gives the header row a bit of room */
.baseTBL
	th:first-child {
			width: auto;
	} /* cancels 30% style */
.baseTBL 
	th:last-child {width: auto;
} /* cancels 22% style */
.baseTBL
	thead tr:nth-child(odd) {
		background-color: #F3F1F1; 
	} /* removed yellow #FEBF3A bg replaced with the tan accent: #F3F1F1; top row only if it is part of thead */
.baseTBL
	caption {
		margin: 0 0; 
		padding: 0.4em 0.2em; 
		font-size: 1.8em; 
		border-bottom: 2px dashed black; 
		border-top: 2px dashed black;
	} /* styles the caption */

.baseTBL
	thead th {
		font-size: 1.2em;
	} /* the headers */

/* omitted for now - .baseTBL h2, h3, h4, h5 {margin: 1em 0 0.5em;} 
affects all headers on the page ignores the class */ 
/* .baseTBL
	thead tr:nth-child(odd) {
		background-color: #FEBF3A;
	} /* removed the yellow bg for top if it is part of thead / replaced the green #9fd4bd */*/		
						
.accessTableData
	th:first-child {
		width: auto;
	} /* cancels 30% style */
.accessTableData
	th:last-child {
		width: auto;
	} /* cancels 22% style */
.accessTableData
	thead th, td {
		padding: 0.4em;
	} /* gives the header row a bit of room */
.accessTableData
	tbody td {
		padding-left: 0.4em;
	}
.accessTableData
	thead tr {
		background-color: #3c90be;
	} /* thead row bg color - alternative color - #3c90be - blue / MediumSeaGreen */
.accessTableData
	thead tr:nth-child(odd) {
		background-color: #3c3c3c;
	} /* alternates row color when there is more than one row in thead */
.accessTableData
	caption {
		margin: 0 0; 
		padding: 0.4em 0.2em; 
		font-size: 1.8em; 
		border-top: 2px dashed black;
	} /* styles the caption / omitted -- border-bottom: 2px dashed black; */
.accessTableData
	thead th {
		text-transform: uppercase;
		color: white;
		border-right: 2px solid white;
		border-bottom: 2px solid #f3f1f1;
	} /*styled for better readibility in header cells */
.accessTableData
	tbody th, td {
		text-transform: none;
		padding: 0.4em;} /* no caps, adds space to tbody th */

/* omitted for now .accessTableData tbody td {padding: 0.6em;} makes the table a little tighter */

/* ***IMPORTANT - TESTED ON A SINGLE PAGE in www2 - including this here will test across the display site*** */
.accordion__content {
	padding-left: 0.4em
	} /* add a tiny bit of room on the left to the accordion */
/* Accessible Tables - test styles by SJ: End */	


/****** 230418-RO: Recovery of Lost Museum Styles: Start ************************************/
/* Original code from main.css */
.gallery__caption-museum {
  font-size: 13px;
  line-height: 1.3; /** changed from 1.2 to 1.3 *sj* 2023-apr-20 */
  padding: 5px 0 0 0; /** changed padding from 0 0 0 28px */
  position: relative;
}
/** comment out caption styles for plum bg and white text, change position to relative (previous style) */

@media (min-width: 700px) {
  .gallery__caption-museum {
    /** position: absolute;
		bottom: 0;
		left: 0;
		background-color: #6c2241;
		color: white; */ /** captions - commented out min width position, bg and text color */
    padding: 5px 5px; /** changed padding from 22px 9px 19px 22px; to 5px 5px; *sj* 2023-apr-20 */
    font-size: 14px;
    z-index: 2;
  }
}

/** *****************************************
  @media screen and (min-width: 1025px) {
	.gallery__caption-museum {
	  padding: 22px 14px 21px 22px;
	} */
/** captions - commented out max width position */

.gallery .cta--button-museum {
  font-size: 19px;
  padding: 6px 20px;
  min-width: 222px;
}
@media (min-width: 700px) {
  .gallery .cta--button-museum {
    font-size: 17px;
    min-width: 177px;
    padding: 8px 20px;
    position: absolute;
    top: 51px;
    right: 0;
  }
}
@media (min-width: 1025px) {
  .gallery .cta--button-museum {
    font-size: 19px;
    padding: 9px 20px;
    min-width: 235px;
    top: 82px;
  }
}

.cta--button-museum {
  font-family: halyard-display, sans-serif;
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: #ffffff;
  background: #000000;
  padding: 0.45em 1.6em;
  overflow: hidden;
  z-index: 0;
  letter-spacing: 0.05em;
  font: 400 14px/1.2 halyard-display, sans-serif; /** changed font-weight from 700 to 400 */
  border: none;
  outline-color: #000000;
}

/** Museum CTA color changes on rollover */

.cta--button-museum:before,
.cta--button-museum:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #b70000;
  z-index: -1;
}
.cta--button-museum:after {
  left: -100%;
  background-color: #000000;
  -webkit-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  transition: left 0.3s ease;
}
.cta--button-museum:hover:after {
  left: 0;
}
/****** 230418-RO: Recovery of Lost Museum Styles: End ************************************/


/* Older code that was added per page: DO NOT USE
#mydims {
width: 800px;
height: 600px;
}
*/

/* minor restyling of pretty photo gallery */
/* Taken Out to resolve other CSS issue: RO 9-2-22
.thumbnail {
	* border: 1px solid #0036f9 !important; * - re-comment out
	border-top:    1px solid #0036f9 !important;
  border-right:  1px solid #0036f9 !important; 
  border-left: 1px solid #0036f9 !important;
	border-radius: 0px !important;
	background-image: linear-gradient(to left, #0036F9, #0036F9) !important;
} */