/* ===========================
Styling for Museum in a box 
|- Global
|- Museum in a box - top pages (Medal, Stem)
|- Featured story single page (Medal)
|- Stem child single page 
|- Teachers' resources (stem)
|-

=========================== */

/* =========================== 
Global
=========================== */
/* font */
#page .museum-in-box-heading h2 {
	font-size: 60px;
}

#page .museum-in-box-heading h3 {
	color: #000b2b;
	font-weight: 600 !important;
	letter-spacing: 0.6px;
}

@media only screen and (max-width: 992px) {
	#page .museum-in-box-heading h2 {
		font-size: 40px;
	}
}

/* breadcrumbs */
#page .museum-in-box-child-hero .dt-breadcrumbs-shortcode {
	text-align: left;
}

#page .museum-in-box-child-hero .breadcrumbs li::before {
	content: "/" !important;
	color: #fff !important;
}

#page .museum-in-box-child-hero .breadcrumbs li:first-child::before {
	content: " " !important;
}

#page .museum-in-box-child-hero .breadcrumbs li a span {
	color: #84d2de !important;
}

#page .museum-in-box-child-hero .breadcrumbs li span {
	font-weight: 700;
}

/* label */
#page .museum-in-box-custom-title {
	background-color: #84d2de;
	padding: 15px 20px;
	text-transform: uppercase;
	position: absolute;
	max-width: 250px;
	margin-bottom: 0;
	z-index: 10;
}

#page .museum-in-box-custom-title p {
	font-weight: 700;
	color: #000b2b;
	font-size: 15px;
	line-height: 19px;
}

@media (min-width: 768px) and (max-width: 1130px) {
	#page .museum-in-box-custom-title {
		max-width: 145px;
		padding: 15px;
	}
}

/* child page hero */
#page
	.museum-in-box-child-hero-wrapper
	> .vc_col-sm-12
	> .vc_column-inner
	> .wpb_wrapper {
	display: flex;
	margin-top: 100px;
	gap: 50px;
}

#page .museum-in-box-child-hero-left img {
	width: 55px;
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	#page
		.museum-in-box-child-hero-wrapper
		> .vc_col-sm-12
		> .vc_column-inner
		> .wpb_wrapper {
		flex-direction: column;
		gap: 0;
		align-items: center;
	}
}

/* ===========================
Museum in a box - top pages (Medal, Stem)
=========================== */
/* hero */
/* #page .museum-in-box-hero-logo {
	position: absolute;
	top: 150px;
	left: 50%;
	transform: translate(-50%, 0);
} */

#page .museum-in-box-button {
	padding: 20px 30px;
	margin-top: 0;
}

#page .back-ground-image h2 {
	color: #84d2de;
}

#page .back-ground-image p {
	color: #fff;
	max-width: 750px;
	margin: 0 auto;
}

#page .rounded-border .upb_row_bg {
	border-radius: 50px;
}

/* challenges - stem */
#page .challenges-wrapper > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#page .challenges-item {
	border-radius: 50px;
	overflow: hidden;
	border: 10px solid;
	width: 20%;
}

#page .challenges-item .vc_column-inner {
	padding: 20px;
}

#page .challenges-item .wpb_single_image {
	margin-bottom: 0;
	padding-inline: 40px;
}
#page .challenges-item .wpb_text_column {
	margin-top: -8px;
	margin-bottom: 16px;
}

#page .challenges-item h3 {
	color: #fff;
	font-weight: 700;
}

#page .challenges-item .bg-image {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	opacity: 0;
	transition: all 0.3s;
}

#page .challenges-item:hover .bg-image {
	opacity: 1;
}

#page .challenges-item.operation-big-lift {
	border-color: #00bbb2;
}
#page .challenges-item.operation-helo {
	border-color: #a5ce57;
}
#page .challenges-item.operation-jackstay {
	border-color: #f766a3;
}
#page .challenges-item.operation-float {
	border-color: #f89e32;
}
#page .challenges-item.operation-claw {
	border-color: #9493d9;
}
@media only screen and (max-width: 1200px) {
	#page .challenges-item h3 {
		font-size: 24px !important;
		line-height: 1.1em !important;
	}
}

@media only screen and (max-width: 1024px) {
	#page .challenges-item {
		width: 33%;
	}
}

@media only screen and (max-width: 767px) {
	#page .challenges-item {
		width: 50%;
	}
}
@media only screen and (max-width: 600px) {
	#page .challenges-item {
		width: 90%;
	}
}

/* feature stories - medal */
#page
	.feature-stories-wrapper
	> .vc_col-sm-12
	> .vc_column-inner
	> .wpb_wrapper {
	display: flex;
}

#page .feature-story-wrapper {
	position: relative;
}

#page .feature-story-wrapper .feature-story-image {
	margin-bottom: 0;
}

#page .feature-story-wrapper .feature-story-name,
#page .feature-story-wrapper .feature-story-learn-more {
	position: absolute;
	margin-bottom: 0;
}

#page .feature-story-wrapper .feature-story-name {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	text-align: center;
}

#page .feature-story-wrapper .feature-story-name a {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}

#page .feature-story-wrapper:hover .feature-story-name a {
	color: #000b2b;
}

#page .feature-story-wrapper .feature-story-learn-more {
	width: 95%;
	text-align: center;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}

#page .feature-story-wrapper .feature-story-learn-more a {
	color: #000b2b;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#page .feature-story-wrapper:hover .feature-story-learn-more {
	opacity: 1;
}

#page .feature-story-wrapper .rollover i {
	display: block;
	opacity: 1;
}

#page .feature-story-wrapper .rollover i {
	background-color: rgba(0, 0, 0, 0.5);
}

#page .feature-story-wrapper:hover:hover:first-child .rollover i {
	background-color: rgba(164, 207, 87, 0.8);
}

#page .feature-story-wrapper:hover:nth-child(2) .rollover i {
	background-color: rgba(151, 146, 199, 0.8);
}

#page .feature-story-wrapper:hover:nth-child(3) .rollover i {
	background-color: rgba(240, 103, 162, 0.8);
}

#page .feature-story-wrapper:hover:nth-child(4) .rollover i {
	background-color: rgba(249, 159, 52, 0.8);
}

#page .feature-story-wrapper:hover:last-child .rollover i {
	background-color: rgba(18, 186, 176, 0.8);
}

@media only screen and (max-width: 767px) {
	#page
		.feature-stories-wrapper
		> .vc_col-sm-12
		> .vc_column-inner
		> .wpb_wrapper {
		flex-direction: column;
	}
}

/* ===========================
Featured story single page
=========================== */
/* hero section */
#page .feature-buttons p {
	color: #fff;
	font-size: 17px;
	font-weight: 300;
	line-height: 25px;
}

#page .feature-buttons .feature-button {
	color: #fff !important;
	padding: 7px 12px;
	font-size: 15px;
	font-weight: 700;
	line-height: 17px;
	letter-spacing: 3px;
	text-transform: uppercase;
	border: 1px solid;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline-block;
}

#page .feature-buttons .feature-button-1 {
	border-color: #a4cf57;
}

#page .feature-buttons .feature-button-1:hover {
	background: #a4cf57;
}

#page .feature-buttons .feature-button-2 {
	border-color: #9792c7;
}

#page .feature-buttons .feature-button-2:hover {
	background: #9792c7;
}

#page .feature-buttons .feature-button-3 {
	border-color: #f067a2;
}

#page .feature-buttons .feature-button-3:hover {
	background: #f067a2;
}

#page .feature-buttons .feature-button-4 {
	border-color: #f99f34;
}

#page .feature-buttons .feature-button-4:hover {
	background: #f99f34;
}

#page .feature-buttons .feature-button-5 {
	border-color: #12bab0;
}

#page .feature-buttons .feature-button-5:hover {
	background: #12bab0;
}

/* profile section */
#page
	.museum-in-box-profile-wrapper
	> .vc_col-sm-12
	> .vc_column-inner
	> .wpb_wrapper
	> .vc_row {
	display: flex;
	gap: 10%;
}

#page
	.museum-in-box-profile-wrapper
	> .vc_col-sm-12
	> .vc_column-inner
	> .wpb_wrapper
	> .vc_row::before,
#page
	.museum-in-box-profile-wrapper
	> .vc_col-sm-12
	> .vc_column-inner
	> .wpb_wrapper
	> .vc_row::after {
	display: none;
}

#page .museum-in-box-profile-left {
	width: 30%;
}

#page .museum-in-box-profile-right {
	width: 60%;
}

#page .museum-in-box-profile-left > .vc_column-inner {
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

#page .museum-in-box-profile-left > .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	gap: 25px;
	padding-bottom: 25px;
	justify-content: space-between;
}

#page .museum-in-box-profile-image {
	margin-bottom: 0;
}

#page .museum-in-box-profile-info {
	padding-inline: 25px;
	margin-bottom: 0;
}

#page .museum-in-box-profile-info span {
	display: block;
	color: #fff;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#page .museum-in-box-profile-info p {
	color: #000b2b;
	font-size: 20px;
	font-weight: 600;
	line-height: 23px;
	margin-bottom: 0;
}

/* medal section */
#page
	.museum-in-box-medal-wrapper
	> .vc_col-sm-12
	> .vc_column-inner
	> .wpb_wrapper {
	display: flex;
	gap: 10%;
	justify-content: space-between;
}

#page .museum-in-box-medal-image {
	width: 30%;
}

#page .museum-in-box-medal-description {
	width: 60%;
}

#page .museum-in-box-medal-description .wpb_accordion_section {
	margin-bottom: 20px;
}

#page .museum-in-box-medal-description h3 {
	color: #000b2b;
	font-family: "Source Sans Pro";
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.6px;
}

#page .museum-in-box-medal-description h3 a::before {
	background-color: transparent;
}

#page .museum-in-box-medal-description h3 a::after {
	font-size: 16px;
}

/* object label */
#page .museum-in-box-custom-title.feature-1 {
	background-color: #a4cf57;
}
#page .museum-in-box-custom-title.feature-2 {
	background-color: #9792c7;
}

#page .museum-in-box-custom-title.feature-3 {
	background-color: #f067a2;
}

#page .museum-in-box-custom-title.feature-4 {
	background-color: #f99f34;
}

#page .museum-in-box-custom-title.feature-5 {
	background-color: #12bab0;
}

/* single item modal */
.museum-in-box-modal .ult_modal-content {
	border-width: 0 !important;
}

.museum-in-box-modal .ult_modal-body h3 {
	color: #000b2b;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0.6px;
	margin-top: 25px;
}

.museum-in-box-modal .ult_modal-body p {
	color: #000 !important;
	text-align: center;
	font-size: 17px;
	font-weight: 300;
	line-height: 25px;
}

.museum-in-box-modal .ult_modal-body a {
	color: #000b2b;
	font-weight: 700;
}

.museum-in-box-modal .ult_modal-body img {
	width: 100%;
	max-width: 800px;
}

/* Album */
.page-id-23903 .pswp .pswp__caption,
.page-id-23903 .pswp .pswp__top-bar {
	background-color: #a4cf57 !important;
}

.page-id-23920 .pswp .pswp__caption,
.page-id-23920 .pswp .pswp__top-bar {
	background-color: #9792c7 !important;
}

.page-id-23925 .pswp .pswp__caption,
.page-id-23925 .pswp .pswp__top-bar {
	background-color: #f067a2 !important;
}

.page-id-23928 .pswp .pswp__caption,
.page-id-23928 .pswp .pswp__top-bar {
	background-color: #f99f34 !important;
}

.page-id-23930 .pswp .pswp__caption,
.page-id-23930 .pswp .pswp__top-bar {
	background-color: #12bab0 !important;
}

/* Global */
.page-id-23930 .pswp .pswp__top-bar button.pswp__button:before,
.page-id-23928 .pswp .pswp__top-bar button.pswp__button:before,
.page-id-23925 .pswp .pswp__top-bar button.pswp__button:before,
.page-id-23920 .pswp .pswp__top-bar button.pswp__button:before,
.page-id-23903 .pswp .pswp__top-bar button.pswp__button:before {
	background-color: #000b2b !important;
}
.page-id-23930 .pswp__caption,
.page-id-23930 .pswp__caption h5,
.page-id-23930 .pswp__caption p,
.page-id-23930 .pswp__caption small,
.page-id-23930 .pswp__caption a,
.page-id-23928 .pswp__caption,
.page-id-23928 .pswp__caption h5,
.page-id-23928 .pswp__caption p,
.page-id-23928 .pswp__caption small,
.page-id-23928 .pswp__caption a,
.page-id-23925 .pswp__caption,
.page-id-23925 .pswp__caption h5,
.page-id-23925 .pswp__caption p,
.page-id-23925 .pswp__caption small,
.page-id-23925 .pswp__caption a,
.page-id-23920 .pswp__caption,
.page-id-23920 .pswp__caption h5,
.page-id-23920 .pswp__caption p,
.page-id-23920 .pswp__caption small,
.page-id-23920 .pswp__caption a,
.page-id-23903 .pswp__caption,
.page-id-23903 .pswp__caption h5,
.page-id-23903 .pswp__caption p,
.page-id-23903 .pswp__caption small,
.page-id-23903 .pswp__caption a {
	color: #000b2b;
}
.page-id-23930 .pswp__caption h5,
.page-id-23930 .pswp__caption a,
.page-id-23928 .pswp__caption h5,
.page-id-23928 .pswp__caption a,
.page-id-23925 .pswp__caption h5,
.page-id-23925 .pswp__caption a,
.page-id-23920 .pswp__caption h5,
.page-id-23920 .pswp__caption a,
.page-id-23903 .pswp__caption h5,
.page-id-23903 .pswp__caption a {
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	/* profile section */
	#page
		.museum-in-box-profile-wrapper
		> .vc_col-sm-12
		> .vc_column-inner
		> .wpb_wrapper
		> .vc_row {
		flex-direction: column;
		gap: 50px;
	}
	#page .museum-in-box-profile-left,
	#page .museum-in-box-profile-right {
		width: 100%;
	}
	/* medal section */
	#page
		.museum-in-box-medal-wrapper
		> .vc_col-sm-12
		> .vc_column-inner
		> .wpb_wrapper {
		flex-direction: column;
	}
	#page .museum-in-box-medal-image,
	#page .museum-in-box-medal-description {
		width: 100%;
	}
}

/* ===========================
Stem child page 
=========================== */
/* header area */
#page .operation-title .wpb_wrapper {
	display: flex;
	gap: 20px;
	align-items: center;
}

#page .stem-child-hero .wpb_text_column {
	margin-bottom: 0;
}

#page .stem-child-hero .wpb_text_column p {
	color: #fff;
	font-weight: 300;
}

#page .stem-child-hero .operation-link {
	border: 1px solid;
	padding: 7px 12px;
	display: inline-block;
	font-size: 15px;
	line-height: 17px;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-right: 10px;
	margin-top: 8px;
}

#page .stem-child-hero .operation-big-lift-link {
	border-color: #00bbb2;
}
#page .stem-child-hero .operation-helo-link {
	border-color: #a5ce57;
}
#page .stem-child-hero .operation-jackstay-link {
	border-color: #f766a3;
}
#page .stem-child-hero .operation-float-link {
	border-color: #f89e32;
}
#page .stem-child-hero .operation-claw-link {
	border-color: #9493d9;
}

#page .stem-child-hero .operation-big-lift-link:hover {
	background: #00bbb2;
}

#page .stem-child-hero .operation-helo-link:hover {
	background: #a5ce57;
}
#page .stem-child-hero .operation-jackstay-link:hover {
	background: #f766a3;
}
#page .stem-child-hero .operation-float-link:hover {
	background: #f89e32;
}
#page .stem-child-hero .operation-claw-link:hover {
	background: #9493d9;
}

/* operation content */
#page .operation-content-section .wpb_content_element,
#page .operation-info-section .wpb_content_element {
	margin-bottom: 0;
}

#page .operation-content-section img {
	border-radius: 50px;
}

#page .operation-content-hero img {
	margin-top: -50px;
}
@media only screen and (max-width: 767px) {
	#page .operation-content-wrapper .regular-order {
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	#page .operation-content-wrapper .reverse-order {
		display: flex;
		flex-direction: column-reverse;
		gap: 25px;
	}
}

/* operation info - general */
#page .operation-cta .museum-in-box-button span,
#page .operation-links .museum-in-box-button:hover span {
	color: #fff !important;
}

#page .operation-mission {
	border: 1px solid;
	border-radius: 50px;
	width: calc(50% - 50px);
	margin-right: 50px;
	overflow: hidden;
}
#page .operation-mission .vc_column-inner {
	padding: 0;
}

#page .operation-mission h3 {
	font-weight: 700;
	color: #fff;
	/* background: #000; */
	padding: 25px 50px;
}

#page .operation-mission ol {
	padding: 25px 50px;
}

#page .operation-mission li::marker {
	font-weight: 700;
}

#page .operation-desc p,
#page .operation-desc li {
	font-size: 22px;
	color: #000b2b;
	line-height: 1.3em;
}

#page .operation-desc li:not(:last-child) {
	margin-bottom: 6px;
}

@media only screen and (max-width: 767px) {
	#page .operation-mission {
		width: 100%;
		margin-right: 0;
		margin-bottom: 35px;
	}
	#page .operation-mission h3,
	#page .operation-mission ol {
		padding: 20px 35px;
	}
}

@media only screen and (max-width: 600px) {
	#page .operation-title .wpb_wrapper {
		flex-direction: column;
		gap: 0;
		margin-bottom: 10px;
	}
}

/* operation-big-lift */
#page .operation-title.operation-big-lift h1,
#page #operation-big-lift-content .operation-custom-color p {
	color: #00bbb2;
}

#page #operation-big-lift-info li::marker {
	color: #00bbb2;
}

#page #operation-big-lift-info .operation-cta h2,
#page #operation-big-lift-info h3:not(.operation-mission h3) {
	color: #00bbb2;
	font-weight: 700;
}

#page #operation-big-lift-info .operation-cta .museum-in-box-button {
	background: #00bbb2 !important;
	border-color: #00bbb2;
}

#page #operation-big-lift-info .operation-cta .museum-in-box-button:hover {
	background: transparent !important;
}

#page #operation-big-lift-info .operation-cta .museum-in-box-button:hover span {
	color: #00bbb2;
}

#page #operation-big-lift-info .operation-mission {
	border-color: #00bbb2;
}

#page #operation-big-lift-info .operation-mission h3 {
	background: #00bbb2;
}

#page #operation-big-lift-info .operation-links .museum-in-box-button {
	border-color: #00bbb2;
}
#page #operation-big-lift-info .operation-links .museum-in-box-button:hover {
	background: #00bbb2 !important;
}

#page #operation-big-lift-info .operation-links .museum-in-box-button span {
	color: #00bbb2;
}

/* operation-helo */
#page .operation-title.operation-helo h1,
#page #operation-helo-content .operation-custom-color p {
	color: #a5ce57;
}

#page #operation-helo-info li::marker {
	color: #a5ce57;
}

#page #operation-helo-info .operation-cta h2,
#page #operation-helo-info h3:not(.operation-mission h3) {
	color: #a5ce57;
	font-weight: 700;
}

#page #operation-helo-info .operation-cta .museum-in-box-button {
	background: #a5ce57 !important;
	border-color: #a5ce57;
}

#page #operation-helo-info .operation-cta .museum-in-box-button:hover {
	background: transparent !important;
}

#page #operation-helo-info .operation-cta .museum-in-box-button:hover span {
	color: #a5ce57;
}

#page #operation-helo-info .operation-mission {
	border-color: #a5ce57;
}

#page #operation-helo-info .operation-mission h3 {
	background: #a5ce57;
}

#page #operation-helo-info .operation-links .museum-in-box-button {
	border-color: #a5ce57;
}
#page #operation-helo-info .operation-links .museum-in-box-button:hover {
	background: #a5ce57 !important;
}

#page #operation-helo-info .operation-links .museum-in-box-button span {
	color: #a5ce57;
}

/* operation-jackstay */
#page .operation-title.operation-jackstay h1,
#page #operation-jackstay-content .operation-custom-color p {
	color: #f766a3;
}

#page #operation-jackstay-info li::marker {
	color: #f766a3;
}

#page #operation-jackstay-info .operation-cta h2,
#page #operation-jackstay-info h3:not(.operation-mission h3) {
	color: #f766a3;
	font-weight: 700;
}

#page #operation-jackstay-info .operation-cta .museum-in-box-button {
	background: #f766a3 !important;
	border-color: #f766a3;
}

#page #operation-jackstay-info .operation-cta .museum-in-box-button:hover {
	background: transparent !important;
}

#page #operation-jackstay-info .operation-cta .museum-in-box-button:hover span {
	color: #f766a3;
}

#page #operation-jackstay-info .operation-mission {
	border-color: #f766a3;
}

#page #operation-jackstay-info .operation-mission h3 {
	background: #f766a3;
}

#page #operation-jackstay-info .operation-links .museum-in-box-button {
	border-color: #f766a3;
}
#page #operation-jackstay-info .operation-links .museum-in-box-button:hover {
	background: #f766a3 !important;
}

#page #operation-jackstay-info .operation-links .museum-in-box-button span {
	color: #f766a3;
}

/* operation-float */
#page .operation-title.operation-float h1,
#page #operation-float-content .operation-custom-color p {
	color: #f89e32;
	font-weight: 700;
}

#page #operation-float-info li::marker {
	color: #f89e32;
}

#page #operation-float-info .operation-cta h2,
#page #operation-float-info h3:not(.operation-mission h3) {
	color: #f89e32;
	font-weight: 700;
}

#page #operation-float-info .operation-cta .museum-in-box-button {
	background: #f89e32 !important;
	border-color: #f89e32;
}

#page #operation-float-info .operation-cta .museum-in-box-button:hover {
	background: transparent !important;
}

#page #operation-float-info .operation-cta .museum-in-box-button:hover span {
	color: #f89e32;
}

#page #operation-float-info .operation-mission {
	border-color: #f89e32;
}

#page #operation-float-info .operation-mission h3 {
	background: #f89e32;
}

#page #operation-float-info .operation-links .museum-in-box-button {
	border-color: #f89e32;
}
#page #operation-float-info .operation-links .museum-in-box-button:hover {
	background: #f89e32 !important;
}

#page #operation-float-info .operation-links .museum-in-box-button span {
	color: #f89e32;
}

/* operation-claw */
#page .operation-title.operation-claw h1,
#page #operation-claw-content .operation-custom-color p {
	color: #9493d9;
	font-weight: 700;
}

#page #operation-claw-info li::marker {
	color: #9493d9;
}

#page #operation-claw-info .operation-cta h2,
#page #operation-claw-info h3:not(.operation-mission h3) {
	color: #9493d9;
	font-weight: 700;
}

#page #operation-claw-info .operation-cta .museum-in-box-button {
	background: #9493d9 !important;
	border-color: #9493d9;
}

#page #operation-claw-info .operation-cta .museum-in-box-button:hover {
	background: transparent !important;
}

#page #operation-claw-info .operation-cta .museum-in-box-button:hover span {
	color: #9493d9;
}

#page #operation-claw-info .operation-mission {
	border-color: #9493d9;
}

#page #operation-claw-info .operation-mission h3 {
	background: #9493d9;
}

#page #operation-claw-info .operation-links .museum-in-box-button {
	border-color: #9493d9;
}
#page #operation-claw-info .operation-links .museum-in-box-button:hover {
	background: #9493d9 !important;
}

#page #operation-claw-info .operation-links .museum-in-box-button span {
	color: #9493d9;
}

/* ===========================
Teachers' resources (stem)
=========================== */
/* top description area */

#page .museum-in-box-child-description-wrapper span.uavc-list-desc {
	padding: 0 0 5px 10px;
}

#page .ordered-custom-color-list {
	list-style: decimal inside;
	padding: 0;
	margin: 0;
}

#page .ordered-custom-color-list li {
	color: inherit;
	font-weight: 700;
	font-size: 17px;
	line-height: 25px;
}

#page .ordered-custom-color-list li::marker {
	color: #84d2de;
}

#page .ordered-custom-color-list li:nth-child(1) {
	color: #00bbb2;
}

#page .ordered-custom-color-list li:nth-child(2) {
	color: #a5ce57;
}

#page .ordered-custom-color-list li:nth-child(3) {
	color: #f766a3;
}

#page .ordered-custom-color-list li:nth-child(4) {
	color: #f89e32;
}

#page .ordered-custom-color-list li:nth-child(5) {
	color: #9493d9;
	margin-bottom: 10px;
}

/* resource section */
#page .stem-resource-wrapper img {
	border-radius: 50px;
	width: calc(100% - 20px);
	border: 10px solid;
}

#page .stem-resource-wrapper .default-item img {
	border-color: #84d2de;
}

#page
	.stem-resource-wrapper
	.operation-big-lift-item
	.museum-in-box-custom-title {
	background-color: #00bbb2;
}
#page .stem-resource-wrapper .operation-big-lift-item img {
	border-color: #00bbb2;
}

#page .stem-resource-wrapper .operation-helo-item .museum-in-box-custom-title {
	background-color: #a5ce57;
}
#page .stem-resource-wrapper .operation-helo-item img {
	border-color: #a5ce57;
}

#page
	.stem-resource-wrapper
	.operation-jackstay-item
	.museum-in-box-custom-title {
	background-color: #f766a3;
}
#page .stem-resource-wrapper .operation-jackstay-item img {
	border-color: #f766a3;
}

#page .stem-resource-wrapper .operation-float-item .museum-in-box-custom-title {
	background-color: #f89e32;
}
#page .stem-resource-wrapper .operation-float-item img {
	border-color: #f89e32;
}

#page .stem-resource-wrapper .operation-claw-item .museum-in-box-custom-title {
	background-color: #9493d9;
}
#page .stem-resource-wrapper .operation-claw-item img {
	border-color: #9493d9;
}

/* ===========================
Popup Maker css override
=========================== */
.pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
	display: block !important;
}

.pum-container p {
	color: #fff;
}