/* Main Stylesheet for the NCMNS Website */
/* Author: Ben Norton */
/* Colors
* #231F20 (35,31,32) (Text)
* #3457A5 (52,87,165) (Passes BKG)	(Links)
* #7D963A (125,150,58) -> 508 -> #586A29 (88,106,41) (Green) -> #7D963A
* #243C72 (36,60,114) (Passes BKG) (Visited)
* #0064B5 (0,100,181) (Passes BKG) (Hover Links)
* #D55B1F (213,91,31) -> 508 -> #BA501B (186,80,27) (Orange)
* #624B86 (98,75,134) (Passes BKG) (Purple)
*/
@import url('shop-button.css');
body {
	font-family: "Source Sans Pro", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #231F20;
}
/* Globals ------------------------------------------------------- */

/* Base Font Size: 16px (1.0000em) */
/* Base line height: 21px (1.3125em) */
/* Base Margins 1.3125em 0 0.0em 0 */
/* Font Weights: 200,300,300italic,400,400italic,600,700,900 */
p, blockquote, address {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 1.0em; /* 16px */
	line-height: 1.3125em; /* 21px */
 	margin: 0 0 1.3125em 0;
	font-weight: 400;
	color: #231f20;
	}
h1 {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 2.0000em; /* 32px */
	line-height: 1.3125em; /* 42px */
	margin-top: 0.6563em;
	margin-bottom: 0.0000em;
	letter-spacing: 1px;
	color: #231f20;
	font-weight: 700;
	text-transform: uppercase;
	}
h2 {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 1.7500em; /* 28px */
	line-height: 1.5000em; /* 42px */
	margin-top: 0.7500em;
	margin-bottom: 0.0000em;
	letter-spacing: normal;
	color: #231f20;
	text-transform: uppercase;
	font-weight: 700;
	}
h3 {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 1.3750em; /* 22px */
	line-height: 1.2em; /* 21px */
	margin-top: 0.9545em;
	margin-bottom: 0.0000em;
	font-weight: 700;
	color: #231f20;
	text-transform: uppercase;
	letter-spacing: normal;
	}
h4 {
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
	font-size: 1.1250em; /* 18px */
    line-height: 1.1667em; /* 21px */
    margin-top: 1.1667em;
	margin-bottom: 0.0000em;
	font-weight: 700;
	color: #231f20;
	}
h5 {
	font-family: "Source Sans Pro", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	font-size: 1.0000em; /* 16px */
	line-height: 1.3125em; /* 21px */
	margin-top: 1.3125em;
	margin-bottom: 0.0000em;
	font-weight: 700;
	color: #231f20;
	}
h6 {
	font-family: "Source Sans Pro", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	font-size: 0.8750em; /* 14px */
  	line-height: 1.5000em; /* 21px */
  	margin-top: 1.5000em;
	margin-bottom: 0.0000em;
	font-weight: 700;
	color: #231f20;
	}
#main-content ol {
	list-style-type: number;
	margin-left: 15px;
	}
ul, ol, address {
	margin-bottom: 21px;
	}
ul li, ol li {
	font-weight: 400;
	font-size: 1.0000em; /* 16px */
	line-height: 1.3125em; /* 21px */
	padding: 0;
	color: #231f20;
	}
img {
	max-width: 100%;
	height: auto;
	border: none;
	}
blockquote {
	font-style: italic;
	margin: 0 0 21px 5px;
	padding: 0 0 0 15px;
	border-left: 5px solid rgba(150,150,150,0.5);
	text-align: justify;
	}

/* Prevent Sub and Superscripts from breaking line heights */
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
sub {
	top: 0.4em;
	}

/* Link Styles ------------------------------------------------ */

a {
	outline: 0;
	color: #3457A5;
	}
a:link {
	text-decoration: none;
	}
a:visited {
	/* color: #552ED8; */ /* purple */
	color: #243C72;
	}
a:hover {
	text-decoration: underline;
	color: #0064b5;
	}
a:active {
	text-decoration: underline;
	outline: 0;
	}
a:active, a:focus {
	outline: none;
	}
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
	cursor: pointer;
	}
a.underline {
	text-decoration: underline;
	}

	/*
h2 a, h3 a {
	 	color: #3457A5;
	 color: #231f20;
	}
*/

/* Underline for Paragraph Links */
#main-content p > a,
#main-content ul li a {
	text-decoration: underline;
	}
.h-link a {
	color: #3457A5;
	}
.accessibility-content-wrapper a,
.accessibility-content-wrapper a:link,
.accessibility-content-wrapper a:hover,
.accessibility-content-wrapper a:active,
.accessibility-content-wrapper a:visited,
.accessibility-content-wrapper ul li a {
	text-decoration: underline;
	}

@media screen {
	p a[href$='/pdf'],
	ul li a[href$='/pdf'],
	p a[href$='.pdf'],
	ul li a[href$='.pdf'] {
		padding: 0 20px 0 0;
		background:transparent url('../images/icons/pdficon_small.png') no-repeat center right;
	}
	a.ext:after,
	#main-content p a.external:after,
	#main-content ul li a.external:after {
		font-size: 10px;
		padding: 0 0 0 5px;
		font-family: FontAwesome;
		content: "\f08e";
		font-weight: normal;
		font-style: normal;
		text-decoration:none !important;
		}
	#main-content p a.external.no-icon:after,
	#main-content ul li a.external.no-icon:after {
		display: none;
		content: "";
	}
	#main-content a[href^=tel]:hover,
	#main-content a[href^=tel]:active {
		text-decoration: underline;
	}
	#main-content a.tel:after,
	#main-content a[href^=tel]:after {
		font-size: 12px;
		padding: 0 0 0 5px;
		font-family: FontAwesome;
		content: "\f095";
		font-weight: normal;
		font-style: normal;
		text-decoration:none !important;
	}
}
p.no-margin {
	margin: 0;
}
p.small {
	font-size: 90%;
}
p.event-details {
	margin-bottom: 0.5em;
}
/*
#main-content p a.external:after,
#main-content ul li a.external:after {
	font-size: 10px;
	padding: 0 0 0 5px;
	font-family: FontAwesome;
	content: "\f08e";
	}
*/
/* Remove arrow from buttons */
#main-content ul li a.btn:after,
#main-content p a.btn:after {
	content: "";
}
#main-content p a.email:after,
#main-content ul li a.email:after {
	font-size: 10px;
	padding: 0 0 0 5px;
	font-family: FontAwesome;
	content: "\f003";
	vertical-align: top;
	text-decoration: none !important;
	font-weight: normal;
	font-style: normal;
	}
#main-content p a[href$='.mp4']:after,
#main-content ul li a[href$='.mp4']:after,
#main-content p a[href$='.m4v']:after,
#main-content ul li a[href$='.m4v']:after {
	font-size: 10px;
	padding: 0 0 0 5px;
	font-family: FontAwesome;
	content: "\f008";
	vertical-align: top;
	text-decoration: none !important;
	}
.prairie-ridge a[href$='.pdf'] {
	background: none;
	padding: 0;
}
p.no-margin {
	margin: 0;
}
p.no-margin + ul {
	margin-top: 5px;
}
p.red, p.red a {
	color: red;
}
/* Hide Empty Tags */
p:empty, li:empty {
	display: none;
}
.blk {
	color: #231f20;
}

.btn-col {
	text-align: center;
}
h3.mb-5 {
	margin-bottom: 5px !important;
}
.mb-0,
p.mb-0,
ul.mb-0 {
	margin-bottom: 0 !important;
}
h2 > a.header-link,
h3 > a.header-link,
h4 > a.header-link {
	text-decoration: underline;
}

.thumbnail .caption.attribution {
	font-size: 90%;
	font-style: italic;
	color: rgb(100,100,100);
}

#main-content .thumbnail.no-border {
	border: none;
}
/* Buttons -------------------------------------------------------------------------------------------------------- */

ul.horz-list li {
	display: inline-block;
}
#main-content p a.btn {
	text-decoration: none;
}
.btn-primary,
.btn-primary:link,
.btn-primary:visited {
	text-decoration: none;
	border-radius: 0;
	background-color: #3357a3;
	display:inline-block;
	color: #FFFFFF;
	}
.btn-primary:active,
.btn-primary:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #3357a3;
	font-weight:bold;
	}
.btn-turtle:link,
.btn-turtle:visited {
	text-decoration: none;
	border-radius: 0;
	display: inline-block;
	color: #FFFFFF;
	background-color: #1C6311;
	border: 2px solid #FFFFFF;
}
.btn-turtle:active,
.btn-turtle:hover {
	text-decoration: none;
	font-weight: bold;
	color: #1C6311;
	background-color: #FFFFFF;
	border: 2px solid #1C6311;
}
.btn-ncmns-green {
	background-color: #849E3D;
	border-radius: 0;
	border: 1px solid #849E3D;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 38px;
	letter-spacing: 0.075em;
	line-height: 26px;
	padding: 5px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: background 0.5s, color 0.5s;
	width: 240px;
}
.btn-ncmns-green.btn-auto {
	width: 140px;
}
.btn-ncmns-green:visited {
	color: #FFFFFF;
}
.btn-ncmns-green:active,
.btn-ncmns-green:hover,
.btn-ncmns-green:focus {
    background-color: #FFFFFF;
    color: #849E3D;
    border: 1px solid #849E3D;
    font-weight: 700;
    text-decoration: none;
}

/* Green button*/
.btn-green {
	background-color: transparent;
	border-radius: 50px;
	border: 1px solid #849E3D;
	box-sizing: border-box;
	color: #849E3D !important;
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: 0.025em;

	padding: 0.5em;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	text-transform: none;
	transition: background 0.5s, color 0.5s;
	width: 100%;
	margin-bottom: 1em;
}
.btn-green.btn-auto {
	width: 140px;
}
.btn-green:visited {
	color: #FFFFFF;
}
.btn-green:active,
.btn-green:hover,
.btn-green:focus {
    background-color: #849E3D;
    color: #FFFFFF !important;
    border: 1px solid #849E3D;
    font-weight: 700;
    text-decoration: none;
}



/* Breadcrumbs ---------------------------------------------------------------------------------------------------- */
header#page-header .page-title-wrapper.row {
	padding-right: 0;

	position: relative;
	margin-right: 0;
}
header#page-header .page-title-wrapper h1 {

	display: block;
}
#page-header ol.breadcrumb {
	display: inline-block;
	background: #FFFFFF;
	margin: 0;
    padding: 0 15px 0 0;
    list-style-type: none;
}
.breadcrumb > li + li::before {
    color: #231f20;
    content: "> ";
    padding: 0;
    font-weight: 300;
}
#page-header ol.breadcrumb li {
	font-size: 12px;
	line-height: 14.4px;
	letter-spacing: 0.01em;
}
#page-header ol.breadcrumb li.parent-breadcrumb a {
	font-weight: 400;
	color: #231f20;
	text-transform: uppercase;
}
#page-header ol.breadcrumb li.child-breadcrumb {
	font-weight: 700;
	color: #231f20;
	text-transform: uppercase;
}
/* En Espanol Button ----------------------------------------------- */
.page-title-wrapper .col-md-3 {
	padding-right: 0;
}
.page-title-wrapper a.btn-es.btn-primary {
	margin-top: 1.6563em;
	float: right;
	/*display: inline-block;*/

}
/* Boostrap Overrides ---------------------------------------------- */

.btn {
	font-size: 16px;
}
#main-content .thumbnail {
	padding: 0;
}
#main-content nav.nav-column a.list-group-item,
#main-content nav.nav-column span.list-group-item {
	padding-right: 0;
}

/* Global Classes ------------------------------------------------- */

.add-line-height {
	line-height: 2.4em;
}
.red-text {
	color: #FF0000;
	font-weight: 800;
	}
.page-spacer {
	height: 50px;
	}
.page-spacer-10 {
	height: 10px;
	display: block;
	}
.page-spacer-20 {
	height: 20px;
	display: block;
	}
.cleardiv {
	clear: both;
	}
.page-header-hr {
	margin: 4px 0 0 0;
	padding: 0;
	height: 1px;
	color: rgba(150,150,150,1.0);
	background-color: rgba(150,150,150,1.0);
	border: none;
}
.standard-hr {
	height: 1px;
	color: rgba(150,150,150,1.0);
	background-color: rgba(150,150,150,1.0);
	border: none;
	}
.page-hr {
	height: 1px;
	color: rgba(150,150,150,0.7);
	background-color: rgba(150,150,150,0.7);
	border: none;
	margin-top: 15px;
	margin-bottom: 15px;
	}
.sub-hr {
	height: 1px;
	color: rgba(150,150,150,0.3);
	background-color: rgba(150,150,150,0.3);
	border: none;
	}
.sub-gr-hr {
	height: 1px;
	color: rgba(125,150,058,0.75);
	background-color: rgba(125,150,058,0.75);
	border: none;
}
.template-hr {
	width: 100%;
	color: rgba(0,0,255,0.3);
	background-color: rgba(0,0,255,0.3);
	height: 1px;
	margin: 0;
	padding: 0;
	}
.page-footer-hr {
	color: rgba(150,150,150,0);
	background: rgba(150,150,150,0);
	height: 2px;
	border: none;
	}
.text-center {
	text-align: center;
	margin: 0 auto;
}
.ltorangebg {
  background-color: #e8c0ad;
}

.ltgreenbg {
  background-color: #dae3b9;
}

.ltpurplebg {
  background-color: #b8a8ca;
}
/* Structure -------------------------------------------------------------- */

#wrapper {
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	}
#page-wrapper {
	margin: 0 auto;
	max-width: 900px;
	padding: 0;
	}
@media only screen and (max-width : 767px) {
	#page-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}

}

@media only screen and (max-width : 480px) {
	#wrapper {
		overflow: hidden;
	}
}
#page-wrapper:after {
	clear: both;
}
/* Page Header ----------------------------------------------------------- */

#page-header {
	padding-top: 0px;
	margin: 15px 0 0 0;
	}
#page-header img {
	margin: 0 auto;
	text-align: center;
	}
.page-header-content-div {
	padding: 15px 0;
	}
p.page-header-content, .page-header-content-div ul {
	margin-bottom: 0;
	}
p.page-header-credit {
	margin-bottom: 0;
	margin-top: 15px;
}

/* Lists ------------------------------------------------------------------ */

address {
	font-size: 1.0000em;
	}
.learn-activity ul {
	list-style-type: disc;
	margin: 0 0 0 15px;
	}
/* General Bulleted List */
.bullet-list {
	list-style-type: none;
	margin: 0 0 21px 5px;
	padding: 0 4px 0 20px;
	}
.bullet-list li {
	padding: 0 0 4px 0;
}
.bullet-list li:before {
    font-family:'FontAwesome';
    content:"\f111";
    font-size: 6px;
    color: #000000;
    padding: 0 5px 0 0;
    margin: 0 5px 0 -15px;
    vertical-align: top;
}
.rentals-price-guide .bullet-list li {
	padding: 0;
	margin-bottom: 5px;
}
.rentals-price-guide .bullet-list li:before {
	margin: 0 0 0 -12px;
}
ul.paragraph-list {
	list-style-type: none;
	line-height: 1.3125em;
	padding: 0 4px 0 20px;
}
ul.paragraph-list li {
	margin: 0 0 1.3125em 5px;
}
ul.paragraph-list li:before {
    font-family:'FontAwesome';
    content:"\f111";
    font-size: 6px;
    color: #000000;
    padding: 0 5px 0 0;
    margin: 0 5px 0 -15px;
    vertical-align: top;
}
/* General Sub Bulleted List */
.inner-bullet-list {
	list-style-type: disc;
	margin: 0 0 21px 25px;
	padding: 0 4px 0 0;
	}
/* Publication Lists */
.pub-list li {
	padding: 0 0 8px 0;
	}
/* Lists containing paragraph length text */
.pg-list li {
	padding: 0 0 8px 0;
	}
/* Publication Lists */
.people-list li {
	line-height: 1.4em;
	}
ul.page-header-list {
	margin-bottom: 0;
}
p.list-header {
	margin-bottom: 5px;
}
p.no-margin {
	margin-bottom: 0;
}
p.no-margin + ul {
    margin-top: 0;
}
/* Connect Nature Quote List */
ul.quote-list {
	margin: 0 0 0 5px;
	padding: 0 4px 0 10px;
}
.quote-list li {
	padding: 0 0 4px 0;
}
/* Blockquote list with Links */
ul.blkq-list {
	border-left: 2px solid rgba(150,150,150,0.5);
	padding: 5px 0 5px 10px;
	margin: 0 0 25px 0;
	background-color: rgba(150,150,150,0.2);
	width: 60%;
}
ul.blkq-list li {
	padding: 0 0 8px 0;
}
@media screen and (max-width: 767px) {
	ul.blkq-list li a {
		display: inline-block;
		width: 100%;
		height: 100%;
		padding: 8px 0 8px 5px;
	}
	ul.blkq-list li a:hover {
		background-color: rgba(150,150,180,0.2);
		text-decoration: none;
	}
	ul.blkq-list li {
		border: 1px solid rgba(150,150,150,0.5);
		padding: 0;
	}
	ul.blkq-list {
		border-left: none;
		padding: 0 0 5px 0;
		margin: 0 0 25px 0;
		background-color: rgba(150,150,150,0.2);
		width: 90%;
	}
}
/* Font Awesome Lists */
ul.fa-ul {
	margin-left: 25px;
	}
.fa-ul li {
	padding: 0 0 5px 0;
	}
.fa-ul .fa-li {
	padding: 3px 5px 0 0;
	font-size: 12px;
	color: #3457A5;
	}
ul.fa-ul li .fa-leaf {
	color: #009600;
}
/* Ordered List Number Styles */
#main-content .row .col-sm-8 ol.count {
    list-style-type: none !important;
    margin: 10px 0 0 18px;
    padding: 0;
    counter-reset: li-counter;
	}
#main-content .row .col-sm-8 ol.count li:nth-child(even) {
	background-color: rgba(200,200,200,0.3);
	}
#main-content .row .col-sm-8 ol.count > li {
    position: relative;
    margin: 0 0 12px 0;
	padding: 5px 10px 5px 10px;
    min-height: 20px;
    border-left: 2px solid #CCCCCC;
	}
#main-content .row .col-sm-8 ol.count > li:before {
    position: absolute;
    top: 0;
    left: -1.2em;
    width: 0.8em;
    font-size: 1.2em;
    font-weight: 600;
    text-align: right;
    color: #787878;
    content: counter(li-counter);
    counter-increment: li-counter;
	}
#main-content .row ol.no-count {
	list-style-type: lower-alpha;
	margin: 10px 0 0 18px;
    padding: 0;
	}
#main-content .row .col-sm-8 ol.no-count > li {
    position: relative;
    margin: 0 0 12px 0;
	padding: 0 0 5px 10px;
	}
#main-content .row .col-sm-8 ol.count li ol.no-count li ol li {
	margin: 10px 0 0 18px;
    padding: 0;
	}
/* Dates and Times List with Left and Right Align Split */
ul.dates-times-list {
	width: 60%;
}
ul.dates-times-list li {
	padding: 2px 0 4px 0;
	line-height: 1.4em;
}
ul.dates-times-list li:nth-child(odd) {
	background-color: rgba(150,150,150,0.2);
}
.left-align {
	text-align: left;
	width: 180px;
	position: relative;
	display: inline-block;
}
.left-align-short {
	text-align: left;
	width: 140px;
	position: relative;
	display: inline-block;
}

/* Page Content ------------------------------------------------------------- */

#main-content {
	min-height: 300px;
}
@media screen and (min-width: 1400px) {
	#main-content {
		min-height: 400px;
	}
}
#main-content h2, #main-content h3, #main-content h4 {
	margin-bottom: 0.500em;
}
#main-content .row {
	margin-bottom: 0;
	}
.img-top-margin {
	margin-top: 8px;
	}
.no-border {
	border: none !important
	}

/* Align Element to Top of Parent - Remove the Top Margin from Content Tags
.first-header, .top-align, #main-content p.top-align, #main-content h4:first-of-type, #main-content h3:first-of-type, #main-content h2:first-of-type, #main-content h1:first-of-type {
	margin-top: 0;
}*/
@media screen and (max-width: 420px) {
	.first-header, .top-align, #main-content p.top-align, #main-content h4:first-of-type, #main-content h3:first-of-type, #main-content h2:first-of-type, #main-content h1:first-of-type {
		margin-top: 15px;
	}
}

/* Alignment ------------- */

#main-content .main-content .top-align h3, .main-content .top-align h4, .main-content .top-align h2 {
	margin: 0;
	}
#main-content .left-align {
	margin-left: 0;
	padding-left: 0;
	}
#main-content .left-indent {
	padding-left:30px;
	}


/* Staff list Template ----------------------------------------------------------------- */

.staff-list .row {
	margin-bottom: 5px !important;

	padding: 10px 0;
}
.staff-list .row:nth-child(odd) {
	background-color: rgba(150,150,150,0.2);
}
.staff-list h2, .staff-list h4, .staff-list h5 {
	margin-bottom: 4px;
	margin-top: 0;
}
.staff-list h3 {
	margin-bottom: 0 !important;
}
.staff-list h4 {
	font-style: italic;
	margin-bottom: 6px;
	font-size: 16px;
	font-weight: 400;
}
.staff-list p {
	margin-bottom: 0;
}

/* Staff Template ---------------------------------------------------------------------- */

ul.staff-content-list {
	list-style-type: none;
	border-left: 1px solid rgba(150,150,150,0.5);
	margin: 10px 0 0 10px;
	padding: 0 0 0 5px;
	}
ul.pub-list {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding-left: 0;
	}
ul.pub-list li {
	padding: 10px 0;
	}
ul.education-list li, ul.other-appointments li {
	padding: 0 0 4px 0;
	}
address.staff-address {
	margin: 21px 0 0 0;
}

/* Column Navigation ------------------------------------------------------------ */
.list-group-item:first-child {
	border-radius: 0;
}
.nav-column a,
.nav-column span {
	font-weight: 400;
	line-height: 18px;
	display: block;
	color: #323232;
	background: none;
	padding-left: 0;
	text-transform: uppercase;
	}
.nav-column a.active {
	font-weight: 700;
	font-size: 17px;
	text-transform: uppercase;
	color: #000000;
	}
.nav-column .list-group-item {
	border: none;

	}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #FFFFFF;
	border: none;
	}
a.list-group-item.active:hover,
a.list-group-item.active:focus,
a.list-group-item:hover,
a.list-group-item:focus {
	color: #0064b5;
	text-decoration: none;
	}
/* Prarie Ridge */
#main-content.prairie-ridge .col-sm-9 img {
	margin-bottom: 15px;
}
ul.garden-list {
	width: 70%;
}
ul.garden-list li {
	line-height: 26px;
	display: block;
	border-bottom: 1px solid rgb(200,200,200);
}
ul.garden-list li .list-label-left {
	display: inline-block;
	width: 220px;
}
@media screen and (max-width: 767px) {
	ul.garden-list {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	ul.garden-list {
		width: 100%;
	}
	ul.garden-list li .list-label-left {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.row > .col-nav > .nav-column {
		border-top: 1px solid rgb(200,200,200);
	}
}

/* Column-Landing Template ----------------------------------------------------- */

.column-landing-content .row h3 {
	margin-top: 0;
	}
#main-content.column-landing-content .row h2 {
	line-height: 1.0em;
	margin-bottom: 15px;
	}
.staff-row h3 {
	margin: 0 0 10px 0;
	}
#main-content.column-landing-content {
	margin-top: 5px;
}
@media screen and (max-width: 767px) {
	#main-content.column-landing-content .row {
		padding-bottom: 15px;
	}
}
@media screen and (max-width: 480px) {
	#main-content.column-landing-content .row h2 {
		margin-top: 0;
	}
}

/* Collections and Fields of Research Column Landing ------------------------ */

.main-content .collections-row, .main-content .fields-research-row {
	position: relative;
	width: auto;
	}
.main-content .collections-row p, .main-content .fields-research-row p {
	margin-bottom: 0;
	}
/* Landing Template -------------------------------------------------------------- */

.landing-content .row .thumbnail .caption h5 {
	text-transform: uppercase;
	margin-top: 0.25em;
	}

/* Brimley Society --------------------------------------------------------------- */

.brimley-society ul {
	margin: 0;
	/* margin: 0 0 0 40px;
	list-style-type: disc; */
	}

/* Museum Store ------------------------------------------------------------------- */

#main-content .store-product {
	margin-bottom: 15px;
	}
.store-product h5 {
	margin-top: 0;
	}

/* Museum Publications (Museum Store) --------------------------------------------- */

.pub-bquote {
	padding-top: 0;
	}
.museum-publications address {
	margin-top: 20px;
	}
.museum-publications ul li {
	padding: 4px 0;
	}

/* Teen Science Cafe ----------------------------------------------------------- */

.teen-cafe-content .row .row .col-xs-12 h4 + p {
	margin-bottom: 10px;
}
.teen-cafe-content .row .row .col-xs-12 h4 + p + iframe {
	margin-bottom: 10px;
}

/* Single and RC-Single ------------------------------------------------------- */

/* Templates Lists at Bottom of Single and RC-Single */
.single-tpl-list li {
	padding: 0 0 8px 0;
	}

blockquote h5 {
	margin: 0 0 10px 0;
	}

@media screen and (min-width: 480px) {
	.spacer {
		width: 15px;
		display: inline-block;
	}
}

/* Tours Template -------------------------------------------------------- */

#main-content.tour-content .row:first-child {
	margin-top: 8px;
	}
#main-content.tour-content .col-sm-4 a img {
	margin-top: 3px;
	}
ul.tour-stop li {
	padding: 0 0 8px 0;
	}
ul.tour-stop li:last-child {
	padding-bottom: 0;
	}
ul.tour-stop {
	margin-bottom: 0;
	}
.tour-content .col-sm-8 h2 {
	line-height: 1.0em;
	}
@media screen and (max-width: 767px) {
	.tour-content .col-sm-8 h2 {
		margin-top: 10px;
	}
	#main-content.tour-content .col-sm-4 a img {
		margin-bottom: 10px;
		margin-left: 0;
		padding-left: 0;
	}
}


/* FAQ --------------------------------------------------------------- */

/* Questions */
.faq-content,
.faq-content blockquote,
.question-list blockqoute,
.question-list blockqoute p,
.question-list blockqoute ul li {
	font-style: normal;
}
.row.answer-row .top-link {
	float: right;
	font-style: italic;
	font-size: 90%;
	margin-right: -10px;
}

.question-list ol {
    list-style-type: none !important;
    margin: 10px 0 0 20px !important;
    padding: 0;
    counter-reset: li-counter;
	}
.question-list ol li {
	color: #231f20;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.1667em;
}
.question-list ol > li {
    position: relative;
    margin: 0 0 12px 0;
	padding: 0 10px 5px 10px;
    min-height: 20px;
    border-left: 2px solid #CCCCCC;
	}
.question-list ol > li:before {
    position: absolute;
    top: 0;
    left: -1.2em;
    width: 0.8em;
    font-size: 1.2em;
    font-weight: 600;
    text-align: right;
    color: #787878;
    content: counter(li-counter);
    counter-increment: li-counter;
	}
#main-content h4.faq-author {
	margin-bottom: 	1.1667em;
	}
.answer-row h4 {
	font-weight: 400;
	}
.answer-row .col-sm-3 {
	min-height: 100%;
	}
.faq-content .answer-row,
.faq-content .col-sm-9 .answer-row {
	margin: 0 !important;
	padding: 21px 0 0 0;
	border-top: 1px solid rgba(150,150,150,0.7);
	}
.no-q {
	border: none;
	}
.answer-row .col-sm-12,
.answer-row .col-sm-9 {
	padding-left: 0;
	}
.answer-row ul li {
	padding: 0 0 8px 0;
	}

/* Rentals ------------------------------------------------------------ */

.nec-prices, .nrc-prices {
	font-size: 14px;
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid rgba(150,150,150,0.8);
}
.nec-prices thead th, .nrc-prices thead th  {
	border-bottom: 1px solid rgba(150,150,150,0.8);
	font-size: 16px;
	padding: 6px 0 4px 4px;
}
.nec-prices tbody td, .nrc-prices tbody td {
	padding: 6px 6px 6px 0;
}
.nec-prices tbody tr:hover, .nrc-prices tbody tr:hover {
	background-color: rgba(15,15,220,0.1);
}
.nec-prices tr.alt-bg, .nrc-prices tr.alt-bg {
	background-color: rgba(200,200,200,0.3);
}
.rentals-price-guide table tbody td ul {
	margin-bottom: 0;
	padding: 0;
}
.nec-prices tbody tr td.header-cell, .nrc-prices tbody tr td.header-cell  {
	font-weight: 700;
	font-size: 16px;
	padding: 16px 0 4px 0;
	border-top: 1px solid rgba(150,150,150,0.5);
}
.notes-cell {
	padding: 0;
	font-style: italic;
}

/* Sitemap ------------------------------------------------------------------ */

#sitemap ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sitemap ul li {
	padding: 2px;
}
#sitemap li ul {
	margin: 5px 0 5px 20px;
}
.root-list li {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 0;
}
#sitemap ul li .root-page {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 0;
}
/* Error Pages ----------------------------------------------------------------- */

.error-wrapper hr.page-header-hr {
	display: none;
}
.error-wrapper .page-header-content img {
	margin-top: 12px;
}
.error-wrapper #page-header h1 {
	display: none;
}
.error-wrapper .opening {
	color: #903;
	font-size: 200%;
	}
.error-wrapper #page-header {
	margin: 50px 0 150px 0;
}
.error-wrapper .page-header-content-div {
	margin: 0;
	padding: 35px 0;
}
.error-wrapper .page-header-content {
	text-align: center;
	line-height: 1.5;
	font-size: 160%;
}
.error-wrapper .page-header-content a.header-link {
	font-size: 100%;
	text-decoration: underline;
	display: inline-block;
	padding: 0 4px;
}
.error-wrapper .page-header-content a.error-link {
	/*font-variant: small-caps; */
	font-size: 120%;
	text-decoration: underline;
	display: inline-block;
	padding: 0 4px;
}
.error-wrapper .page-header-content a.error-link:hover,
.error-wrapper .page-header-content a.error-link:active {
	padding: 0 4px;
	background-color: #3357a3;
	color: #FFFFFF;
	border-radius: 0;
	border: none;
	text-decoration: none;
}
.error-wrapper .breadcrumb,
.error-wrapper #main-content {
	display: none;
}

@media screen and (max-width: 520px) {
	.error-wrapper .page-header-content img {
		display: none;
	}
}


/* Media Queries -------------------------------------------------------- */
@media screen and (max-width: 480px) {
	/* Single Template ------------------------------------------- */
	#main-content.single > div > div.col-sm-4 > a > img {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	/* All Templates --------------------------------------------- */
	#main-content .row {
		margin-bottom: 0;
	}
	/* Single Template ------------------------------------------- */
	#main-content.single .row .col-sm-4 img {
		margin: 0 0 15px 0;
	}
	/* Column-Landing Template ----------------------------------- */
	#main-content.column-landing-content > div > div.col-sm-3 > img,
	#main-content.column-landing-content > div > div.col-sm-4 > img {
		display: none;
	}
	#mobile-images #main-content.column-landing-content > div.row {
		padding-top: 10px;
		padding-bottom: 8px;
	}
	#mobile-images #main-content.column-landing-content > div > div.col-sm-3 > img,
	#mobile-images #main-content.column-landing-content > div > div.col-sm-4 > img {
		display: block;
	}
	#mobile-images #main-content.column-landing-content > div > div.col-sm-3 > .mobile-frame > .mobile-matte > .mobile-img,
	#mobile-images #main-content.column-landing-content > div > div.col-sm-4 > .mobile-frame > .mobile-matte > .mobile-img {
		float: left;
		margin-bottom: 15px;
	}
	/*
	#mobile-images #main-content.column-landing-content > div > div.col-sm-3 > .mobile-frame,
	#mobile-images #main-content.column-landing-content > div > div.col-sm-4 > .mobile-frame {
		position: relative;
		width: 308px;
		max-height: 240px;
		height: 240px;
		background-color: rgba(160,160,160,0.5);
		margin-bottom: 15px;
	}
	#mobile-images #main-content.column-landing-content > div > div.col-sm-3 > .mobile-frame .mobile-matte {
	#mobile-images #main-content.column-landing-content > div > div.col-sm-4 > .mobile-frame .mobile-matte {
		position: absolute;
		background: white;
		top: 3.5%;
		bottom: 3.5%;
		left: 2.5%;
		right: 2.5%;
	}
	#mobile-images #main-content.column-landing-content > div > div.col-sm-3 > .mobile-frame > .mobile-matte > .mobile-img,
	#mobile-images #main-content.column-landing-content > div > div.col-sm-4 > .mobile-frame > .mobile-matte > .mobile-img {
		position: absolute;
	}
	#mobile-images #main-content.column-landing-content > div > div.col-sm-3 > .mobile-frame > .mobile-matte > .mobile-img > img,
	#mobile-images #main-content.column-landing-content > div > div.col-sm-4 > .mobile-frame > .mobile-matte > .mobile-img > img {
		float: left;
		padding: 12px;
		margin-bottom: 11px;
	}
	*/
	span.spatial-details {
		display: block;
		margin-top: 11px;
	}
	#mobile-images #main-content.column-landing-content .row {
		padding-bottom: 0;
	}
	#mobile-images #main-content.column-landing-content .row .col-sm-8 p {
		margin-bottom: 10px;
	}
	#main-content.column-landing-content > div > div.col-sm-9 > h2 > a {
		display: block;
		width: 100%;
		line-height: 38px;
	}
	#main-content.column-landing-content > div > div.col-sm-9 > h2 > a:hover {
		background-color: rgba(200,200,200,0.5);
		text-decoration: none;
	}
	#main-content.column-landing-content hr {
		margin: 0 0 10px 0;
	}
	/* Landing Template ------------------------------------------ */
	#main-content.landing-content div.thumbnail a img {
		display: none;
	}
	#main-content.landing-content .row,
	#main-content.landing-content .thumbnail {
		margin-bottom: 0;
	}
	#main-content.landing-content .row h5 {
		margin-top: 0;
		font-size: 140%;
	}
	#main-content.landing-content .row .caption {
		padding: 0;
	}
	#main-content.landing-content .row .thumbnail:hover {
		background-color: rgba(200,200,200,0.5);
	}
	#main-content.landing-content .row .caption a {
		display: block;
		width: 100%;
		height: 100%;
		padding: 10px 0 10px 0;
		border-bottom: 1px solid rgba(150,150,150,0.4);
	}
	#main-content.landing-content .row .thumbnailno-border.center-block .caption a {
		border: none;
	}
	#main-content.landing-content .row .caption a:hover {
		text-decoration: none;
	}
}

/* jQueryUI Dialog Window ------------------------------------------------------------------------------ */

.ui-dialog-title {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 18px;
    font-weight: 400;
	}
.ui-dialog-content p {
	font-size: 16px;
	line-height: 21px;
	padding-top: 10px;
	margin-bottom: 0;
	text-align: center;
	}

/* Friends Table --------------------------------------------------------------------- */

#friends-staff-table {
	border-collapse: collapse;
	border: none;
	width: 100%;
	}

/* About Section ------------------------------------------------------------------ */

.about-banner-img {
	margin-bottom: 10px;
	}
/* Welcome */
.welcome-wrapper {
	width: 100%;
	}
.welcome-wrapper p {
	text-align: justify;
	width: 100%;
	}
.welcome-wrapper .about-tagline-img {
	width: 400px;
	height: auto;
	float: right;
	position: relative;
	top: 0;
	margin-bottom: 25px;
}
.quote-block {
	border: none;
	color: rgb(112,114,116);
	font-weight: 400;
	padding: 0 25px;
	font-style: italic;
	text-align: justify;
	font-size: 16px;
}
.quote-block-footer {
	border: none;
	float: right;
	text-align: right;
	width: 80%;
	color: #231f20;
	font-weight: 600;
	font-size: 16px;
}
.quote-block-footer-alt {
	border: none;
	float: right;
	text-align: right;
	width: 80%;
	color: #231f20;
	font-weight: 400;
	font-size: 14px;
	font-style: normal;
}
.quote-block-align-right {
	text-align: right;
}
.quote-block-right {
	float: right;
	padding: 0;
	margin-bottom: 15px;
}
@media screen and (max-width: 420px) {
	.welcome-wrapper p {
		text-align: left;
	}
}
/* Staff Directory */
ul.staff-record {
	border-bottom: 1px solid rgba(100,100,100,0.5);
	padding: 0 0 10px 10px;
	margin-bottom: 10px;
}
.results ul li:nth-child(odd) {
	background-color: rgb(230,230,230);
}
.search-controls {
	padding: 0 0 0 10px;
}
form.staff-form {
	margin-top: 10px;
}
form.staff-form .form-group {
	margin-left: 15px;
}
form.staff-form .form-group h4 {
	font-weight: 400;
	text-transform: uppercase;
}
form.staff-form .control-label {
	text-transform: uppercase;
	font-weight: 400;
	text-align: left !important;
	padding-left: 0;
}
form.staff-form .input-group-btn {
	padding-left: 0px;
}
/* Staff Directory with Photos (Thumbs 125x125) */
/* Staff Directory */
ul.staff-directory-record {
	margin-bottom: 0;
}
li.staff-name {
	vertical-align: top;
	line-height: 1;
	padding-bottom: 3px;
}
.staff-record-wrapper {
	border-bottom: 1px solid rgba(100,100,100,0.5);
	padding: 12px 0 10px 0;
	margin-bottom: 10px;
}
.staff-record-wrapper .col-md-4 {
		padding-left: 0;
	padding-right: 0;
	width: 30%;
}
.staff-record-wrapper .col-md-3 {
	padding-right: 0;
	width: 20%;
}
.results ul li:nth-child(odd) {
	background-color: rgb(230,230,230);
}
footer.results-count {
	padding-top: 10px;
}
@media screen and (max-width: 767px) {
	.staff-record-wrapper .photo-col,
	.staff-record-wrapper .col-md-3 {
		display: none;
	}
}


/* Other About Pages */
.column-nav-header {
	margin-bottom: 20px;
}
.block-right {
	border: none;
	float: right;
	text-align: right;
	width: 80%;
	color: #231f20;
}
.block-footer {
	font-size: 12px;
}
ul.advisory-list li {
	padding: 0 0 8px 0;
	text-align: left;
}
.about-block {
	padding-right: 15px;
	border: none;
}
.center-align {
	width: 100%;
	text-align: center;
}
/*
nav.about-nav a:nth-child(9),
nav.about-nav a:nth-child(6),
nav.about-nav a:nth-child(7),
nav.about-nav a:nth-child(8) {
	margin-left: 15px;
}
*/
hr.nav-hr {
	margin: 4px 0;
}
p.img-caption {
	margin-top: 8px;
}
.column-nav-image-caption {
	color: rgb(112,114,116);
	margin-top: -15px;
	font-size: 16px;
}
/* About Us Letters --------------------------------------------------------------- */

.about-us-letter p:nth-child(n+3) {
	text-indent: 1.5em;
	}
.about-us-letter p.letter-signature {
	text-indent: 0em;
}

ul.align-letter-list li {
	width: 100%;
    text-align: left;
    display: block;
    padding: 2px 5px;
	}
ul.align-letter-list li span.list-label-left {
	width: 130px;
	float: left;
	}
@media screen and (max-width: 900px) {
	ul.align-letter-list {
		margin-left: 0;
	}
}
@media screen and (max-width: 600px) {
	ul.align-letter-list li span.list-label-left {
		width: auto;
	}
	ul.align-letter-list li span.list-label-left:after {
		content: " \2013 ";
		padding-right: 2px;
	}
	ul.align-letter-list li:nth-child(odd) {
		background-color: rgba(200,200,200,0.3);

	}
}
/* Online Learning */
#page-wrapper .online-learning-wrapper h4 + p {
	margin-bottom: 5px;
}

/* Membership ------------------------------------------------------------ */
.levels-benefits-wrapper ul.bullet-list {
	margin-bottom: 0.500em;
}
.levels-benefits-wrapper p > a.btn.external {
	margin-bottom: 1.5em;
}


/* Support/Donor Impact Pages --------------------------------------------- */

.lifetime-giving-wrapper .page-header-content-alt,
.annual-giving-wrapper .page-header-content-alt {
	padding-top: 1.3125em;
}
/* Visit -------------------------------------------------------------------- */
.directions-link {
	display: block;
	margin-top: 10px;
}
@media screen and (max-width: 480px) {
	.directions-link {
		display: block;
		margin-top: 10px;
		width: 100%;
		border: 1px solid #DCDCDC;
		line-height: 30px;
	}
	.directions-link:hover,
	.directions-link:active {
		background: rgb(245,245,245);
		text-decoration: none;
	}
}
/* --------------------------------------------------------------------- */
.dino-button {
	display: block;
	padding: 5px;
	background-color: #ef6337;
	border-radius: 0;
	border: 1px solid #ef6337;
	color: #FFFFFF;
	transition: background 0.5s, color 0.5s;
	height: 38px;
	line-height: 26px;
	width: 240px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.075em;
	text-decoration: none !important;
}
.dino-button:visited {
	background-color: #ef6337;
	color: #FFFFFF;
}
.dino-button:hover,
.dino-button:active {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #ef6337;
	border: 1px solid #ef6337;
	font-weight: 700;
}
#main-content p .dino-button:after {
	content: "" !important;
}
/* Hours of Operation ---------------------------------------------------- */
#hours-operation-wrapper .row {
	padding: 15px 0;
}
#hours-operation-wrapper .row:nth-child(even) {
	background-color: rgba(200,200,200,0.3);
}
#hours-operation-wrapper h3 {
	margin-bottom: 4px;
}
ul.hours-operation {
	margin-bottom: 0;
}

p.hours-operation-address {
	margin-bottom: 8px;
}
#hours-operation-wrapper p.hours-operation-address a {
	text-decoration: none;
}
.discovery-room-schedule p,
.natural-world-schedule p,
.visual-world-schedule p,
.micro-world-schedule p {
	font-style: italic;
	font-size: 90%;
	margin-top: 10px;
}
@media screen and (max-width: 767px) {
	#hours-operation-wrapper .row:nth-child(even) {
		background-color: #FFFFFF;
	}
	#hours-operation-wrapper .row .col-xs-12:nth-child(even) {
		background-color: rgba(200,200,200,0.3);
	}
	#hours-operation-wrapper .row {
		padding: 0;
	}
	#hours-operation-wrapper .row .col-xs-12 {
		padding-top: 15px;
		padding-bottom: 15px;
	}

}
@media screen and (max-width: 767px) {
	#hours-operation-wrapper .row .col-xs-12 h3 {
		margin-top: 0;
	}
}

/* Featured Exhibitions ----------------------------------------------------- */

.featured-row h5,
.featured-row h4 {
	margin: 0 !important;
	padding: 0 !important;
}
ul.past-exhibit-list li {
	line-height: 1.5em;
}

/* 20210712 exquisite-creatures-alt */
.exquisite-creatures-info ul li {
	line-height: 1.5;
}

.exquisite-creatures-info p.ticket-sale-date,
.exquisite-creatures-info p.list-header {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 1.1px
}
.exquisite-creatures-info ul.price-list {
	width: 70%;
}
.exquisite-creatures-info ul.price-list.es-price-list {
	width: 70%;
}
.challenging-the-deep-info ul.price-list {
	width: 70%;
}
.challenging-the-deep-info ul.price-list.es-price-list {
	width: 80%;
}

ul.price-list li:nth-child(even) {
	background-color: rgba(230,230,230,0.5);

}

ul.price-list li span {
	display: inline-block;
	width: 60%;
}

@media screen and (max-width: 767px) {
	.exquisite-creatures-info ul.price-list {
	width: 100%;
}
}









/* Accessiblity ------------------------------------------------------------- */

footer #social-media-links a span.screen-reader-text,
footer #social-media-links-mobile a span.screen-reader-text,
div span.screen-reader-text {
  	clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* Floor Maps --------------------------------------------------------------- */

.floor-maps .col-md-0 h2 {
	display: none;
}
/* Turtles ------------------------------------------------------- */
/* Schedule List */

ul.schedule-list li {
	width: 420px;
	padding: 4px 4px 4px 4px;
}
ul.schedule-list li:nth-child(odd) {
	background-color: rgba(230,230,230,0.5);
}
ul.schedule-list li span {
	width: 130px;
	display: inline-block;
}
ul.schedule-list li a {
	float: right;
	text-align: right;
	display: inline-block;
}
p.video-date {
	margin-bottom: 0;
	padding-bottom: 0;
}
#main-content .turtle-faq h3 {
	margin-bottom: 10px;
}
.turtle-faq .faq-row {
	padding-top: 12px;
}
.turtle-faq .faq-row:nth-child(odd) {
	background-color: rgba(230,230,230,0.5);
	margin-left: 0;
}
#main-content .row p .sold-out {
	display: inline-block;
	font-weight: 700;
	padding-top: 8px;
	font-size: 140%;
	color: red;
}
#page-header .page-header-content-div .sold-out-header {
	display: block;
	font-weight: 700;
	padding: 8px 0 4px 0;
	font-size: 200%;
	color: red;
	text-align: center;
}

/* Nature Art Gallery ------------------------------------------------------ */

#featured-artist h3 {
	margin-bottom: 0.5em;
}

#featured-artist h4 {
	margin-top: 0;
	margin-bottom: 8px;
}


/* Connect with Nature Adventures */
body.connect-nature-trip p span.header-title {
	margin-bottom: 0.5em;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.1667em;
    display: block;
}

/* Director's Letters --------------------------------------------------------- */

.directors-column-wrapper blockquote {
	text-align: left;
	background-color: rgba(225,225,225,0.3);
	padding: 15px;
	border-left: 5px solid rgba(150,150,150,0.3);
}
ul.directorLttr-list {
	width: 100%;
}
ul.directorLttr-list li {
	padding: 5px 0;
}
ul.directorLttr-list li a {
	display: block;
	width: 100%;
}
ul.directorLttr-list li:hover {
	background-color: rgba(200,200,240,0.7);
}
ul.directorLttr-list a:hover span.lttr-title,
ul.directorLttr-list li:hover a:hover {
	text-decoration: underline;
}
ul.directorLttr-list li:nth-child(even) {
	background-color: rgba(200,200,200,0.4);
}
ul.directorLttr-list span.lttr-title {
	display: inline-block;
	width: 70%;
	border-right: 2px solid #DCDCDC;
	padding: 0 4px;
	margin-right: 10px;
}
ul.directorLttr-list li a[href$=".pdf"] {
    background: none;
}
ul.directorLttr-list li a[href$=".pdf"] span.issue {
    padding: 0 20px 0 0;
	background:transparent url('../images/icons/pdficon_small.png') no-repeat center right;
}
@media screen and (max-width: 1000px) {
	ul.directorLttr-list {
		width: 100%;
	}

}
@media screen and (max-width: 767px) {
	ul.directorLttr-list span.lttr-title {
		margin-right: 4px;
		width: auto;
	}
	ul.directorLttr-list li a[href$="/pdf"] {
	    background: none;
	}
}
@media screen and (max-width: 480px) {
	ul.directorLttr-list span.lttr-title {
		border-right: none;
	}
	ul.directorLttr-list li span.issue {
	    display: none;
	}
}

/* Forms List (Teen Programs) ----------------------- */

ul.forms-list {
}
ul.forms-list li {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
ul.forms-list li:nth-child(even) {
	background-color: rgba(200,200,200,0.4);
}
ul.forms-list li:hover {
	background-color: rgba(200,200,240,0.7);
}
ul.forms-list li:hover a,
ul.forms-list li a:hover {
	text-decoration: underline;
}

/* iLab Schedules ------------------------------------------- */
ul.week,
ul.week-single {
	padding: 5px 0 5px 10px;
	margin: 0 0 10px 0;
}
ul.week-single {
	padding: 5px 0 5px 0;
	margin: 0 0 10px 0;
}
ul.hours-operation.week li,
ul.hours-operation.week-single li {
	width: 100%;
	text-align: left;
	display: block;
	line-height: 1.4;
}
ul.hours-operation.week:nth-child(even) {
	background-color: rgba(200,200,220,0.3);
	}
ul.hours-operation.week li span.day,
ul.hours-operation.week-single li span.day {
	width: 50%;
	float: left;
	text-align: left;
}
p.week-header {
	font-style: normal;
	font-size: 1.0em;
	margin: 0 0 5px 0;
	font-weight: 700;
	line-height: 1.6;
}
.sub-content {
	margin-left: 12px;
}

/* Accessibility Pages ---------------------------------------------- */

nav.nav-column.nav-subitems a.list-group-item.subitem {
	padding-left: 8px;
	}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	}
/* Wild Animals Podcast Pages ------------------------------------- */
.podcast-embed-wrapper {
 position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.podcast-embed-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}
.audio {
	margin-top: 20px;
	}
.image-group {
	display: flex;
	}
.image-col {
	flex: 50%;
	padding: 5px;
}
.single-episode .image-col {
	padding: 0;
}
.single-episode .row.episode-images {
	margin-bottom: 10px !important;
	padding-right: 10px;
	padding-left: 10px;
}
.single-episode .row.episode-images .col-md-6 {
	padding-right: 0;
	padding-left: 0;
}
@media screen and (max-width: 500px) {
  .image-col {
    width: 100%;
  }
}
.single-episode {
	padding: 21px 0 0 0;
	border-top: 1px solid rgba(150,150,150,0.7);
}
.single-episode:nth-child(1) {
	border-top: none;
}
.single-episode h3 {
	margin-top: 20px;
	margin-bottom: 0.5em;
}
.episodes {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 25px;
}
.row.image-group {
	padding-left: 10px;
	padding-right: 10px;
}
.row.image-group .col-md-3,
.row.image-group .col-md-4,
.row.image-group .col-md-6 {
	padding: 0;
}

ul.episode-list li {
	padding-bottom: 5px;
}
ul.episode-list li span.episode-list-label {
	font-weight: bold;
	padding-right: 5px;
	display: inline-block;
}
.episodes .single-episode h3,
h3.audio-title {
	text-transform: none;
	letter-spacing: 0.01em;
	line-height: 1.25;
	}

.row.audio {
	padding-left: 15px;
	padding-right: 15px;
	}
.row.audio audio {
	width: 100%;
	}
.intro-audio {
	margin-top: 0px;
	}
.single-episode {
	padding-bottom: 20px;
	}
.single-episode:first-child {
	padding-top: 0;
	}
p.tagline {
	margin-bottom: 5px;
	}
ul.link-list li {
	line-height: 1.5;
	}

/* Language Selection Pages ------------------------------------- */

#main-content .lang-toggle {
	float: right;
	position: relative;
	top: 15px;
	width: 100%;
	height: 60px;
	}
.lang-toggle.hidden-xs {
	float: right;
	margin-top: -15px;
	}
.btn-lang {
	font-size: 14px;
	width: 80px;
}
.btn-lang.active,
.btn-lang:hover {
	 font-weight:bold;
}
.lang-toggle.lang-selector-mobile {
	float: left;
	height: 30px;
	margin-top: 0px;
}
.row.background-white {
	background-color: #FFFFFF !important;
}
/* Science at Home Pages ----------------------------------------------- */

.header-image-wrapper img {
	margin-bottom: 15px;
}
header.split-page-header .support-header {
	float: right;
	position: relative;
	top: 0;
	right: 0;
	border: 2px solid red;
}
.btn-green.btn-support {
	background-color: #849E3D;
	border-radius: 0;
	border: 1px solid #849E3D;
	color: #FFFFFF;
	display: block;
	float: right;
	font-size:13px;
	font-weight:700;
	height: 34px;
	letter-spacing: 0.075em;
	line-height: 34px;
	padding: 0;
	position: relative;
	text-align: center;
	text-transform:uppercase;
	transition: background 0.5s, color 0.5s;
	width: 100%;
}
.btn-green.btn-support:hover {
    background-color: #FFFFFF;
    color: #849E3D;
    border: 1px solid #849E3D;
    font-weight: 700;
    text-decoration: none;
}
.subsection-wrapper {
	position: relative;
}
.subsection-item {
    padding: 20px 0 20px 0;
    border-bottom: 1px solid rgba(200,200,200,1.0);
}
.subsection-item ul,
.subsection-item p {
	margin-bottom: 0;
}
#page-header h1 {
	display: block;
	width: auto;
}
#page-header ol.breadcrumb {
	display: inline-block;
	width: auto;
}
#page-header .header-support-btn-wrapper {
	float: right;
	text-align: right;
	position: relative;
	display: inline-block;
	margin-top: -20px;
}
.panel-item-hover .thumbnail {
	border: 2px solid #FFFFFF;
}
.panel-item-hover .thumbnail:hover {
	border: 2px solid #DCDCDC;
}
.horizontal-image-set.row {
	margin: 20px 0 10px 0;
}
/* Social Media Buttons (Science at Home) ---------------------------------- */
.subsection-item .social-media-wrapper {
	margin-top: 20px;
	margin-bottom: 15px;
	width: auto;
	position: relative;
}
@media screen and (max-width: 420px) {
	.social-media-wrapper {
		margin-bottom: 20px;
	}
}
.social-media-wrapper h5 {
	font-weight: 400;
	font-size: 24px;
	margin-bottom: 15px;
}
.social-icons a.social-icon-facebook {
	background: #3b5a9b;
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
}
.social-icons a.social-icon-facebook:hover,
.social-icons a.social-icon-facebook:active,
.social-icons a.social-icon-facebook:focus {
	background: #FFFFFF;
	color: #3b5a9b;
		border: 3px solid #3b5a9b;
}
.social-icons a.social-icon-instagram {
	background: #527fa6;
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
}
.social-icons a.social-icon-instagram:hover,
.social-icons a.social-icon-instagram:active,
.social-icons a.social-icon-instagram:focus {
	background: #FFFFFF;
	color: #527fa6;
	border: 3px solid #527fa6;
}
.social-icons a.social-icon-twitter {
	background: #2b97f1;
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
}
.social-icons a.social-icon-twitter:hover,
.social-icons a.social-icon-twitter:active,
.social-icons a.social-icon-twitter:focus {
	color: #2b97f1;
	background: #FFFFFF;
	border: 3px solid #2b97f1;
}

.social-icons {
	 display: flex;
	 text-align: center;
	}
.social-icons a.social-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 0.5rem;
	border-radius: 50%;
	cursor: pointer;
	font-size: 2.5rem;
	text-decoration: none;
	transition: all 0.6s ease;
	color: #fff;
}
.social-icons a.social-icon:active {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.social-icons a.social-icon i {
	 position: relative;
	 top: 1px;
}
a.social-icon .icon {
	 position: relative;
	 z-index: 2;
}
a.social-icon .circle {
	 position: absolute;
	 z-index: 1;
	 top: 0;
	 left: 0;
	 display: block;
	 width: 100%;
	 height: 100%;
	 background: rgba(255, 255, 255, .1);
	 border-radius: 100%;
}
a.social-icon .circle:after {
	 content: '';
	 position: absolute;
	 top: 2px;
	 left: 2px;
	 width: 60px;
	 height: 60px;
	 border-radius: 100%;
}
a.social-icon .circle span {
	 position: absolute;
	 width: 50%;
	 height: 100%;
	 overflow: hidden;
}
a.social-icon .circle span em {
	 position: absolute;
	 border-radius: 999px;
	 width: 100%;
	 height: 100%;
	 background: #fff;
	 transition: transform 0.25s linear;
}
a.social-icon .circle span:first-child {
	 left: 0%;
}
a.social-icon .circle span:first-child em {
	 left: 100%;
	 border-top-left-radius: 0;
	 border-bottom-left-radius: 0;
	 transform-origin: 0% 50%;
}
a.social-icon .circle span:last-child {
	 left: 50%;
}
a.social-icon .circle span:last-child em {
	 left: -100%;
	 border-top-right-radius: 0;
	 border-bottom-right-radius: 0;
	 transform-origin: 100% 50%;
	 transition-delay: 0.25s;
}
a.social-icon:hover .circle span:first-child em {
	 transform: rotate(-180deg);
	 transition: transform 0.5s ease-out;
	 transition-delay: 0.25s;
}
a.social-icon:hover .circle span:last-child em {
	 transform: rotate(-180deg);
	 transition: transform 0.25s linear;
}

.btn.btn-ncmns-green.header-btn {
	width: 140px;
	margin-top: 10px;
}

@media only screen and (max-width : 767px) {
	.content-footer {
		margin-top: 20px;
	}
}
@media only screen and (max-width : 480px) {
	nav.science-at-home-navlist {
		border-top: 1px solid rgba(150,150,150,1.0);
	}
	.list-group-item.active,
	.list-group-item.active:hover,
	.list-group-item.active:focus {
    	background-color: rgba(225,225,225,0.8);
	    border-bottom: 1px solid rgba(150,150,150,0.4);
	}
	nav.science-at-home-navlist a.list-group-item.item {
		display: block;
	    margin-right: auto;
	    margin-left: auto;
	    text-align: center;
	    display: block;
	    width: 100%;
	    height: 100%;
	    padding: 10px 0 10px 0;
	    border-bottom: 1px solid rgba(150,150,150,0.4);
        font-size: 120%;
        line-height: 1.3125em;
	    font-weight: 700;
	    color: #231f20;
	    cursor:pointer;
	}
}

	#main-content .youtube-set h2.youtube-section-title {
	margin-top: 20px;
}
#main-content .youtube-set:first-of-type h2.youtube-section-title {
	margin-top: 0;
}
 ul.video-list-api,
 ul.channel-list,
 ul.playlist-list,
 ul.video-list {
	 display: flexbox;
	 display: flex;
	 justify-content: center;
	 flex-wrap: wrap;
	 margin-bottom: 0;
}
.donate-wrapper,
.youtube-gallery-wrapper {
	 margin-bottom: 30px;
 }
 li.video {
	 flex-grow: 1;
	 position: relative;
	 ooverflow: hidden;
	 width: 48%;
	 width: -webkit-calc(96% / 2);
	 width: calc(96% / 2);
	 border: solid 0.2em transparent;
}
 li.video a {
	 outline: none;
}
 li.video:before {
	 content: \'\';
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgba(0, 0, 0, 0);
	 transition: background-color 0.15s;
}
 li.video figure {
	 display: block;
	 position: relative;
	 overflow: hidden;
	 background-repeat: no-repeat;
	 background-position: center center;
	 background-size: cover;
}
 li.video figure img {
	 display: block;
	 max-width: 100%;
	 height: auto;
	 opacity: 0;
	 transform: scale(0.5);
	 transition: all 0.2s;
}
 li.video figure figcaption {
	 position: absolute;
	 bottom: 0;
	 width: 100%;
	 background: rgba(0, 0, 0, 0.6);
	 color: #fff;
	 font-size: 1.4rem;
	 font-weight: 600;
	 padding: 1rem;
	 transform: translateY(0);
	 opacity: 1;
	 transition: all 0.2s;
}
li.video figure figcaption h4,
li.video figure figcaption p {
	color: #FFFFFF;
}
li.video figure figcaption p {
	white-space: nowrap;
   width: 25em;
   font-size: 12px;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 0;
}

 li.video:hover figure img {
	 opacity: 1;
	 transform: scale(1);
}
 li.video:hover figure figcaption {
	 opacity: 0;
	 transform: translateY(50%);
}
 li.video:hover:before {
	 background-color: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 640px) {
	li.video {
		width: 100%;
	}
}
ul.link-list.activities {
	margin-left: 15px;
	list-style-type: circle;
}
ul.link-list.activities > li {
	padding-bottom: 10px;
}

span.roll {
	background: center center no-repeat rgba(50,50,50,0);
	height: 200px;
	position: absolute;
	text-align: center;
	line-height: 200px;
	width: 270px;
	z-index: 10;
	}
.roll + img {
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	}
.roll:hover + img {
	/*	filter: saturate(1.2); */
	}
.roll i {
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFFFFF;
    font-size: 32px;
    padding-top: 12px;
    position: absolute;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    top: 70px;
    left: 105px;
    width: 60px;
    height: 60px;
}
.roll i:hover {
	background: #FFFFFF;
	color: #000000;
}
/* add the font awesome icon
.roll:before {
    content: "\f0c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFFFFF;
    font-size: 40px;
    padding-right: 0.5em;
    position: absolute;
    top: 0;
    left: 45%;
    border: 4px solid #FFFFFFF;
    border-radius: 50%;
}
*/

/* Custom Link Decoration Correction 20200521 */
/* Setup Border */
a.custom-decoration::after {
	background: #231F20;
	content: '';
	height: 1px;
	position: absolute;
	right: 0;
	transition: all 0.1s ease-out;
	width: 100%;
	bottom: 0;
	}
a.custom-decoration:hover::after {
	background-color: transparent;
}
a.custom-decoration {
	color: #231F20;
    display: inline-block;
    position: relative;
    /*
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    */
    }
a.custom-decoration:hover {
	color: #243C72;
		transition: all ease .4s;
}
a.custom-decoration {
    line-height: inherit;
    color: #231F20;
    text-decoration: none;
    cursor: pointer;
	}
/* Custom White Links */
a.custom-decoration-inverse::after {
	background: #FFFFFF;
	content: '';
	height: 1px;
	position: absolute;
	right: 0;
	width: 100%;
	bottom: 0;
	transition: all ease 0.5s;
}
a.custom-decoration-inverse:hover::after {
	background-color: #7D963A;
	height: 4px;
}
a.custom-decoration-inverse {
	text-decoration: none;
	color: #FFFFFF;
    display: inline-block;
    position: relative;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    }
#covid-banner a.events-message.custom-decoration-inverse:hover,
a.custom-decoration-inverse:hover {
	color: #7D963A;
	transition: all ease .4s;

}
#covid-banner #covid-banner-wrapper {
	padding: 20px 0 22px 0;
}
#covid-banner a.events-message.custom-decoration-inverse {
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
	line-height: 1.9;
	    letter-spacing: 0.05em;
}


.thumbnail {
	border-radius: 0 !important;
}

.btn-col {
	text-align: center;
}
img.nav-col-img {
	margin-bottom: 20px;
}

/* Espanol and Accessibility - Anchored Text */
.accessibility-section {
	padding: 20px 0 5px 0;
	border-bottom: 1px solid rgba(200,200,200,1.0);
}
.accessibility-section:first-of-type {
	padding-top: 0;
}
.accessibility-section.last {
	border-bottom: none;
}
.accessibility-section h3 {
	display:block;
	width: 100%;
	padding: 0 0 5px 0;
}
.espanol-wrapper .footer-text {
	display: block;
	width: 100%;
	height: 20px;
	text-align: right;
}
.espanol-wrapper .footer-text a {
	display: inline-block;
	font-style: italic;
	text-align: right;
}

/* Espanol Resources Tables */

table.espanol-resources-table.compact {
	margin-top: 15px;
	margin-bottom: 15px;
	}
table.espanol-resources-table.compact:last-child {
	margin-bottom: 25px;
	}
table.espanol-resources-table.compact,
table.espanol-resources-table.compact tbody,
table.espanol-resources-table.compact > tbody,
table.espanol-resources-table.compact > tbody > tr > th,
table.espanol-resources-table.compact th,
table.espanol-resources-table.compact tr th {
	border: none;
	border-top: none;
	}
table.espanol-resources-table.compact tbody tr td {
	padding-left: 0;
	padding-top: 0;
	border: none;
}
table.espanol-resources-table.compact tbody tr:not(.title-row) {
	border: none;
/*	border-top: 1px solid #ddd; */
}
table.espanol-resources-table.compact th i {
	font-size: 14px;
	padding: 10px 0 0 5px;
/*	background:transparent url('../images/icons/pdficon_small.png') no-repeat center right; */
	}
table.espanol-resources-table.compact tbody th {
	padding: 0;
	line-height: 35px;
	height: 35px;
	}
table.espanol-resources-table.compact tbody th a.td-link,
table.espanol-resources-table.compact tbody td a.td-link {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent;
	}
table.espanol-resources-table.compact tbody th a.td-link:hover,
table.espanol-resources-table.compact tbody td a.td-link:hover {
	background: rgba(225,225,225,0.4);
	}
.espanol-video-grid .panel {
	padding: 20px;
	background-color: rgb(230,230,230);
	}
.espanol-video-grid .panel p.video-description {
	font-size: 0.9em;
	font-style: italic;
	padding-top: 10px;
	margin-bottom: 0;
	}
/* Privacy Policy //--------------------------------------------------------------------------- */

.privacy-policy-wrapper h6 {
	font-size: 18px;
}
.privacy-policy-wrapper ul li {
	line-height: 1.4;
}
.privacy-policy-wrapper ul {
	list-style-type: disc;
	margin-left: 15px;
	list-style-position: outside;
}
.privacy-policy-wrapper ul li {
	padding: 0px 0px 10px 0px;
}
.privacy-policy-wrapper .category-block {
	margin-bottom: 15px;
}
.privacy-policy-wrapper .category-block p {
	margin-bottom: 5px;
}

/* Plan Your Visit //--------------------------------------------------------------------------- */
p.focus-block {
	border: 2px solid rgba(200,200,200,0.6);
	width: 100%;
	padding: 20px;
	font-weight: 700;
}
h3.open-subheader {
	margin-top: 20px !important;
}

.embed-responsive {
	margin-bottom: 20px;
}
/* Volunteer Form //-------------------------------------------------------------------------- */
p.form-helper {
	padding: 10px 0 0 15px;
	margin-bottom: 0px;
}


/* Exhibits Image Grid //-------------------------------------------------------------------- */


.grid.row {
	padding: 0 15px 0 15px;
}
.grid.row .grid-item {
	padding: 0;
	margin: 0;

}

/* list column properties */
.column-count-xs-2 { column-count: 2; }
.column-count-xs-3 { column-count: 3; }
@media screen and (min-width: 768px) {
	.column-count-sm-2 { column-count: 2; }
	.column-count-sm-3 { column-count: 3; }
}
@media screen and (min-width: 992px) {
	.column-count-md-2 { column-count: 2; }
	.column-count-md-3 { column-count: 3; }
}
@media screen and (min-width: 1200px) {
	.column-count-lg-2 { column-count: 2; }
	.column-count-lg-3 { column-count: 3; }
}
.column-count-xs-2 li, .column-count-xs-3 li,
.column-count-sm-2 li, .column-count-sm-3 li,
.column-count-md-2 li, .column-count-md-3 li,
.column-count-lg-2 li, .column-count-lg-3 li {
	break-inside: avoid-column;
}
/* responsive text alignment */
.text-xs-left { text-align: left !important; }
.text-xs-right { text-align: right !important; }
.text-xs-center { text-align: center !important; }
.text-xs-justify { text-align: justify !important; }
@media (min-width: 768px) {
  .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; }
  .text-sm-justify { text-align: justify !important; }
}
@media (min-width: 992px) {
  .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; }
  .text-md-justify { text-align: justify !important; }
}
@media (min-width: 1200px) {
  .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; }
  .text-lg-justify { text-align: justify !important; }
}


/*
Note: these styles are duplicated in the file
/calendar/wp-content/themes/ncnms_web/tribe-events/tribe-events.css
*/
.sponsor-images-large img,
.sponsor-images-small img,
.sponsor-images img {
	margin-right: 15px;
	margin-bottom: 15px;
	max-width: unset;
	height: auto;
}

.sponsor-images-large img {
	width: 190px;
}

.sponsor-images-small img {
	width: 130px;
}

@media (max-width: 767px) {
	.sponsor-images-large img {
		width: 200px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.sponsor-images-small {
		column-count: 4;
	}

	.sponsor-images-small img {
		width: 100%;
	}
}

@media (max-width: 500px) {
	.sponsor-images-small {
		column-count: 2;
	}
}

/*Rentals*/
.faqLinks {
	list-style-type: none;
	margin: 0 0 21px 5px;
	padding: 0 4px 0 20px;
	}
.faqLinks li {
	padding: 0 0 4px 0;
}
.faqLinks li:before {
    font-family:'FontAwesome';
    content:"\f111";
    font-size: 6px;
    color: #000000;
    padding: 0 5px 0 0;
    margin: 0 5px 0 -15px;
    vertical-align: top;
}

details {
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 0.5em 0.5em 0;
	overflow: hidden; /* Corrects a conflict between border-radius and background color. */
}
summary {
	position: relative;
	font-weight: bold;
	margin: -0.5em -0.5em 0;
	padding: 0.5em;
	cursor: pointer;
	transition: background-color 0.2s;
	background-color: #fafafa;
}
summary:has(.summary-chevron) {
	padding-right: 30px;
}
summary:hover {
	background-color: #f0f0f0;
}
details[open] {
	padding: 0.5em;
}
details[open] summary {
	border-bottom: 1px solid #aaa;
	margin-bottom: 0.5em;
}
details p:last-child,
details ul:last-child,
details ol:last-child {
	margin-bottom: 0px !important;
}

details:has(+ details) { /* Targets the first <details> in a series */
	border-radius: 5px 5px 0px 0px;
}
details + details { /* Targets <details> in a series other the the first */
	border-top: 0px;
	border-radius: 0px !important;
}
details + details:not(:has(+ details)) { /* Targets the LAST <details> in a series to override border-radius in above rule */
	border-radius: 0px 0px 5px 5px !important;
}

/* Volunteer page css */
#volunteer p {
	color: red !important;
}

details > summary .summary-chevron {
	position: absolute;
	right: 15px;
	top: -5px;
	bottom: 0px;
	display: flex;
	transform: rotate(45deg);
	transition: transform 0.2s, top 0.2s;
}
details > summary .summary-chevron::after {
	content: ' ';
	display: inline-flex;
	align-self: center;
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
	height: 12px;
	width: 12px;
}
details[open] > summary .summary-chevron {
	top: 5px;
	transform: rotate(-135deg);
}