/* for membership level page  08/20/2024  updated 09/04/2025*/

.select-box {
	margin-top: 0px;
	width: 170px;
	position: relative;
}

.select-box select {
	height: 52px;
	padding: 10px 15px;
	line-height: 20px;
	font-size: 18px;
	font-weight: 600;
	width: 100%;
	border: 3px solid #3737f4;
	-webkit-appearance: none;
	appearance: none;
	color: #3737f4;
}

.select-box .icon-container-3 {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.icon-container-3 i {
	font-size: 18px;
	color: #3737f4;
}

.mem-blue {
	color: #3737f4;
}

.mem-lt-green {
	background-color: #a6ff88;
}

.mem-med-green {
	background-color: #8affae;
}

.mem-blue-green {
	background-color: #7df4e3;
}

.mem-blue-green-2 {
	background-color: #7ee2f2;
}

.mem-lt-blue {
	background-color: #b8dcff;
}

.mem-blue-violet {
	background-color: #d7e1ff;
}

.mem-lt-violet {
	background-color: #d6d6ed;
}

#expLvlAddBenefits:hover {
	cursor: pointer;
}

#voyLvlAddBenefits:hover {
	cursor: pointer;
}

.btn.btn-mem-levels,
.btn-mem-levels.btnStyle {
	color: #3737f4;
	border-color: #3737f4;
	font-weight: 600;
	/*letter-spacing: 0.1em;*/
	letter-spacing: normal;
	background-color: transparent;
}

.btn.btn-mem-levels:hover,
btn-mem-levels.btnStyle:hover {
	color: #2b2bcf;
	background-color: transparent;
	border-color: #2b2bcf;
	box-shadow: inset 0 0 0 2px #2b2bcf;
}

@media (max-width: 767px) {

	.btn.btn-mem-levels:hover,
	.btn-mem-levels.btnStyle:hover {
		box-shadow: none;
	}
}

.btn.btn-mem-levels:focus,
.btn-mem-levels.btnStyle:focus {
	color: #2b2bcf;
	background-color: transparent;
}

.row-flex {
	display: flex;
	flex-wrap: wrap;
}

/* vertical spacing between columns */
[class*="col-"] {
	margin-bottom: 30px;
}

.content {
	height: 100%;
	padding: 5px 30px 25px 30px;
}

.content ul li {
	font-size: 18px;
}

@media (max-width: 767px) {
	.content ul li {
		font-size: 16px;
	}
}

.btn.btn-mem-levels,
.btn-mem-levels.btnStyle {
	color: #3737f4;
	border-color: #3737f4;
	font-weight: 600;
	/*letter-spacing: 0.1em;*/
	letter-spacing: normal;
	background-color: transparent;
	padding: 11px 25px 9px;
}

@media (max-width: 767px) {
	.btn.btn-mem-levels:hover,
	.btn-mem-levels.btnStyle:hover {
		box-shadow: none;
	}
}

/* New button css */

.btn.btn-mem-levels.focus,
.btn.btn-mem-levels:focus {
	color: #2b2bcf;
	background-color: transparent;
	border-color: #2b2bcf;
	outline: none;
	/*box-shadow: none;*/
	box-shadow: inset 0 0 0 2px #2b2bcf;
}

.btn.btn-mem-levels:hover {
	color: #2b2bcf;
	background-color: transparent;
	border-color: #2b2bcf;
	outline: none;
	/*box-shadow: none;*/
	box-shadow: inset 0 0 0 2px #2b2bcf;
}

.btn.btn-mem-levels.active,
.btn.btn-mem-levels:active {
	color: #2b2bcf;
	background-color: transparent;
	border-color: #2b2bcf;
	outline: none;
	box-shadow: inset 0 0 0 2px #2b2bcf;
}

.btn.btn-mem-levels.active.focus,
.btn.btn-mem-levels.active:focus,
.btn.btn-mem-levels.active:hover,
.btn.btn-mem-levels:active.focus,
.btn.btn-mem-levels:active:focus,
.btn.btn-mem-levels:active:hover {
	color: #2b2bcf;
	background-color: transparent;
	border-color: #2b2bcf;
	outline: none;
	/*box-shadow: none;*/
	box-shadow: inset 0 0 0 2px #2b2bcf;
}

.mobile-top {
	margin-top: 50px;
}

@media (max-width: 767px) {
	.mobile-top {
		margin-top: 0px;
	}
}

.mem-levels .ui-corner-all {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none !important;
}

.mem-med-green .mem-levels .ui-button {
	border: 3px solid #3737f4;
	color: #3737f4;
	background: #8affae;
	padding: 1.4rem 2.0rem;
}

.mem-blue-green .mem-levels .ui-button {
	border: 3px solid #3737f4;
	color: #3737f4;
	background: #7df4e3;
	padding: 1.4rem 2.0rem;
}

.mem-blue-green-2 .mem-levels .ui-button {
	border: 3px solid #3737f4;
	color: #3737f4;
	background: #7ee2f2;
	padding: 1.4rem 2.0rem;
}

.crew-level-label {
	display: block;
	margin: 1.5rem 0 1.0rem 0;
}

.mem-med-green .mem-levels .ui-state-active {
	border: 3px solid #3737f4 !important;
	color: #3737f4 !important;
	background: #8affae !important;
	padding: 1.4rem 2.0rem !important;
}

.mem-med-green .mem-levels .ui-button .ui-state-active:hover {
	border: 3px solid #3737f4 !important;
	color: #3737f4 !important;
	background: #8affae !important;
	padding: 1.4rem 2.0rem !important;
}

.mem-med-green .mem-levels .ui-visual-focus {
	box-shadow: none !important;
}

.mem-levels .ui-button .ui-icon {
	background-image: url('https://frostscience.org/wp-content/themes/frost-science/css/images/ui-icons_3737f4_256x240.png');
}

.mem-levels .ui-button:hover .ui-icon {
	background-image: url('https://frostscience.org/wp-content/themes/frost-science/css/images/ui-icons_3737f4_256x240.png');
}

.mem-levels .ui-button:focus .ui-icon {
	background-image: url('https://frostscience.org/wp-content/themes/frost-science/css/images/ui-icons_3737f4_256x240.png');
}

.mem-levels .ui-widget {
	font-family: "replica", serif !important;
}

.mem-levels .ui-selectmenu-button.ui-button {
	width: auto;
}

.flexpass-text .body_text5 {
	font-size: 85%;
}

@media (max-width: 767px) {
	.flexpass-text .body_text5 {
		font-size: 105%;
	}
}