/* -- Landing Pages -- */

#landing-hero {
	position: relative;
	height: 785px;
	overflow: hidden;
	background: #000;
}

#landing-hero .parallax {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#landing-hero .parallax-bg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#landing-overlay {
	position: absolute;
	z-index: 2;
	padding-top: 290px;
	padding-left: 90px;
	overflow: hidden;
	color: #FFF;
	text-align: left;
}
 
#landing-section h2 {
	text-align: left;
	text-transform: uppercase;
	font-family: 'AvenirLTPro-Heavy', 'Arial Black', arial, sans-serif;
	font-size: 50px;
	line-height: 52px;
	margin-bottom: 50px;
	color: #FFF;
}

#landing-section h2 span {
	font-family: 'AvenirLTPro-Light', arial, sans-serif;
}

#landing-info p {
	width: 50%;
	margin: -20px 0 0;
	font-family: 'AvenirLTPro-Light', arial, sans-serif;
	font-size: 30px;
	line-height: 33px;
	text-shadow: 0 1px 8px rgba(0,0,0,.5);
}

#landing-info ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#landing-info li {
	margin-bottom: 42px;
}

#landing-info li a {
	display: block;
	padding-left: 35px;
	color: #FFF;
}

#landing-info li a .label {
	display: block;
	margin-bottom: 5px;
	font-family: 'AvenirLTPro-Heavy', 'Arial Black', arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
}

#landing-info li a .text {
	display: inline-block;
	font-family: 'AvenirLTPro-Light', arial, sans-serif;
	font-size: 30px;
	line-height: 32px;
	border-bottom: 2px solid transparent;
	transition: border .2s;
}

#landing-info li a:hover .text {
	border-bottom: 2px solid #FFF;
}

#landing-info li a .sublink {
	display: block;
	padding-top: 6px;
	text-transform: uppercase;
}

#landing-info a.hours {
	background: url(../images/common/icon-hours.svg) left 28px no-repeat;
}

#landing-info a.location {
	background: url(../images/common/icon-location.svg) left 25px no-repeat;
}

#landing-info a.membership {
	background: url(../images/common/icon-membership.svg) left 5px no-repeat;
}

#landing-info a.support {
	background: url(../images/common/icon-support.svg) left 5px no-repeat;
}


#landing-features {
	position: relative;
	z-index: 3;
	background: #FFF;
	padding: 40px;
	margin-top: -40px;
}

#landing-features ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#landing-features li {
	margin: 0;
	padding: 0;
}

#landing-features li a img {
	display: block;
	width: 100%;
	height: 50%;
	-webkit-transition: -webkit-filter .3s;
	transition: filter .3s;
}

#landing-features li a:hover img {
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}


#landing-features li a .title {
	display: block;
	padding-top: 26px;
	font-family: 'AvenirLTPro-Book', arial, sans-serif;
	font-size: 26px;
	line-height: 28px;
	color: #000;
}

#landing-features li a:hover .title {
	color: #AA3339;
}

#landing-features li a .sub {
	display: block;
	padding-top: 6px;
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #B0B0B0;
}

#landing-features .slider-prev ,
#landing-features .slider-next  {
	left: -25px;
	width: 66px;
	height: 66px;
	margin-top: -72px;
	background: url(../images/common/arrow-lg-left.svg) no-repeat;
	background-size: 100% 100%;
	transition: width .3s, height .3s;
	border: 0;
}

#landing-features .slider-next  {
	left: auto;
	right: -25px;
	background: url(../images/common/arrow-lg-right.svg) no-repeat;
	background-size: 100% 100%;
}

#landing-features .slider-page {
	display: none;
}

#landing-features .slider-prev:hover,
#landing-features .slider-next:hover  {
	opacity: .66;
}

#landing-features .slider-page {
	display: none;
}

#landing-visual img {
	display: block;
	width: 100%;
	height: auto;
}

#landing-sections {
	background: #FFF;
	padding: 40px 40px 50px;
}

#landing-sections ul {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#landing-sections ul li {
	float: left;
	width: 50%;
	margin: 30px 0;
	padding: 0;
}

#landing-sections ul li a {
	display: block;
	width: 95%;
	overflow: hidden;
}

#landing-sections ul li a .icon {
	display: block;
	float: left;
	width: 66px;
	height: 66px;
	margin-right: 15px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	border: 2px solid #E8E8E8;
	border-radius: 50%;
	-webkit-transition: -webkit-filter .3s;
	transition: filter .3s;
}

#landing-sections ul li a:hover .icon {
	border-color: #FFF;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

#landing-sections ul li a .title {
	display: block;
	height: 50px;
	font-family: 'AvenirLTPro-Light', arial, sans-serif;
	font-size: 40px;
	line-height: 45px;
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#landing-sections ul li a:hover .title {
	color: #AA3339;
}


#landing-sections ul li a .description {
	display: block;
	overflow: hidden;
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #B0B0B0;
}

.icon-visit-calendar {
	background-image: url(../images/pages/icon-visit-calendar.svg);
}

.icon-visit-exhibitions {
	background-image: url(../images/pages/icon-visit-exhibitions.svg);
}

.icon-visit-kids {
	background-image: url(../images/pages/icon-visit-kids.svg);
}

.icon-visit-groups {
	background-image: url(../images/pages/icon-visit-groups.svg);
}

.icon-visit-tickets {
	background-image: url(../images/pages/icon-visit-tickets.svg);
}

.icon-visit-location {
	background-image: url(../images/pages/icon-visit-location.svg);
}

.icon-join-membership {
	background-image: url(../images/pages/icon-join-membership.svg);
}

.icon-join-support {
	background-image: url(../images/pages/icon-join-support.svg);
}

.icon-collections-anthropology {
	background-image: url(../images/pages/icon-collections-anthropology.svg);
}

.icon-collections-ask {
	background-image: url(../images/pages/icon-collections-ask.svg);
}

.icon-collections-vertebrates {
	background-image: url(../images/pages/icon-collections-vertebrates.svg);
}

.icon-collections-invertebrates {
	background-image: url(../images/pages/icon-collections-invertebrates.svg);
}

.icon-collections-library {
	background-image: url(../images/pages/icon-collections-library.svg);
}

.icon-collections-coast {
	background-image: url(../images/pages/icon-collections-coast.svg);
}

.icon-volunteer-adults {
	background-image: url(../images/pages/icon-volunteer-adults.svg);
}

.icon-volunteer-youth {
	background-image: url(../images/pages/icon-volunteer-youth.svg);
}

.icon-volunteer-application {
	background-image: url(../images/pages/icon-volunteer-application.svg);
}

.icon-education-adults {
	background-image: url(../images/pages/icon-education-adults.svg);
}

.icon-education-teens {
	background-image: url(../images/pages/icon-education-teens.svg);
}

.icon-education-kids {
	background-image: url(../images/pages/icon-education-kids.svg);
}

.icon-education-students {
	background-image: url(../images/pages/icon-education-students.svg);
}

.icon-education-astronomy {
	background-image: url(../images/pages/icon-education-astronomy.svg);
}

/* -- Home -- */

#home {
	position: relative;
}

#home-features {
	height: 785px;
}

#home-features ul {
	list-style: none;
}

#home-features li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-size: cover;
	background-position: center center;
}

#home-features li a .title {
	display: block;
	position: absolute;
	width: 90%;
	padding: 0 5%;
	text-align: center;
	bottom: 80px;
	color: #FFF;
	font-family: 'AvenirLTPro-Black', 'Arial Black', arial, sans-serif;
	font-size: 60px;
	line-height: 65px;
	text-shadow: 0 2px 8px rgba(0,0,0,.5);
}

#home-features li a .title .sub {
	display: block;
	padding-top: 5px;
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 30px;
	line-height: 45px;
}

#home .slider-next,
#home .slider-prev {
	display: none;
}

#home .slider-page {
	margin-top: -36px;
}

#home .slider-page div {
	border: 0;
	margin: 0 4px;
	width: 13px;
	height: 13px;
	background: rgba(255,255,255,.5);
}

#home .slider-page div.selected {
	border: 0;
	background: #FFF;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}

#home-buttons {
	height: 375px;
	background: white;
	padding: 75px 0 100px;
	text-align: center;
}

#home-buttons a {
	display: inline-block;
	text-align: center;
	width: 246px;
	margin: 0 4%;
	padding-bottom: 30px;
	transition: width .2s, margin .2s;
}

#home-buttons a .image {
	display: block;
	width: 246px;
	height: 246px;
	border-radius: 50%;
	background-size: 100% 100%;
	background-position: center center;
	-webkit-transition: -webkit-filter .3s;
	transition: filter .3s;
}

#home-buttons a .title {
	display: block;
	padding-top: 25px;
	padding-bottom: 7px;
	font-family: 'AvenirLTPro-Roman', arial, sans-serif;
	font-size: 30px;
	line-height: 32px;
	color: #000;
}

#home-buttons a .desc-line-1,
#home-buttons a .desc-line-2 {
	display: block;
	padding-top: 5px;
	font-family: 'AvenirLTPro-Roman', arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #949494;
}

#home .location {
	display: inline-block;
	margin-right: 5px;	
}

#home .location:after {
	content: ",";	
}

#home .location:last-child:after {
	content: "";	
}



#home-buttons a:hover .image {
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}

#home-buttons a:hover .title {
	color: #A8353D;
}

#home-banner-message {
	display: none;
}

#home-today {
	height: 80px;
	padding: 0 58px;
	margin-top: -40px;
}

#home-today a {
	display: block;
	width: 40%;
	padding: 26px 0;
	padding-left: 10%;
	float: left;
	height: 28px;
	line-height: 28px;
	color: #FFF;
	text-align: center;
	background: #AA3339;
	transition: background .2s;
	font-family: 'AvenirLTPro-Heavy', arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	vertical-align: middle;
}

#home-today a strong {
	display: inline-block;
	padding-right: 5px;
	font-family: 'AvenirLTPro-Black', 'Arial Black', arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 15px;
}

#home-today a:last-child {
	float: right;
	padding-left: 0;
	padding-right: 10%;
}

#home-today a:hover {
	background: #AA3339;
}

#home-today .membership {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 5px;
	background: url('../images/pages/home-member.svg');
	background-size: 100% 100%;
	vertical-align: middle;
	margin-top: -4px;
}

#home-today .donate {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 5px;
	background: url('../images/pages/home-donation.svg');
	background-size: 100% 100%;
	vertical-align: middle;
	margin-top: -4px;
}



#home-upcoming {
	width: 100%;
	margin-top: 50px;
	padding: 70px 0 38px;
	overflow: hidden;
	background: #FFF;
}

#home-upcoming h2 {
	font-family: 'AvenirLTPro-Black', arial, sans-serif;
	font-size: 45px;
	line-height: 50px;
	margin: 0 0 70px;
}

#home-upcoming-events {
	position: relative;
	display: grid;
	gap: 34px;
	padding: 0 58px 30px;
	grid-template-columns: 1fr 1fr;
}

#home-upcoming a.event {
	display: block;
	height: 148px;
	overflow: hidden;
	color: #000;
}

#home-upcoming a.event img {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	-webkit-transition: -webkit-filter .3s;
	transition: filter .3s;
}

#home-upcoming a.event .title {
	display: block;
	padding-top: 12px;
	font-family: 'AvenirLTPro-Roman', arial, sans-serif;
	font-size: 26px;
	line-height: 28px;
	transition: color .3s;
}

#home-upcoming a.event .detail {
	display: block;
	padding-top: 10px;
	font-family: 'AvenirLTPro-Roman', arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #949494;
}

#home-upcoming a.event:hover img {
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}

#home-upcoming a.event:hover .title {
	color: #A8353D;
}

#home-upcoming-button {
	margin-top: -23px;
	text-align: center;
}

#home-upcoming-button a.button {
	padding: 0 40px;
}

#home-subfeatures-pad {
	position: relative;
	z-index: 4;
	padding: 34px;
	margin-top: 22px;
}

#home-subfeatures {
	padding: 58px;
	background: #FFF;
}

#home-subfeatures .subfeature {
	display: block;
	float: right;
	width: 47%;
}

#home-subfeatures .subfeature:first-child {
	float: left;
}

#home-subfeatures .subfeature img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: -webkit-filter .3s;
	transition: filter .3s;
}

#home-subfeatures .subfeature .title {
	display: block;
	padding-top: 26px;
	font-family: 'AvenirLTPro-Roman', arial, sans-serif;
	font-size: 26px;
	line-height: 28px;
	color: #000;
	transition: color .3s;
}

#home-subfeatures .subfeature .sub {
	display: block;
	padding-top: 6px;
	font-family: 'AvenirLTPro-Roman', arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #949494;
}

#home-subfeatures .subfeature:hover img {
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}

#home-subfeatures .subfeature:hover .title {
	color: #A8353D;
}


#home-video {
	position: relative;
	padding-top: 50px;
	margin-top: -350px;
	margin-bottom: -40px;
	z-index: 1;
}

#home-video:before {
	position: absolute;
	z-index: 2;
	display: block;
	content: '';
	width: 100%;
	height: 33%;
	background: rgb(232,232,232);
	background: linear-gradient(0deg, rgba(232,232,232,0) 0%, rgba(232,232,232,1) 100%);
}

#home-video video {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0;

}



/* -- Hours & Admission -- */

#hours h3:first-child {
	margin-top: 20px;
}

#hours-cols {
	display: grid;
	padding-top: 65px;
	margin-bottom: 40px;
	position: relative;
	grid-template: 'sea museum special';
	grid-template-columns: 1fr 1fr 1fr;
}

#hours-cols .column-third {
	border-left: 2px solid #E8E8E8;
	padding: 0 8% 30px;
}

#hours-cols .column-third:first-child {
	padding-left: 0;
	padding-right: 5%;
	border-left: 0;
}

#hours-cols .column-third:last-child {
	padding-right: 18%;
}

#hours-cols p {
	margin: 25px 0;
}

#hours-cols sub {
	font-size: 17px;
}

#hours-sea-center {
	grid-area: sea;
}

#hours-museum {
	grid-area: museum;
}

#hours-special {
	grid-area: special;
	font-size: 17px;
	line-height: 26px;
}

#hours-reservations {
	text-align: center;
	margin-top: -25px;
}

/* -- Sidebar Module -- */

#ask-mod {
	position: absolute;
	right: 74px;
	width: 28%;
}

#ask-mod #ask-button {
	transition: padding .3s;
}

#ask-mod .button-alt {
	display: block;
	text-align: center;
}


/* -- Ask & Share -- */


#ask-landing #page {
	padding-top: 60px;
}

#ask-landing #ask-search {
	max-width: 688px;
	margin: 50px auto;
}

#ask-landing #ask-search input {
	height: 60px;
	font-size: 27px;
	padding: 0 15px;
}

#ask-summary {
	max-width: 790px;
	font-size: 20px;
	line-height: 27px;
	margin: auto;
	text-align: center;
}

#ask-categories {
	max-width: 1000px;
	display: grid;
	margin: 50px auto 80px;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}

#ask-categories div {
	position: relative;
	text-align: center;
	font-size: 26px;
	line-height: 28px;
	padding: 20px 0;
}

#ask-categories div a {
	display: inline-block;
	width: 220px;
	margin: auto;
	color: black;
}

#ask-categories div a img {
	display: block;
	width: 220px;
	height: 220px;
	margin: 0 0 20px;
	border-radius: 50%;
	background-color: #E8E8E8;
	transition: filter .2s;
}

#ask-categories div a:hover img {
	filter: brightness(110%);
}


#ask #hero {
	position: relative;
}

#ask-hero-overlay {
	position: absolute;
	box-sizing: border-box;
	width: calc(100% - 68px);
	bottom: 34px;
	left: 34px;
	padding: 34px;
	background: rgba(255,255,255,.75);
	backdrop-filter: blur(10px);
	text-align: center;
}

#ask-hero-overlay p {
	max-width: 790px;
	margin: 20px auto 0;
	font-size: 18px;
	line-height: 25px;
}

#ask-hero-overlay a {
	color: black;
	text-decoration: underline;
}

#ask-hero-overlay a:hover {
	color: #AA3339;
}

#ask-list {
	padding: 20px 0;
}

#ask-list .question {
	padding: 0 0 40px;
}

#ask-list .question .title {
	font-family: 'AvenirLTPro-Heavy', arial, sans-serif;
	font-size: 26px;
	line-height: 30px;
}

#ask-list .question .text {
	padding: 13px 0 15px;
	font-size: 20px;
	line-height: 28px;
}

#ask-list .question .info {
	font-size: 16px;
	line-height: 20px;
	color: #707070;
}

#ask-mod > a {
	display: block;
	height: 46px;
	overflow: hidden;
	padding: 0 20px;
	text-align: center;
	text-transform: uppercase;
	background: #E8E8E8;
	font-size: 20px;
	line-height: 50px;
}

.ask-carousel {
	position: relative;
	height: 500px;
	margin: 20px 0 15px;
}

.ask-carousel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ask-carousel li {
	margin: 0;
	padding: 0;
	height: 500px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ask-carousel .slider-prev ,
.ask-carousel .slider-next  {
	left: -25px;
	width: 66px;
	height: 66px;
	margin-top: -20px;
	background: url(../images/common/arrow-lg-left.svg) no-repeat;
	background-size: 100% 100%;
	transition: width .3s, height .3s;
	border: 0;
}

.ask-carousel .slider-next  {
	left: auto;
	right: -25px;
	background: url(../images/common/arrow-lg-right.svg) no-repeat;
	background-size: 100% 100%;
}

.ask-carousel .slider-page {
	display: none;
}

.ask-carousel .slider-prev:hover,
.ask-carousel .slider-next:hover  {
	opacity: .66;
}




#ask-question {
	font-family: 'AvenirLTPro-Book', arial, sans-serif;
	font-size: 26px;
	line-height: 34px;
}




.ask-photos {
	margin: 30px 0 20px;
}

.ask-photos img {
	margin-right: 4px;
	cursor: pointer;
	-webkit-transition: -webkit-filter .3s;
	transition: filter .3s;
}

.ask-photos img:hover {
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}

#ask-info {
	margin: 20px 0 40px;
	font-size: 16px;
	line-height: 20px;
	color: #707070;
}

#ask-response {
	border-top: 2px solid #E8E8E8;
	padding-top: 40px;
}

#ask-response .response {
	border-top: 2px solid #E8E8E8;
}

#ask-button-bottom {
	text-align: center;
	display: none;
	padding-bottom: 40px;
}



#ask .multiadder {
	border: 0;
}

#ask .multiadder-fields {
	float: none;
	width: auto;
}

#ask .multiadder-list {
	float: none;
	width: auto;
	padding: 0 0 20px;
}

#ask .multiadder-list ul {
	margin: 0;
	border: 0;
}

#ask .multiadder-group {
	padding-top: 0;
}

#ask .multiadder-group br {
	display: none;
}

#ask-search {
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}

#ask-search input[type="text"] {
	box-sizing: border-box;
	float: left;
	width: 70%;
	height: 46px;
	font-size: 16px;
	border-right: 0;
}

#ask-search input[type="submit"] {
	box-sizing: border-box;
	float: left;
	width: 30%;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	font-family: 'AvenirLTPro-Heavy', 'Arial Black', arial, sans-serif;
	text-transform: uppercase;
	background: #000;
	text-align: center;
	color: #FFF;
	border: 0;
	cursor: pointer;
}

#ask-search input[type="submit"]:hover {
	background: #515151;
}


/* -- Blog -- */

#blog #page {
	height: auto;
	min-height: auto;
	padding: 40px;
	background: #FFF;
}

#blog #posts {
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 20px;
	line-height: 35px;
	color: #292929;
}

#blog #posts .post {
	padding: 40px;
	background: #FFF;
	margin-bottom: 40px;
	text-align: center;
}

#blog #posts .post:first-child {
	padding-top: 0;
}

#blog #posts .post:last-child {
	margin-bottom: 0;
}

#blog #posts .post .caption {
	margin-top: -15px !important;
}

#blog #posts .post-pad {
	width: 65%;
	max-width: 732px;
	margin: auto;
	text-align: left;
}

#blog #posts .post-pad img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	-webkit-transition: -webkit-filter .3s;
	transition: filter .3s;
}

#blog #posts .post-pad img:hover {
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}

#blog #posts .post-extras {
	position: relative;
}

#blog #posts .post-extras .details {
	position: absolute;
	left: -180px;
	top: 0;
	width: 150px;
	text-align: right;
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #707070;
}

#blog #posts .post-extras .details a {
	color: #707070;
}

#blog #posts .post-extras .details a:hover {
	color: #000;
}

#blog #posts .post-extras .date {
	margin: 6px 0 0;
	cursor: default;
}

#blog #posts .post-extras .time {
	margin: 4px 0 0;
	cursor: default;
}

#blog #posts .post-extras .time span {
	display: none;
}

#blog #posts .post-extras .categories {
	margin: 28px 0 0;
}

#blog #posts .post-extras .comments {
	float: right;
	margin-top: 7px;
}

#blog #posts .post-extras .comments a {
	display: block;
	text-align: center;
	width: 33px;
	height: 27px;
	padding-top: 5px;
	background: url(../images/common/icon-comment.svg) no-repeat;
}

#blog #posts .post-extras .comments a:hover {
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

#blog #posts .post h3 a {
	color: #000;
}

#blog #posts .post h3 a:hover {
	color: #AA3339;
}

#blog #posts .post .more {
	padding-bottom: 2px;
	border-bottom: 2px solid #AA3339;
	font-family: 'AvenirLTPro-Heavy', arial, sans-serif;
}



/* -- Calendar -- */

#calendar-date .trigger .short {
	display: none;
}

#calendar-filter #category,
#calendar-filter .form-select-trigger {
	width: 180px;
}

#calendar-filter .form-select-trigger span {
	text-align: right;
}

#calendar-events {
	padding: 40px 0;
}

#calendar-events .event {
	width: 100%;
	max-width: 1200px;
	margin-bottom: 40px;
	overflow: hidden;
}

#calendar-events .event img {
	float: left;
	max-width: 470px;
	margin-right: 40px;
}

#calendar-events .event img:hover {
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}

#calendar-events .event .label {
	text-transform: uppercase;
	font-family: 'AvenirLTPro-Black', arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	padding: 3px 0 20px;
	color: #000;
}

#calendar-events .event .title {
	font-family: 'AvenirLTPro-Book', arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
}

#calendar-events .event .description {
	padding: 12px 0 18px;
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #707070;
}

#calendar-events .event .time {
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: #707070;
}

#calendar-events .event .action {
	position: relative;
	height: 46px;
	line-height: 46px;
	margin-top: 20px;
}

#calendar-events .event .action .button {
	display: block;
	float: left;
	margin-right: 20px;
}

h4 .location {
	display: inline-block;
	margin-right: 10px;	
}

h4 .location:after {
	content: ",";	
}

h4 .location:last-child:after {
	content: "";	
}


/* -- Classes -- */

#classes-list {
	padding: 40px 0;
}

#classes-list h3 {
	margin-bottom: 20px;
}

#classes-list .class {
	width: 100%;
	max-width: 1200px;
	margin-bottom: 40px;
	overflow: hidden;
}

#classes-list .class img {
	position: absolute;
	width: 470px;
	height: auto;
}

#classes-list .class .text {
	padding-left: 510px;
}

#classes-list .class img:hover {
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}

#classes-list .class .label {
	text-transform: uppercase;
	font-family: 'AvenirLTPro-Black', arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	padding: 3px 0 20px;
	color: #000;
}

#classes-list .class .title {
	font-family: 'AvenirLTPro-Book', arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
}

#classes-list .class .description {
	padding: 12px 0 18px;
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #707070;
}

#classes-list .class .time {
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: #707070;
}

#classes-list .class .action {
	position: relative;
	height: 46px;
	line-height: 46px;
	margin-top: 20px;
}

#classes-list .class .action .button {
	display: block;
	float: left;
	margin-right: 20px;
}

#classes-list .class .action .remaining {
	display: block;
	float: left;
	font-size: 13px;
}


/* --  Exhibitions -- */

#exhibitions .related {
	border-top: 2px solid #E8E8E8;
}

/* --  Galleries -- */

#galleries ul.item-list {
	padding: 0;
}


/* --  Visit Us -- */

#visit #landing-hero .parallax-bg {
	background-image: url(../images/pages/visit-hero.jpg);
}

/* --  Join & Support -- */

#join #landing-hero .parallax-bg {
	background-image: url(../images/pages/join-hero2.jpg);
}


/* --  Collections & Research -- */

#collections #landing-hero .parallax-bg {
	background-image: url(../images/pages/collections-hero.jpg);
}

/* --  Volunteer -- */

#volunteer #landing-hero .parallax-bg {
	background-image: url(../images/pages/volunteer-hero2.jpg);
}

/* --  Education & Programs -- */

#education #landing-hero .parallax-bg {
	background-image: url(../images/pages/education-hero-2.jpg);
}


/* -- Journal -- */


#issue-list {
	width: 100%;
	padding: 40px 0;
	overflow: hidden;
}

#issue-list .issue {
	float: left;
	width: 45%;
	padding: 30px 5% 30px 0;
}

#issue-list .issue .image {
	float: left;
	margin-right: 16px;
}

#issue-list .issue .label {
	text-transform: uppercase;
	font-family: 'AvenirLTPro-Black', arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	padding: 3px 0 20px;
	margin-top: 16px;
	color: #000;
}

#issue-list .issue .title {
	font-family: 'AvenirLTPro-Book', arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
}

#issue-list .issue .byline {
	padding: 12px 0;
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #707070;
}

#issue-list .issue .view a {
	font-size: 15px;
	line-height: 17px;
	padding-bottom: 2px;
	border-bottom: 2px solid #AA3339;
}

#issue-list .issue .summary {
	margin: 5px 0;
	font-size: 18px;
	line-height: 20px;
	color: #B0B0B0;
}


/* -- Membership -- */

#page .membership-text p:first-child {
	margin-top: 0;
	padding-top: 10px;
}

#page .membership-text p:last-child {
	margin-bottom: 0;
	padding-bottom: 35px;
}

#page .membership-image {
	position: relative;
	float: right;
	width: 30%;
}

#page .membership-image p img {
	display: block;
	position: absolute;
	z-index: 2;
	margin-top: -90%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
}

#page .membership-image p img:hover {
	-webkit-transform: rotate(12deg);
	-moz-transform: rotate(12deg);
	-o-transform: rotate(12deg);
	transform: rotate(12deg);
}


/* -- Press Releases -- */


#press-releases {
	text-align: center;
	padding: 40px 0;
}

#press-releases .release {
	width: 65%;
	max-width: 732px;
	padding: 30px 0;
	margin: auto;
	text-align: left;
}

#press-releases .release .label {
	text-transform: uppercase;
	font-family: 'AvenirLTPro-Black', arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	padding: 3px 0 20px;
	color: #000;
}

#press-releases .release .title {
	font-family: 'AvenirLTPro-Book', arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
}

#press-releases .release .description {
	padding: 12px 0;
	font-family: 'AvenirLTPro-Medium', arial, sans-serif;
	font-size: 18px;
	line-height: 21px;
	color: #707070;
}

#press-releases .release .download a {
	font-family: 'AvenirLTPro-Heavy', arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	padding-bottom: 2px;
	border-bottom: 2px solid #AA3339;
}



/* -- Publications -- */

#publications ul.item-list {
	padding: 0;
}

#pub-list{
	padding: 40px 0;
}

#pub-list .pub {
	padding: 30px 0;
	margin: auto;
	overflow: hidden;
}

#pub-list .pub .image {
	float: left;
	margin-right: 16px;
}

#pub-list .pub .label {
	text-transform: uppercase;
	font-family: 'AvenirLTPro-Black', arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	padding: 3px 0 20px;
	color: #000;
}

#pub-list .pub .title {
	font-family: 'AvenirLTPro-Book', arial, sans-serif;
	font-size: 24px;
	line-height: 26px;
}

#pub-list .pub .text {
	padding: 13px 0 15px;
	font-size: 20px;
	line-height: 28px;
}

#pub-list .pub .info {
	font-size: 16px;
	line-height: 20px;
	color: #707070;
}

#publications .column-main .label {
	margin-bottom: 30px;
	font-family: 'AvenirLTPro-Heavy', 'Arial Black', arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	color: #000;
}

#publications .reviews  {
	border-bottom: 2px solid #E8E8E8;
	padding-top: 40px;
}

#publications .reviews .review {
	border-top: 2px solid #E8E8E8;
}

#publications .reviews .review p.byline {
	margin: -20px 0 20px !important;
}


/* -- Search -- */

#search-form {
	position: absolute;
	z-index: 2;
	top: 50%;
	width: 100%;
	margin: 0;
	text-align: center;
}

#search-input {
	border: 0;
	border-top: 16px solid #FFF;
	border-bottom: 10px solid #FFF;
	height: 70px;
	line-height: 60px;
	padding: 0 20px;
	font-size: 35px;
	width: 56%;
	margin: auto;
	text-align: left;
	transition: width .3s, top .3s;
}

#search-list {
	padding: 20px 0;
}

#search-list .result {
	padding: 30px 0;
}

#search-list .result .title {
	font-family: 'AvenirLTPro-Book', arial, sans-serif;
	font-size: 26px;
	line-height: 30px;
}

#search-list .result .text {
	padding: 13px 0 15px;
	font-size: 20px;
	line-height: 28px;
}


/* -- Share -- */

#share .question {
	overflow: hidden;
}

#share .question .image {
	float: left;
	margin-right: 15px;
}

#share .question .image img {
	display: block;
	border-radius: 50%;
	-webkit-transition: -webkit-filter .3s;
	transition: filter .3s;
}

#share .question .image img:hover {
	-webkit-filter: brightness(125%);
	filter: brightness(125%);
}

#share .question .title {
	margin: 15px 0 15px;
}


/* --  Staff -- */

#staff {
	overflow: hidden;
	padding-bottom: 50px;
}

#staff h2 {
	margin-bottom: 60px;
}

#staff .staff-item {
	float: left;
	width: 50%;
	height: 500px;
	overflow: hidden;
	text-align: center;
}

#staff .staff-item .staff-text {
	line-height: 26px;
}


#staff .staff-item .name {
	font-size: 26px;
	line-height: 40px;
	color: #000;
}

#staff .staff-item .title {
	font-size: 17px;
}

#staff .staff-item .department {
	font-size: 17px;
}

#staff .staff-item .contact {
	font-size: 15px;
}

/* --  Sign up and login --*/

#signup {
	padding: 300px;
}

#login {
	padding: 300px;
}

#logout {
	padding: 300px;
}

#update-password {
	padding: 300px;
}

#profile {
	padding: 300px;
}

/* -- End of file -- */