/*
Theme Name: WAIM
Author: Ben Rabicoff
Author URI: https://benrabicoff.com
Version: 1.0
*/
* {
	margin: 0;
	padding: 0;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

:root {
	--waim-color-black: 0, 0, 0;
	--waim-color-dark-gray: 73, 73, 73;
	--waim-color-medium-gray: 124, 124, 124;
	--waim-color-light-pink: 252, 241, 240;
	--waim-color-light-coral: 255, 209, 201;
	--waim-color-coral: 254, 150, 149;
	--waim-color-light-cobalt: 175, 178, 255;
	--waim-color-blue: 40, 49, 255;
	--waim-color-teal: 21, 188, 188;
	--waim-color-mint: 180, 252, 221;
	--waim-color-dark-mint: 153, 235, 199;
	--waim-color-gold: 248, 206, 20;
	--waim-color-yellow: 251, 232, 53;
}

html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
}

body {
	height: 100%;
	font-size: 100%;
	font-family: "DM Sans", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	line-height: 1;
	color: #333333;
	overflow-x: hidden;
}

aside,
main,
section {
	display: block;
}

/* Onboard */
.profile-complete-overlay-wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1000;
}

.profile-complete-overlay {
	width: 560px;
	background-color: #ffffff;
	border-radius: 4px;
}

.profile-complete-content {
	padding: 30px;
	border-radius: 4px 4px 0 0;
}

.profile-complete-content h2 {
	margin: 0 0 15px 0;
	color: #2831FF;
	font-size: 32px;
	font-weight: 900;
	letter-spacing: .025em;
	line-height: 46px;
	text-align: center;
}

.profile-complete-content p {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.profile-complete-btn-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
	background-color: #FCF1F0;
	border-radius: 0 0 4px 4px;
}

.no-thanks {
	width: 48%;
	padding: 15px 0;
	color: rgba(255, 150, 149, 1);
	font-family: "OpenSansCondensed";
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border: 2px solid rgba(255, 150, 149, 1);
	border-radius: 4px;
}

.no-thanks:hover {
	color: #ffffff;
	background-color: rgba(255, 150, 149, 1);
}

.take-me {
	width: 48%;
	padding: 15px 0;
	background-color: rgba(40, 49, 255, 1);
	color: #ffffff;
	font-family: "OpenSansCondensed";
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
}

.take-me:hover {
	background-color: rgba(40, 49, 255, .8);
}

/* Notes */
.notes-overlay-wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1000;
}

.notes-overlay {
	width: 640px;
	background-color: #ffffff;
	border-radius: 20px;
}

.notes-overlay-card-wrap {
	display: none;
}

.notes-overlay-card .notes-overlay-card-wrap {
	display: block;
}

.notes-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 36px 36px 0 36px;
	border-radius: 20px 20px 0 0;
}

.notes-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.notes-meta p {
	font-size: 1.5rem;
	font-weight: 700;
	font-family: 'DM Sans';
}

.notes-meta .note-tag {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 0 10px;
	padding: 5px 10px;
	background-color: rgba(var(--waim-color-gold), 1);
	color: #ffffff;
	font-size: 11px;
	font-weight: 400;
	border-radius: 4px;
}

.notes-meta .note-tag span {
	margin: 0 0 0 10px;
}

.notes-meta-pronouns {
	color: #9FA0B3;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.0175rem;
	margin-left: 8px;
}

.notes-exit {
	margin: 0 0 0 20px;
}

.notes-content {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 30px;
	padding: 36px;
}

.notes-content img {
	max-width: 180px;
	height: auto;
}

.notes-content .avatar {
	border-radius: 12px;
}

.notes-content-image {
	width: 180px;
	height: 180px;
	border-radius: 40px;
	display: flex;
	align-items: center;
}

.notes-content-image.spotlight {
	background: linear-gradient(57.79deg, #ECFAFA -5.15%, #E8FFF5 69.21%, #FFFBE9 135.4%);
}

.notes-content-image.coaching {
	background: #CEE9EA;
}

.notes-content-image.tool {
	background: #FEF2F2;
}

.notes-content-image.workshop {
	background: #FFEAD1;
}

.notes-content-image.course {
	background: #CEE9EA;
}

.notes-content-image.roadmap {
	background: #FFF8F8;
}

.notes-content p {
	font-size: 1.5rem;
}

.notes-content textarea {
	height: 180px;
	background: #F8F8FF;
	font-size: 14px;
	line-height: 22px;
	resize: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;

	padding: 0 10px 0 10px;
	border-top: 10px solid #F8F8FF;
	border-bottom: 10px solid #F8F8FF;
}

.notes-content textarea:disabled {
	background: #fff;
	border-top: 10px solid white;
	border-bottom: 10px solid white;
}

.notes-bar {
	display: flex;
	justify-content: flex-end;
	border-top: 1px solid #EAEAF4;
	padding: 12px 25px;
	border-radius: 0 0 20px 20px;
}

.notes-bar button {
	padding: 8px 16px;
	font-family: "DM Sans";
	font-size: 1rem;
	font-weight: 700;
	outline: none;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	border: none;
}

.notes-bar button:hover {
	cursor: pointer;
}

.notes-bar button.btn-notes-edit {
	color: #707183;
	background-color: #F8F8FC;
	border: 1px solid #EAEAF4;
}

.notes-bar button.btn-notes-edit:hover {
	color: #2831FF;
	border: 1px solid #2831FF;
}

.notes-bar button.btn-notes-save {
	display: none;
	color: white;
	background-color: #2831FF;
	margin: 1px;
}

.notes-bar button.btn-notes-save:hover {
	background-color: #666CFF;
}

/* People */
.people-overlay-wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1000;
}

.people-overlay {
	position: relative;
	width: 851px;
	background-color: #ffffff;
	border-radius: 20px;
	padding: 36px;
}

.people-overlay-card * {
	font-family: 'DM Sans';
}

.people-overlay-card-wrap {
	display: none;
}

.people-overlay-card .people-overlay-card-wrap {
	background: #FFFFFF;
	display: flex;
	gap: 64px;
}

.people-overlay-card-img {
	display: flex;
	max-width: 300px;
}

.people-overlay-card-img img {
	border-radius: 12px;
	max-width: 300px;
	height: auto;
	max-height: 300px;
	object-fit: cover;
}

.people-overlay-card-title {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 10px;
}

.people-overlay-card-content {
	padding: 0px;
	width: calc(100% - 400px);
}

.people-overlay-card-content h3 {
	font-weight: 700;
	font-size: 25px;
	line-height: 42px;
	letter-spacing: 0.02em;
	color: #212125;
}

.people-overlay-card-title .person-suffix {
	font-size: 16px;
	line-height: 30px;
	display: flex;
	align-items: center;
	letter-spacing: 0.02em;
	color: #9FA0B3;
}

.people-overlay-card-content h4 {
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: 0.02em;
	color: #7E7F99;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 18px;
}

.people-overlay-card-content h4 img {
	width: 15px;
}

.people-overlay-card-content p {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.02em;
	color: #404051;
	margin-bottom: 18px;
}

.people-overlay-card-content .tags p {
	margin: 0 0 18px 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.02em;
	color: #7E7F99;
}

.people-overlay-card-kicker {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.people-close {
	position: absolute;
	top: -30px;
	right: -30px;
}

.people-close svg polygon {
	fill: #ffffff;
}

.people-btn-notes {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	background-color: rgba(40, 49, 255, 1);
	color: #ffffff;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	border-radius: 4px;
}

.people-btn-notes:hover {
	background-color: rgba(40, 49, 255, .8);
}

.people-btn-notes svg {
	margin: 0 5px 0 0;
}

.people-overlay-card-content .social-wrap {
	margin-bottom: 0;
}

.people-overlay-card-content .social-wrap svg {
	width: 20px;
	height: 20px;
}

.people-overlay-card-content .social-wrap a.social:not(:last-of-type) {
	margin: 0 18px 0 0;
}

.people-overlay-card-content .social-wrap svg path {
	fill: #F8D3CB;
}

.people-overlay-card-content .social-wrap a.social:hover svg path {
	fill: #FE9695;
}

/*.site-wrapper {height:100%;display:flex;flex-grow:1;align-items: stretch;justify-content:space-between;}*/
.container {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	background-size: 100%;
}

h1,
h2,
h3 {
	font-family: "Poppins", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

a {
	text-decoration-skip: ink;
	transition: .2s;
	outline: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}

label {
	display: block;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

input,
select,
textarea,
button {
	font-family: "DM Sans", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	padding: 10px;
	font-size: 16px;
	font-weight: 400;
	outline: none;
}

/* Mobile Menu*/
.mobile-menu {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 45px;
	background-color: rgba(var(--waim-color-teal), 1);
	color: #ffffff;
	border-radius: 50%;
	z-index: 1000;
}

.mobile-menu:hover {
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

.mobile-menu img {
	transition: .2s;
}

.mobile-close {
	display: none;
}

.mobile-menu-active .mobile-open {
	display: none;
}

.mobile-menu-active .mobile-close {
	display: block;
}

.mobile-menu-show {
	margin-left: 0;
}

aside {
	position: relative;
	display: block;
	overflow: auto;
	width: 110px;
	flex-shrink: 0;
	padding: 24px 0;
	background-color: #2a2a36;
	transition: .2s;
}

aside ul {
	margin: 0 0 60px 0;
}

aside ul li {
	margin-bottom: 4px;
}

aside ul a {
	display: flex;
	align-items: center;
	padding: 17px 0;
	color: #9FA0B3;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-decoration: none;
	letter-spacing: 0;
	font-weight: 400;
	background: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
	position: relative;
}

aside ul a svg polygon,
aside ul a svg path {
	fill: #9FA0B3;
}

aside ul a:hover {
	color: #fff;
}

aside ul a:after {
	position: absolute;
	content: '';
	background: #fff;
	border-radius: 8px 0px 0px 8px;
	width: 8px;
	height: 100%;
	right: 0;
	top: 0;
	display: none;
}

aside ul a:hover svg polygon,
aside ul a:hover svg path {
	fill: #fff;
}

aside ul li.aside-profile {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 24px;
}

.admin-bar aside ul li.aside-profile {
	bottom: 50px;
}

aside ul li.aside-profile ul li a:hover {}

aside ul li.aside-profile:hover>ul {
	display: block;
}

aside ul li.aside-profile:hover>ul img {
	display: block;
}

aside ul li.aside-profile ul img {
	display: none;
	position: absolute;
	left: 65px;
}

aside ul li.aside-profile ul {
	display: none;
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #EAEBF4;
	width: 194px;
	box-shadow: 1px 2px 5px rgba(64, 64, 81, 0.15);
	border-radius: 12px;
	list-style-type: none;
	z-index: 900;
	bottom: 0;
	margin: 0 0 17px -24px;
	left: 100%;
	padding: 12px 0 8px;
}

aside ul li.aside-profile ul li:not(:last-of-type) {}

aside ul li.aside-profile ul a {
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	color: #707183 !important;
	padding: 5px 16px;
	display: flex;
	justify-content: start;
	align-items: center;
	flex-direction: row;
	gap: 8px;
}

aside ul li.aside-profile ul a:after {
	display: none !important;
}

aside ul li.aside-profile ul a:hover {
	color: #2831FF;
	background: #f8f8fc;
}

aside ul li.aside-profile ul a img {
	display: block;
	position: static;
	min-width: 15px;
}

aside .avatar {
	display: block;
	height: 48px;
	width: 48px;
	margin: 0 auto;
	border-radius: 8px;
}

.aside-logo {
	display: block;
	margin: 0 0 34px 0;
	text-align: center;
}

.aside-wrapper {
	position: fixed;
	width: 110px;
	height: 100%;
	min-height: 0;
	z-index: 9;
	background: #2a2a36;
}

@media only screen and (max-width: 62em) {
	.aside-wrapper {
		position: unset;
		width: unset;
	}
}

body.coaching aside ul li.aside-coaching a,
body.dashboard aside ul li.aside-dashboard a,
body.library aside ul li.aside-library a,
body.articles aside ul li.aside-articles a,
body.single-article aside ul li.aside-articles a,
body.people aside ul li.aside-people a,
body.single-people aside ul li.aside-people a,
body.roadmaps aside ul li.aside-roadmaps a,
body.single-roadmap aside ul li.aside-roadmaps a,
body.faves aside ul li.aside-faves a,
body.single-fave aside ul li.aside-faves a,
body.waim-weeklys aside ul li.aside-waim-weeklys a,
body.single-waim-weekly aside ul li.aside-waim-weeklys a,
body.chit-chat aside ul li.aside-chit-chat a,
body.single-chit-chat aside ul li.aside-chit-chat a,
body.profile aside ul li.aside-profile a,
body.settings aside ul li.aside-profile a,
body.tour aside ul li.aside-profile a {
	color: #fff;
}

body.dashboard aside ul li.aside-dashboard a:after,
body.library aside ul li.aside-library a:after,
body.articles aside ul li.aside-articles a:after,
body.single-article aside ul li.aside-articles a:after,
body.people aside ul li.aside-people a:after,
body.single-people aside ul li.aside-people a:after,
body.roadmaps aside ul li.aside-roadmaps a:after,
body.single-roadmap aside ul li.aside-roadmaps a:after,
body.faves aside ul li.aside-faves a:after,
body.single-fave aside ul li.aside-faves a:after,
body.waim-weeklys aside ul li.aside-waim-weeklys a:after,
body.single-waim-weekly aside ul li.aside-waim-weeklys a:after,
body.chit-chat aside ul li.aside-chit-chat a:after,
body.single-chit-chat aside ul li.aside-chit-chat a:after,
body.profile aside ul li.aside-profile a:after,
body.settings aside ul li.aside-profile a:after,
body.tour aside ul li.aside-profile a:after {
	display: block;
}

body.coaching aside li.aside-coaching a svg path,
body.dashboard aside li.aside-dashboard a svg path,
body.library aside li.aside-library a svg path,
body.articles aside li.aside-articles a svg path,
body.single-article aside li.aside-articles a svg path,
body.people aside li.aside-people a svg path,
body.roadmaps aside li.aside-roadmaps a svg polygon,
body.single-roadmap aside li.aside-roadmaps a svg polygon,
body.faves aside li.aside-faves a svg path,
body.single-fave aside li.aside-faves a svg path,
body.waim-weeklys aside li.aside-waim-weeklys a svg path,
body.single-waim-weekly aside li.aside-waim-weeklys a svg path,
body.chit-chat aside li.aside-chit-chat a svg path,
body.single-chit-chat aside li.aside-chit-chat a svg path,
body.profile aside li:nth-of-type(7) a svg polygon {
	fill: #fff;
}

main {
	display: block;
	width: 100%;
}

main h1 {
	margin: 0 0 45px 0;
	color: #333333;
	font-size: 36px;
	line-height: 46px;
	font-weight: 700;
	letter-spacing: .01em;
}

main h2 {
	margin: 0 0 45px 0;
	color: #333333;
	font-size: 20px;
	font-weight: 700;
}

main h3 {
	margin: 0 0 10px 0;
	color: #333333;
	font-size: 22px;
	letter-spacing: .01em;
}

main p {
	margin: 0 0 24px 0;
	font-size: 18px;
	line-height: 1.6;
}

/*main p a {color:var(--main-link-color);text-decoration-skip:ink;transition:.2s;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;}main p a:hover {color:var(--main-link-hover-color);}*/
main p a {
	color: #2831FF;
	text-decoration: none;
	border-bottom: 1px solid #2831FF;
}

main p a:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
}

.hz-divider {
	width: 100%;
	height: 1px;
	background: #EAEBF4;
	margin: 45px 0;
}

/* Privacy Toggle */
.profile-privacy {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 15px 0;
	background-color: rgba(var(--waim-color-light-coral), 1);
	border: 3px solid rgba(var(--waim-color-light-coral), 1);
	border-radius: 4px;
}

.profile-privacy a {
	width: 50%;
	padding: 10px 0;
	color: rgba(var(--waim-color-coral), 1);
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.profile-privacy.toggle-public {
	background-color: rgba(var(--waim-color-teal), 1);
	border: 3px solid rgba(var(--waim-color-teal), 1);
}

.profile-privacy.toggle-public a {
	color: #ffffff;
}

.profile-privacy.toggle-public .toggle-public.toggle-active {
	background: #D8EFEF;
	border-color: #D8EFEF;
}

.dash-privacy .profile-privacy>a:hover {
	border-color: #9FA0B3 !important;
}

.toggle-active {
	background-color: #ffffff;
	border-radius: 3px;
}

/* Dashboard */
.main-dash-upper {
	display: grid;
	grid-template-columns: 1.6fr 0.7fr 0.7fr;
	gap: 31px;
	margin: 48px 0 60px 0;
}

.dash-round-box {
	border: 1.5px solid #EAEBF4;
	border-radius: 20px;
	padding: 24px;
}

.dash-user-left {
	width: 300px;
}

.dash-user-left h2 {
	margin: 0 0 15px 0;
	font-family: "DM Sans";
	font-size: 21px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}

.dash-user-right {
	width: calc(100% - 340px);
}

.dash-user-right-upper {
	margin: 0 0 35px 0;
}

.dash-user-right-lower {
	display: flex;
	justify-content: space-between;
}

.dash-user-right-lower-left {
	width: 29%;
}

.dash-user-right-lower-right {}

.dash-label,
.dashboard-label {
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	color: #707183;
	margin-bottom: 16px;
}

.dash-label img,
.dashboard-label img {
	padding: 0 0 0 10px;
}

.dash-profile-img img {
	display: block;
	width: 137px;
	height: 137px;
	margin: 0 auto;
	border-radius: 20px;
	border: 1.5px solid #EAEBF4;
	object-fit: cover;
}

.dash-goal-wrapper {
	position: relative;
}

.dash-goal-wrapper textarea {
	background: linear-gradient(71.62deg, #FFFBEA -3.9%, #FFEEEA 99.65%);
	/* border: 1.5px solid transparent; */
	border: unset;
	border-radius: 14px;
	width: 100%;
	min-height: 116px;
	outline: none;
	resize: none;
	padding: 24px;
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	color: #212125;
	position: relative;
}

.dash-goal-wrapper textarea:focus {
	/* border: 1.5px solid #2831FF; */
	box-shadow: 0 0 0 1.5px #2831FF;
}

.dash-goal-wrapper textarea::selection {
	background: rgba(0, 0, 0, 0.10);
}

.dash-goal-wrapper textarea::-moz-selection {
	background: rgba(0, 0, 0, 0.10);
}

.dash-goal-wrapper textarea::-webkit-selection {
	background: rgba(0, 0, 0, 0.10);
}

.dash-goal-wrapper textarea::placeholder {
	color: rgba(0, 0, 0, .9);
}

.dash-goal-wrapper textarea:-ms-input-placeholder {
	color: rgba(0, 0, 0, .9);
}

.dash-goal-wrapper textarea::-ms-input-placeholder {
	color: rgba(0, 0, 0, .9);
}

.dash-goal-actions {
	display: flex;
	justify-content: space-between;
	margin-top: 18px;
}

.dash-goal-actions button {
	padding: 6px 16px 8px;
	width: 95px;
	height: 37px;
	background: #F8F8FC;
	border: 1.5px solid #EAEBF4;
	border-radius: 12px;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
	color: #707183;
	display: none;
}

.dash-goal-actions button:hover {
	border: 1.5px solid #2831FF;
	cursor: pointer;
	color: #2831FF;
}

.dash-goal-count {
	font-size: 14px;
	line-height: 150%;
	display: flex;
	align-items: center;
	letter-spacing: 0.02em;
	color: #707183;
	margin-bottom: 0;
	justify-content: end;
	gap: 5px;
	margin-left: auto;
	display: none;
}

.my-tags-list {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
}

.my-tags-list li {
	background-color: #ffffff;
	padding: 6px;
	margin: 0 5px 5px 0;
	color: #17BCBC;
	font-size: 14px;
	border: 1px solid #17BCBC;
	border-radius: 4px;
}

.dash-badges {
	margin: 0 0 35px 0;
}

.dash-badges p.badges-coming-soon {
	background-color: #ffffff;
	margin: 0;
	padding: 17px;
	color: #FF9695;
	font-size: 14px;
	line-height: 18px;
	border: 1px solid #FF9695;
	border-radius: 4px;
}

.dash-toggle {
	display: flex;
	justify-content: space-between;
	width: 160px;
	margin: 0 0 15px 0;
	background-color: rgba(var(--waim-color-light-coral), 1);
	font-size: 12px;
	border: 2px solid rgba(var(--waim-color-light-coral), 1);
	border-radius: 4px;
}

.dash-toggle a {
	width: 50%;
	padding: 6px 15px;
	color: rgba(var(--waim-color-coral), 1);
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.dash-toggle-active {
	background-color: #ffffff;
	border-radius: 3px;
}

.dash-privacy .profile-privacy {
	width: fit-content;
	margin: 27px auto 15px;
	border: 1.5px solid #EAEBF4;
	border-radius: 24px;
	padding: 7px;
	display: flex;
	align-items: center;
	gap: 7px;
	background: #fff;
}

.dash-privacy .profile-privacy a {
	background: #F8F8FF;
	border: 1.5px solid #EAEBF4;
	border-radius: 15px;
	padding: 4px 16px;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: #9FA0B3;
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: capitalize;
	letter-spacing: 0;
}

.dash-privacy .profile-privacy a path {
	color: #9FA0B3;
}

.dash-privacy .profile-privacy a.toggle-active {
	background: #F8D3CB;
	border-color: #F8D3CB;
	color: #404051 !important;
}

.dash-privacy .profile-privacy a.toggle-active path {
	fill: #404051;
}

.dash-privacy p.explainer {
	color: #c0c0c0;
	font-size: 12px;
	line-height: 16px;
}

.dash-privacy .profile-privacy .toggle-private:hover {
	background: #F8D3CB;
	color: #404051 !important;
}

.dash-privacy .profile-privacy .toggle-public:hover {
	background: #D8EFEF;
	color: #404051 !important;
}

.dash-privacy .profile-privacy .toggle-private:hover path,
.dash-privacy .profile-privacy .toggle-public:hover path {
	fill: #404051;
}

/* Card Sections, Base */
.section-wrapper {
	background: rgba(248, 248, 252, 0.7);
	border-radius: 20px;
	padding: 32px 16px;
}

.section-wrapper * {
	font-family: 'DM Sans';
}

.section-wrapper:not(:last-of-type) {
	margin: 0 0 48px 0;
}

.library .section-container .section-wrapper {
	background: transparent;
}

.section-wrapper h2 {
	display: flex;
	align-items: center;
	margin: 0 0 16px 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: #707183;
}

.section-wrapper.section-surprise {
	padding: 10px 0 0;
	background: none;
}

.section-wrapper.section-surprise h2 {
	font-weight: 700;
	font-size: 22px;
	line-height: 29px;
	color: #404051;
	margin: 0 0 18px 0;
}

.section-wrapper h2 span {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 7px 0 0;
}

.section-wrapper h2 span svg {
	max-height: 17px;
	width: auto;
	min-height: 18px;
}

.section-wrapper h2 span.lib-related {
	margin: 0 0 0 20px;
	width: auto;
	height: auto;
	background-color: inherit;
	font-size: 18px;
	font-weight: 400;
	font-style: italic;
	border-radius: none;
	text-transform: none;
}

.dash-people-page .section-wrapper {
	background: transparent;
	border-radius: 0px;
	padding: 0px;
}

.dash-people-page .section-people h2.people,
.dash-people-page h2.waim-weekly {
	display: none !important;
}

/* Cards */
.section-card-wrapper {
	display: grid;
	/*grid-template-columns: repeat(auto-fill,minmax(240px, 1fr));*/
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 16px;
}

.section-people .section-action-menu .nextup-item,
.section-people .section-action-menu .complete-item {
	display: none !important;
}

.section-card {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	overflow-wrap: break-word;
	background: linear-gradient(19.57deg, rgba(207, 236, 237, .5) -0.45%, rgba(255, 255, 255, 0) 21.36%, rgba(255, 255, 255, 0) 95.66%), #FFFFFF;
	border: 1.5px solid #EAEBF4;
	border-radius: 20px;
	padding: 20px 20px 40px;
	min-width: 240px;
	position: relative;
	cursor: pointer;
	min-height: 380px;
	text-decoration: none;
}

.section-card.active_menu {
	z-index: 99 !important;
}

.section-card.card-work-item .card-type {
	color: #9B5606;
}

.section-card.card-work-item .section-card-icon {
	background-color: #FFEAD1;
}

.section-card.card-work-item {
	background: linear-gradient(19.57deg, #F9D3A7 -16.45%, rgba(255, 255, 255, 0) 21.36%, rgba(255, 255, 255, 0) 65.66%), #FFFFFF
}

.section-card:hover {
	border: 1.5px solid #2831FF;
	box-shadow: 1px 2px 5px rgba(64, 64, 81, 0.15);
	border-radius: 20px;
}

.section-card.next-order {
	border: 2px solid #ead341;
}

.section-card * {
	font-family: 'DM Sans';
}

.section-card .section-card-actions {
	text-align: right;
	display: flex;
	gap: 10px;
	justify-content: end;
	align-items: center;
	position: absolute;
	left: 20px;
	right: 20px;
	z-index: 7;
	margin-top: 0;
}

.section-card .section-card-actions .show-more {
	cursor: pointer;
	text-align: center;
}

.section-card .section-card-actions .show-more img {
	width: auto;
	height: auto;
}

.section-card .card-action-status {
	display: flex;
	gap: 12px;
	align-items: center;
}

.section-card .card-action-status div span {
	min-width: 18px;
}

.section-card .card-action-status div span.btn-notes.notes-view {
	padding: 0;
	font-size: 0;
	line-height: inherit;
	display: inline;
}

.section-card .card-action-status svg {
	height: auto;
	width: 18px;
}

.section-card .card-action-status .section-card-complete-wrapper,
.section-card .card-action-status .section-card-bookmark-wrapper,
.section-card .card-action-status .section-card-nextup-wrapper {
	display: none;
}

.section-card .card-action-status .section-card-complete-wrapper.card-completed,
.section-card .card-action-status .section-card-bookmark-wrapper.card-bookmarked,
.section-card .card-action-status .section-card-nextup-wrapper.card-order {
	display: inline-block;
}

.section-card .card-action-status .card-completed .complete-saved svg path {
	fill: #17BCBC;
}

.section-card .card-action-status .card-completed .complete-saved:hover svg path {
	fill: rgba(23, 188, 188, 0.3);
}

.section-card .card-action-status .card-bookmarked {
	width: 14px;
}

.section-card .card-action-status .card-bookmarked .bookmark-saved {
	position: relative;
	top: -2px;
}

.section-card .card-action-status .card-bookmarked .bookmark-saved svg {
	width: 11px;
}

.section-card .card-action-status .card-bookmarked .bookmark-saved svg path {
	fill: rgba(var(--waim-color-blue), 1) !important;
}

.section-card .card-action-status .card-bookmarked .bookmark-saved svg+svg path {
	fill: #DDDFFF !important;
}

.section-card .card-action-status .card-bookmarked .bookmark-saved svg+svg {
	min-width: 13px;
	height: auto;
}

.section-card .card-action-status .card-bookmarked .bookmark-saved svg+svg,
.section-card .card-action-status .card-bookmarked .bookmark-saved:hover svg {
	display: none;
}

.section-card .card-action-status .card-bookmarked .bookmark-saved:hover svg+svg {
	display: block;
}

.section-card .card-action-status .card-order .order-added svg path {
	fill: #E7BC0B !important;
}

.section-card .card-action-status .card-order .order-added svg+svg,
.section-card .card-action-status .card-order .order-added:hover svg {
	display: none;
}

.section-card .card-action-status .card-order .order-added svg+svg {
	min-width: 18px;
	min-height: 19px;
	position: relative;
	top: -1px;
}

.section-card .card-action-status .card-order .order-added:hover svg+svg {
	display: block;
}

.section-card .card-action-status .card-order .order-added svg+svg path {
	fill: #F6EDC8 !important;
}

.section-card .card-action-status .section-card-note {
	display: none;
}

.section-card .card-action-status .section-card-note.note-added {
	display: block;
}

.section-card .card-action-status .section-card-note svg path {
	fill: #FF9695;
}

.section-card .card-action-status .section-card-note:hover svg path {
	fill: #F8D3CB;
}

.section-card-img {
	position: relative;
	margin-top: 35px;
}

.section-card-img img {
	max-width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: 12px 12px 0 0;
	display: block;
}

.section-card-content {
	height: 100%;
	display: flex;
	flex-direction: column;
	/*padding: 18px 0 0;*/
}

.section-card-content h3 {
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 14px;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: 0.015em;
	color: #404051;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.section-card-content h3 a {
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: 0.015em;
	color: #404051;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.person-details.has_elips {
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	text-overflow: ellipsis;
}

.section-card-content .social-wrap {
	margin-bottom: 16px;
}

.section-card-content .social-wrap a.social {
	text-decoration: none;
	color: transparent;
	border: 0;
}

.section-card-content .social-wrap a.social svg {
	display: block;
	width: 14px;
}

.section-card-content .social-wrap a.social svg path {
	fill: #F8D3CB;
}

.section-card-content .social-wrap a.social:hover svg path {
	fill: #FE9695;
}

.section-card-content h3 .person-suffix {
	font-size: 12px;
	line-height: 16px;
	display: flex;
	align-items: flex-end;
	letter-spacing: 0.02em;
	color: #9FA0B3;
}

.section-card-content h4 {
	margin: 0 0 14px 0;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.02em;
	color: #9FA0B3;
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 4px;
}

.section-card-content p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px !important;
	letter-spacing: 0.02em;
	color: #707183;
}

.person-details .section-card-content p {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0;
}

.section-card-content .section-card-icon {
	width: 64px;
	height: 64px;
	background: #FFF6E3;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
}

.section-card-content .section-card-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 14px;
}

.section-card-content .section-card-icon.section-tool {
	background: #FFF8F8;
}

.section-card-content .section-card-icon.section-course,
.text_list_wrap li.item-course img {
	background: #E3F4F4;
}

.card-roadmap-item .section-card-icon,
.section-card-content .section-card-icon.section-roadmap-icon {
	background: #FFF8F8;
}

.section-card-content .section-card-icon svg {
	width: 34px;
	height: 34px;
}

.section-card-content .card-type {
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 0.02em;
	color: #107779;
	position: absolute;
	bottom: 30px;
	left: 20px;
}

.section-card-content .card-type.waim-weekly {
	color: #00118B;
}

.card-tool-item .card-type,
.section-card-content .card-type.tools-temp {
	color: #9F4B48;
}

.card-roadmap-item .card-type,
.section-card-content .card-type.card-type-checklist {
	color: #BB7065;
}

.section-tags {
	margin-top: -4px;
	margin-bottom: 40px;
}

.section-tags .tagItem {
	background: #FFFFFF;
	border: 1px solid #EAEBF4;
	border-radius: 12px;
	padding: 1px 10px 3px;
	font-weight: 400;
	font-size: 14px;
	line-height: 11px;
	text-align: center;
	letter-spacing: 0.02em;
	color: #7E7F99;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 2px;
	text-transform: lowercase;
	min-height: 24px;
}

.section-tags .tagItem:hover {
	/*color: #2831FF;	border-color:#2831FF;*/
}

/* Section Action Menu */
/* .section-card .show-more:hover .section-action-menu {	display: block;} */
.show-more {
	position: relative;
}

.section-action-menu {
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #EAEBF4;
	width: 194px;
	box-shadow: 1px 2px 5px rgba(64, 64, 81, 0.15);
	border-radius: 12px;
	list-style-type: none;
	z-index: 900;
	/* top: 20px; */
	top: 25px;
	left: -5px;
	padding: 12px 0 8px;
	display: none;
}

.section-action-menu.shiftLeft {
	left: auto;
	right: 0;
}

.section-action-menu li {
	margin-bottom: 4px;
}

.section-action-menu li span {
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	color: #707183;
	padding: 5px 14px;
	display: flex;
	justify-content: start;
	align-items: center;
	flex-direction: row;
	gap: 8px;
	background: #fff;
	border: 0 !important;
}

.section-action-menu li span .action-icon {
	padding: 0;
	min-width: 18px;
	display: flex;
	justify-content: center;
	background: transparent;
}

.section-action-menu li span svg {
	display: block;
	position: static;
	min-width: 15px;
}

.section-action-menu li span:hover {
	/* color: #2831FF; */
	background: #F8F8FF;
}

.section-action-menu .section-card-bookmark-wrapper {
	width: auto;
}

.section-card-kicker {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*section-card-kicker margin-top used to be auto but then was broken, so changed to 10px */
.card-empty {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 315px;
	background-color: transparent;
	border: 2px solid #F5E5E4;
}

.card-empty a {
	display: flex;
	flex-direction: column;
	color: #F5E5E4;
	font-weight: 900;
	text-transform: uppercase;
	text-decoration: none;
}

.card-empty a img {
	margin: 0 0 10px 0;
	opacity: .5;
}

/* Cards - Notes Button */
.btn-notes {
	display: flex;
	align-items: center;
	padding: 3px 8px 6px 6px;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	border-radius: 4px;
}

.btn-notes img,
.btn-notes svg {
	/*margin: 0 5px 0 0;*/
}

/* Cards - Link */
.btn-link {
	display: flex;
	align-items: center;
	padding: 6px;
	color: #2831FF;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: .1em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 4px;
}

.btn-link img {
	margin: 0 0 0 5px;
}

/* Cards - Completed Indicator */
.marker-indicator {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-color: #2831FF;
	color: #ffffff;
	font-size: 12px;
	border-radius: 4px;
}

.marker-indicator span {
	padding: 6px 8px;
	border: 1px solid #ffffff;
}

.marker-indicator span:first-of-type {
	border-radius: 3px 0 0 3px;
}

.marker-indicator span:last-of-type {
	padding: 6px;
	border-left: none;
	border-radius: 0 3px 3px 0;
}

.mark-complete {
	background-color: #ffffff;
	color: #2831FF;
	text-decoration: none;
}

.mark-complete span {
	border: 1px solid #2831FF !important;
	border-radius: 3px !important;
}

.mark-complete:hover {
	background-color: #2831FF;
	color: #ffffff;
	cursor: pointer;
}

/* Card - Bookmark, Base */
.section-card-bookmark-wrapper {
	width: 11px;
}

.section-card-bookmark-wrapper .bookmark-remove {
	display: none;
}

.section-card-bookmark-wrapper.card-bookmarked .bookmark-remove {
	display: flex;
}

.section-card-bookmark-wrapper.card-bookmarked .bookmark-add {
	display: none;
}

.section-card-bookmark {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bookmark-add svg path {
	/*fill: #ffffff;*/
}

.bookmark-add:hover {
	cursor: pointer;
}

.label-add {
	display: none;
	position: absolute;
	top: 25px;
	right: -60px;
	padding: 10px 15px;
	color: #ffffff;
	font-size: 14px;
	background-color: rgba(0, 0, 0, .7);
	border-radius: 4px;
	z-index: 900;
}

.label-remove {
	display: none;
	position: absolute;
	top: 25px;
	right: -60px;
	padding: 10px 15px;
	color: #ffffff;
	font-size: 14px;
	background-color: rgba(0, 0, 0, .7);
	border-radius: 4px;
	z-index: 900;
}

/* Card Completed CSS */
.section-card-complete-wrapper .complete-remove {
	display: none;
}

.section-card-complete-wrapper.card-completed .complete-add {
	display: none;
}

.section-card-complete-wrapper.card-completed .complete-remove {
	display: flex;
}

/* Card Next Up CSS */
.section-card-nextup-wrapper .mark-next-remove {
	display: none;
}

.section-card-nextup-wrapper.card-has-order .mark-next-add {
	display: none;
}

.section-card-nextup-wrapper.card-has-order .mark-next-remove {
	display: flex;
}

/* Card - Bookmark, Section Colors */
.section-checklist .section-card,
.section-card.card-roadmap-item {
	background: linear-gradient(19.57deg, rgb(255, 226, 220, .5) -0.45%, rgba(255, 255, 255, 0) 21.36%, rgba(255, 255, 255, 0) 95.66%), #FFFFFF;
}

.section-article .bookmark-add {}

.section-card .bookmark-add svg path {
	/* fill: #9FA0B3;
	fill: transparent;
	stroke: #404051;
	stroke-width: 1.5px;*/
}

.section-card .bookmark-add:hover {}

.section-card .bookmark-add:hover svg path {
	/* stroke: rgba(var(--waim-color-blue), 1); */
	fill: rgba(var(--waim-color-blue), 1);
}

.section-card .bookmark-remove {}

.section-card .section-action-menu .note-item .notes-view svg path {
	/*fill: #FF9695 !important;*/
}

.section-card .bookmark-remove svg path {
	/* fill: rgba(var(--waim-color-blue), 1) !important; */
	fill: transparent !important;
	stroke: #404051;
	stroke-width: 1.5px;
}

.section-card .bookmark-remove:hover svg path {
	fill: transparent;
	stroke: #2831FF;
}

.section-card .nextup-item:hover svg path {
	fill: #E7BC0B;
}

.section-card .complete-item:hover svg path {
	fill: #17BCBC;
}

.section-card .note-item:hover svg path {
	fill: #FF9695;
}

.section-article .section-card,
.card-post-item {
	background: linear-gradient(19.57deg, rgba(249, 227, 151, .5) -0.45%, rgba(255, 255, 255, 0) 21.36%, rgba(255, 255, 255, 0) 95.66%), #FFFFFF;
}

.section-article .section-card .section-card-content {
	padding-top: 0;
}

.section-article .section-card .card-type,
.card-post-item .card-type {
	color: #9B7A06;
}

.section-article .section-card:hover {
	border: 1.5px solid #F9CD16;
}

.section-card.card-post-item:hover {
	border: 1.5px solid #2831FF;
}

.section-tool .section-card,
.section-card.card-tool-item {
	background: linear-gradient(19.57deg, rgba(249, 170, 167, .5) -0.45%, rgba(255, 255, 255, 0) 21.36%, rgba(255, 255, 255, 0) 95.66%), #FFFFFF;
}

.section-card.card-tool-item .section-card-icon.section-tool {
	background: #FFF8F8;
}

.section-tool .section-card-icon,
.card-tool-item .section-card-icon {
	background: #FEF2F2;
}

.section-tool .notes-view {}

.section-tool .notes-view:hover {}

.section-tool .notes-add {
	border: 1px solid rgba(var(--waim-color-teal), 1);
	color: rgba(var(--waim-color-teal), 1);
}

.section-tool .notes-add svg path {
	fill: rgba(var(--waim-color-teal), 1);
}

.section-tool .notes-add:hover {
	color: #ffffff;
	background-color: rgba(var(--waim-color-teal), 1);
}

.section-tool .notes-add:hover svg path {
	fill: #ffffff;
}

.section-people h2 svg path {
	/*fill: rgba(var(--waim-color-light-cobalt), 1);*/
}

.section-people .section-card-content {
	padding: 18px 0 0;
}

.section-people .section-card-img img {
	border-radius: 12px;
	height: 210px;
	object-position: top;
}

.section-fave h2 svg path {
	fill: rgba(var(--waim-color-dark-gray), 1);
}

.section-fave .bookmark-add {
	background-color: #ffffff;
	border: 2px solid rgba(var(--waim-color-dark-gray), 1);
}

.section-fave .bookmark-add svg path {
	fill: rgba(var(--waim-color-dark-gray), 1);
}

.section-fave .bookmark-add:hover {
	background-color: rgba(var(--waim-color-dark-gray), 1);
	border: 2px solid rgba(var(--waim-color-dark-gray), 0);
}

.section-fave .bookmark-add:hover svg path {
	fill: #ffffff;
}

.section-fave .bookmark-remove {
	background-color: rgba(var(--waim-color-dark-gray), 1);
	border: 2px solid rgba(var(--waim-color-dark-gray), 1);
}

.section-fave .bookmark-remove svg path {
	fill: #ffffff;
}

.section-fave .bookmark-remove:hover {
	background-color: #ffffff;
	border: 2px solid rgba(var(--waim-color-dark-gray), 1);
}

.section-fave .bookmark-remove:hover svg path {
	fill: rgba(var(--waim-color-dark-gray), 1);
}

.fav-avatar {
	position: absolute;
	left: 20px;
	bottom: 15px;
	border-radius: 50% !important;
}

.card-waim-weekly-item .section-card-content {
	padding: 18px 0 0;
}

.section-waim-weekly .section-card,
.card-waim-weekly-item {
	background: linear-gradient(19.57deg, rgb(235, 236, 253, .5) -0.45%, rgba(255, 255, 255, 0) 21.36%, rgba(255, 255, 255, 0) 95.66%), #FFFFFF;
}

.section-chit-chat h2 svg path {
	fill: rgba(0, 0, 0, 1);
}

.section-chit-chat .notes-view {
	background-color: rgba(var(--waim-color-dark-gray), 1);
	color: #ffffff;
}

.section-chit-chat .notes-view:hover {
	background-color: rgba(var(--waim-color-dark-gray), .7);
}

.section-chit-chat .notes-add {
	border: 1px solid rgba(var(--waim-color-dark-gray), 1);
	color: rgba(var(--waim-color-dark-gray), 1);
}

.section-chit-chat .notes-add svg path {
	fill: rgba(var(--waim-color-dark-gray), 1);
}

.section-chit-chat .notes-add:hover {
	color: #ffffff;
	background-color: rgba(var(--waim-color-dark-gray), 1);
}

.section-chit-chat .notes-add:hover svg path {
	fill: #ffffff;
}

.section-podcast .section-card,
.section-card.card-podcast-item {
	background: linear-gradient(19.57deg, rgba(191, 195, 255, .5) -0.45%, rgba(255, 255, 255, 0) 21.36%, rgba(255, 255, 255, 0) 95.66%), #FFFFFF;
}

.section-podcast .card-type,
.section-card.card-podcast-item .card-type {
	color: #00118B;
}

.section-podcast .section-card-content .section-card-icon,
.section-card.card-podcast-item .section-card-icon {
	background: #E4E6FF;
}

.section-saved-resources {
	background: #F3F4FF;
}

.section-completed-resources {
	background: #ECFAFA;
}

/* .section-completed-resources .section-card-bookmark-wrapper{
	display: none !important;
} */

.section-completed-resources .section-card {
	border: 1.5px solid #17BCBC !important;
}

.section-completed-resources .section-card:hover {
	border: 1.5px solid #2831FF !important;
}

.display-none {
	display: none !important;
}

.display-block {
	display: block !important;
}

.dont-have-box {
	padding-top: 15px;
	display: block;
	text-align: center;
}

.dont-have-box .dhb-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 19px;
	color: #212125;
	margin-top: 15px;
}

.dont-have-box .dhb-content {
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: #707183;
	max-width: 660px;
	margin: 10px auto 10px;
}

.dont-have-box .dhb-content a {
	font-weight: 600;
	text-decoration: underline;
	color: #2831FF;
}

.dont-have-box .dhb-content a:hover {
	text-decoration: none;
}

.section-spotlight .section-card,
.card-spotlight-item {
	background: linear-gradient(19.57deg, rgba(195, 250, 223, .5) -0.45%, rgba(255, 255, 255, 0) 21.36%, rgba(255, 255, 255, 0) 95.66%), #FFFFFF;
}

.section-spotlight .section-card-icon,
.card-spotlight-item .section-card-icon {
	background: linear-gradient(57.79deg, #ECFAFA -5.15%, #E8FFF5 69.21%, #FFFBE9 135.4%);
}

.section-spotlight .card-type,
.card-spotlight-item .card-type {
	color: #26997E;
}

.section-workshop .section-card,
.card-workshop-item {
	background: linear-gradient(19.57deg, #F9D3A7 -0.45%, rgba(255, 255, 255, 0) 21.36%, rgba(255, 255, 255, 0) 95.66%), #FFFFFF;
}

.section-workshop .section-card-icon,
.card-workshop-item .section-card-icon {
	background: #FFEAD1;
}

.section-workshop .card-type {
	color: #9B5606;
}

.section-coaching .section-card,
.card-coaching-item {
	background: linear-gradient(19.76deg, rgba(72, 192, 196, .5) -2.5%, rgba(255, 255, 255, 0) 21.08%, rgba(255, 255, 255, 0) 95.65%), #FFFFFF;
}

.section-coaching .section-card-icon,
.card-coaching-item .section-card-icon {
	background: #CEE9EA;
}

.section-coaching .card-type,
.card-coaching-item .card-type {
	color: #107779;
}

.section-course .section-card-icon,
.card-course-item .section-card-icon {
	background: #CEE9EA;
}

/* Show more show-surprise*/
.section-show-more,
.section-show-surprise {
	border: 2px solid #EAEBF4;
	border-radius: 12px;
	padding: 8px 16px;
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #9FA0B3;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	text-decoration: none;
	height: 40px;
	cursor: pointer;
}

.section-show-more:hover,
.section-show-surprise:hover {
	border: 2px solid #2831FF;
	color: #2831FF;
}

.section-show-more:hover span svg path,
.section-show-surprise:hover span svg path {
	fill: #2831FF;
}

.section-show-more.loading,
.section-show-surprise.loading {
	background-color: #2831FF;
	border: 2px solid #2831FF;
}

.section-show-more span,
.section-show-surprise span {
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-show-surprise span {
	gap: 5px;
}

.section-show-more span svg,
.section-show-surprise span avg {
	margin-left: 7px;
}

.section-show-more .totalLoad {
	margin: 0 4px;
}

.section-show-more .waim-spinner,
.section-show-surprise .waim-spinner {
	color: #9FA0B3;
}

.main-dash-lower {
	padding-top: 15px;
}

/* View all */
.view-all-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.view-all-wrapper p {
	margin: 0 15px 0 0;
	color: #FFD1C9;
	font-size: 16px;
	font-weight: 600;
}

.view-all {
	font-family: "OpenSansCondensed", "DM Sans", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	letter-spacing: 1px;
	padding: 15px 0;
	background-color: #2831ff;
	color: #333333;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 4px;
}

.view-all:hover {
	background-color: #FF9695;
	color: #ffffff;
}

/* Library */
.library-search {
	display: flex;
	justify-content: space-between;
	margin: 40px 0 60px 0;
}

.library-search p {
	margin: 0;
	color: #2831FF;
	font-size: 30px;
	font-weight: 600;
}

.form-search {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.form-search input {
	width: 320px;
	height: 100%;
	margin: 0 10px;
	font-weight: 600;
	border: none;
	border-bottom: 2px solid #2831FF;
}

.form-search input::placeholder {
	color: #2831FF;
	opacity: 1;
}

.form-search input:-ms-input-placeholder {
	color: #2831FF;
}

.form-search input::-ms-input-placeholder {
	color: #2831FF;
}

.form-search button {
	width: 45px;
	height: 45px;
	padding: 0 18px;
	background-color: #2831FF;
	color: #ffffff;
	border: none;
	border-radius: 0 4px 4px 0;
}

.form-search button:hover {
	cursor: pointer;
}

.form-search .input-empty {
	border-bottom: 2px solid red !important;
}

.form-dropdown select {
	background: transparent;
	border: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

body.library .section-container {
	margin: 30px 0 0 0;
}

body.library .section-container {
	display: none;
}

body.library .view-all {
	width: 80px;
	margin: 0 auto;
	display: none;
}

body.library .view-all.show {
	display: block;
}

/* Custom Select */
.library-custom-select-wrapper {
	position: relative;
}

.library-custom-select {
	display: flex;
	align-items: center;
	width: 380px;
	padding: 14px 20px;
	color: #2831FF;
	font-weight: 600;
	border: 2px solid #2831FF;
	border-radius: 4px;
}

.library-custom-select:hover {
	cursor: pointer;
}

.library-custom-select:after {
	display: block;
	width: 45px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #2831FF url(images/icon-arrow-down.svg) no-repeat center center;
	content: "";
	border-radius: 0px 4px 4px 0px;
}

.library-custom-select-options {
	display: none;
	width: 380px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffff;
	border: 2px solid #FF9695;
	border-radius: 4px;
	z-index: 100;
}

.library-custom-select-options ul {
	list-style-type: none;
}

.library-custom-select-options li {
	position: relative;
}

.library-custom-select-options li:not(:last-of-type) a {
	border-bottom: 2px solid #FF9695;
}

.library-custom-select-options li a {
	display: block;
	padding: 14px 20px;
	color: #FF9695;
	text-decoration: none;
}

.library-custom-select-options li a:hover:not(.select) {
	background-color: #FCF1F0;
}

.library-custom-select-options li a.select {
	position: relative;
	color: #ffffff;
	background-color: #FF9695;
}

.library-custom-select-options li a.select:after {
	display: block;
	width: 42px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #FF9695 url(images/icon-arrow-down.svg) no-repeat center center;
	content: "";
}

.selected-item {
	color: #FF9695;
	font-weight: 600;
	border: 2px solid #FF9695;
	border-radius: 4px;
}

.selected-item:after {
	display: block;
	width: 45px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #FF9695 url(images/icon-arrow-down.svg) no-repeat center center;
	content: "";
}

.show {
	display: block;
}

.hide {
	display: none;
}

/* Library Filters */
.lib-filters {
	background: #F8F8FC;
	border: 1.5px solid #EAEBF4;
	border-radius: 20px;
	margin-top: 36px;
	padding: 14px 46px 14px 28px;
	position: relative;
}

.btn_layout {
	background: #2831FF;
	display: flex;
	align-items: center;
	border-radius: 8px;
	padding: 5px 12px 5px 5px;
	gap: 8px;
}

.lib-filters * {
	font-family: 'DM Sans';
}

.search_lib_title_info h2,
.filter_title_desc_wrap h2 {
	font-size: 24px;
	color: #212125;
	line-height: 36px;
	font-family: 'DM Sans', sans-serif;
}

.search_lib_title_info h2 span,
.filter_title_desc_wrap h2 span {
	color: #2831FF;
}

.filter_title_desc_wrap h2 {
	margin-top: 45px;
	max-width: 770px;
	width: 100%;
	display: none !important;
}

.lib-filters .lib-close-view {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 24px;
}

.btn_layout span img {
	background: rgba(215, 215, 243, 0.3);
	padding: 8px;
	border-radius: 5px;
}

.lib-filters .btn_layout span img {
	background: transparent;
	padding: 0px;
	border-radius: 0px;
	filter: brightness(0) invert(1);
}

.btn_layout a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

.btn_layout span svg {
	width: 12px;
	height: 12px;
}

.btn_layout span {
	display: flex;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	background: rgba(215, 215, 243, 0.3);
	border-radius: 4.32517px;
}

.btn_layout span svg path {
	fill: white;
}

.btn_layout img {
	cursor: pointer;
}

.lib-filters .lib-open-view {
	display: none;
}

.lib-filters .lib-flr-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	color: #707183;
	min-height: 34px;
	display: flex;
	align-items: center;
}

.lib-filters .lib-flr-toggle {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 19px;
	background: url('images/expand up.svg') no-repeat center;
	right: 16px;
	transform: rotate(180deg);
	cursor: pointer;
}

.lib-filters.open .lib-flr-toggle {
	top: 16px;
	right: 16px;
	transform: rotate(0deg);
}

.lib-filters.open .lib-close-view {
	display: none;
}

.lib-filters.open .lib-open-view {
	display: flex;
}

.lib-filters .lib-open-view {
	gap: 20px;
}

.lib-filters .lib-left-filters {
	width: 240px;
	border-right: 1.5px solid #EAEBF4;
	padding-right: 20px;
}

.type-filters {
	position: relative;
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.type-filters .type-fitem label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: linear-gradient(69.29deg, #FFF2BA -4.61%, #FFEEEA 100.23%);
	border-radius: 8px;
	padding: 3px 12px 4px 3px;
	font-weight: 400;
	font-size: 11px;
	line-height: 16px;
	/* text-align: center; */
	text-align: left;
	color: #212125;
	text-transform: capitalize;
	cursor: pointer;
	margin-bottom: 0;
	border: 1px solid #F8F8FC;
}

.type-filters input {
	position: absolute;
	opacity: 0;
}

.type-filters .type-icon {
	width: 24px;
	height: 24px;
	background: rgba(249, 223, 168, 0.5);
	border-radius: 4.32517px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.type-filters .type-fitem label:hover {
	border: 1px solid #9FA0B3;
	box-shadow: 1px 2px 5px rgba(64, 64, 81, 0.15);
}

.type-filters .type-fitem input:checked+label {
	background: #2831FF !important;
	color: #fff !important;
}

.type-filters .type-fitem input:checked+label .type-icon {
	background: rgba(215, 215, 243, 0.3) !important;
}


/*.type-filters .type-fitem input:checked+label .type-icon,
.type-filters .type-fitem label:hover .type-icon {
	background: rgba(215, 215, 243, 0.3) !important;
}*/

.type-filters .type-fitem input:checked+label svg path {
	fill: #fff !important;
}

.type-filters .type-fitem input:checked+label img {
	filter: brightness(0) invert(1);
}

.type-filters .lib-rf-title {
	background: #EAEBF4;
	border-radius: 8px;
	padding: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	font-weight: 700;
	font-size: 13px;
	line-height: 17px;
	color: #7E7F99;
	width: max-content;
}

.lib-right-filters {
	width: 100%;
}

.live-intentionally .type-title {
	width: calc(100% - 32px);
}

.lib-right-filters .lib-col4-list {
	display: flex;
	/* justify-content: space-between; */
	justify-self: flex-start;
	flex-wrap: wrap;
	gap: 30px;
}

.lib-col4-list>div {
	max-width: calc(25% - 30px);
	width: 100%;
}

.lib-right-filters .lib-gpm-list .type-icon {
	background: rgba(188, 222, 223, 0.5);
}

.lib-right-filters .lib-gpm-list .type-fitem label {
	background: linear-gradient(57.79deg, #CFECED -5.15%, #FFF5D3 69.21%, #FCEAE7 135.4%);
}

.lib-right-filters .lib-gpm-list .type-fitem label.palette_1 {
	background: linear-gradient(57.79deg, #CFECED -5.15%, #FFF5D3 69.21%, #FCEAE7 135.4%);
}

.lib-right-filters .lib-gpm-list .type-fitem label.palette_2 {
	background: linear-gradient(59.76deg, #FCEAE7 -14.86%, #EAEAFF 92.45%);
}

.lib-right-filters .lib-gpm-list .type-fitem label.palette_2 .type-icon {
	background: rgba(248, 211, 203, 0.5);
}

.lib-right-filters .lib-gpm-list .type-fitem label.palette_3 {
	background: linear-gradient(77.76deg, #EBEBFF -4.34%, #E3F4F4 103.75%);
}

.lib-right-filters .lib-gpm-list .type-fitem label.palette_3 .type-icon {
	background: rgba(215, 215, 243, 0.5);
}

.lib-right-filters .lib-gpm-list .type-fitem label.palette_4 {
	background: linear-gradient(75.45deg, #D8EFEF -19.32%, #EFFBF6 122.08%);
}

.lib-right-filters .lib-gpm-list .type-fitem label.palette_4 .type-icon {
	background: rgba(188, 222, 223, 0.5);
}

.lib-right-filters .lib-sf-list .type-icon {
	background: rgba(248, 211, 203, 0.5);
}

.lib-right-filters .lib-sf-list .type-fitem label {
	background: linear-gradient(59.76deg, #FCEAE7 -14.86%, #EAEAFF 92.45%);
}

.lib-right-filters .lib-os-list .type-icon {
	background: rgba(215, 215, 243, 0.5);
}

.lib-right-filters .lib-os-list .type-fitem label {
	background: linear-gradient(77.76deg, #EBEBFF -4.34%, #E3F4F4 103.75%);
}

.lib-right-filters .lib-mc-list .type-icon {
	background: rgba(188, 222, 223, 0.5);
}

.lib-right-filters .lib-mc-list .type-fitem label {
	background: linear-gradient(75.45deg, #D8EFEF -19.32%, #EFFBF6 122.08%);
}

.lib-filters-by {
	display: flex;
	gap: 8px;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.lib-filters-by .type-fitem {
	position: reltaive;
}

.lib-filters-by .type-fitem input {
	position: absolute;
	opacity: 0;
}

.type-filters.lib-filters-by .type-fitem label {
	background: #fff;
	height: 34px;
	border-radius: 10px;
	cursor: pointer;
	margin-bottom: 0;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: #7E7F99;
	padding: 8px;
}

.type-filters.lib-filters-by .type-fitem .type-icon {
	background: none;
}

/* Articles */
.articles-guides .view-all {
	width: 160px;
}

/* People */
.people .view-all {
	width: 160px;
}

a.social {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
}

a.social:not(:last-of-type) {
	margin: 0 14px 0 0;
}

/* Roadmaps */
.roadmaps main h2 {
	font-family: "DM Sans";
}

/* Single Roadmap */
.single-roadmap h2 {
	font-family: "DM Sans";
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

.single-roadmap .back-to {
	color: #2831FF;
	font-size: 14px;
	font-weight: 600;
}

.single-roadmap .content-upper {
	display: flex;
	margin: 40px 0;
	justify-content: space-between;
}

.single-roadmap .content-upper .section-wrapper {
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.single-roadmap .section-card {
	width: 245px;
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
}

.single-roadmap .content-upper-left {
	width: calc(100% - 305px);
}

.single-roadmap .content-upper-left p {
	margin: 0 0 30px 0;
	font-size: 16px;
}

.single-roadmap .content-upper-left p a {
	color: #2831FF;
}

.single-roadmap .related-resources {
	padding: 40px;
	background: url(images/bg-related-resources.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.single-roadmap .related-resources h3 {
	margin: 0 0 25px 0;
	font-size: 18px;
	text-transform: uppercase;
}

.single-roadmap .related-resources p:last-of-type {
	margin: 0;
}

.phase-intro h1 {
	margin: 0 0 15px 0;
}

.phase-intro p {
	margin: 0 0 40px 0;
	color: #7C7C7C;
	font-size: 12px;
}

.phase-item-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.phase-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 49%;
	margin: 0 0 20px 0;
	padding: 25px 20px;
	background-color: #ffffff;
	border-radius: 6px;
}

.phase-item p {
	font-size: 16px;
	margin: 0;
}

.phase-item-checkbox {
	width: 30px;
	height: 30px;
	border-radius: 4px;
	margin: 10px;
	padding: 10px;
}

.phase-active .checkbox-empty {
	border: 2px solid #2831FF;
}

.phase-active .checkbox-active {
	background: #2831FF url(images/icon-check.svg) no-repeat center center;
}

.phase-active .phase-item-checkbox:hover {
	cursor: pointer;
}

.phase-inactive {
	position: relative;
	min-height: 300px;
}

.phase-locked {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	top: 50px;
	left: 0;
	z-index: 200;
}

.phase-locked img {
	max-width: 95px;
	margin: 0 0 25px 0;
}

.phase-locked p {
	margin: 0;
}

.phase-locked p span {
	display: block;
	margin: 0 auto;
	padding: 15px 30px;
	background-color: #FCF1F0;
	color: #FF9695;
	font-size: 20px;
	font-weight: 700;
	border: 1px solid #FF9695;
	border-radius: 4px;
}

.phase-active .phase-locked {
	display: none;
}

.phase-inactive h2 {
	color: #FF9695;
}

.phase-inactive .phase-item-wrapper,
.phase-inactive .description {
	filter: blur(4px);
}

.phase-inactive .phase-item p,
.phase-inactive .description {
	color: #FF9695;
}

.phase-inactive .checkbox-empty {
	border: 2px solid #FF9695;
}

.btn-clear-phases {
	display: block;
	margin: 30px auto 0 auto;
	background-color: rgba(40, 49, 255, 1);
	padding: 15px 30px;
	color: #FFFFFF;
	font-family: "OpenSansCondensed";
	font-size: 16px !important;
	font-weight: 500;
	letter-spacing: .1em;
	text-transform: uppercase;
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
	border: none;
	border-radius: 8px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.btn-clear-phases:hover {
	background-color: rgba(40, 49, 255, .8);
	cursor: pointer;
}

/* Faves */
.faves h1 {
	margin: 0 0 40px 0;
}

.faves-search {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 60px 0;
}

.faves-search-filter {
	width: 240px;
}

.faves-search-filter p {
	margin: 20px 0;
	color: #7C7C7C;
	font-size: 11px;
	text-align: center;
}

.faves-search-filter .view-all {
	display: block;
	width: 160px;
	margin: 0 auto;
}

.faces {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faces img {
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	transition: .2s;
}

.faces a {
	position: relative;
	display: flex;
	border-radius: 50%;
	background-color: #ffffff;
}

.faces a:hover img {
	box-shadow: none;
	filter: grayscale(100%) contrast(1.2);
	opacity: 0.6;
	transition: .2s;
}

.faces a:hover::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: all ease-in-out .5s;
}

.faces a.face-carol:hover {
	box-shadow: inset 0 0 0 2px #AFB2FF;
}

.faces a.face-carol:hover::after {
	background-color: #23278a;
	mix-blend-mode: color;
}

.faces a.face-jason:hover {
	box-shadow: inset 0 0 0 2px #FFD1C9;
}

.faces a.face-jason:hover::after {
	background-color: #FFD1C9;
	mix-blend-mode: color;
}

.faces a.face-carol.face-carol-active img,
.faces a.face-jason.face-jason-active img {
	box-shadow: none;
	filter: grayscale(100%) contrast(1.2);
	opacity: 0.6;
	transition: .2s;
}

.faces a.face-carol.face-carol-active {
	box-shadow: inset 0 0 0 2px #AFB2FF
}

.faces a.face-carol.face-carol-active::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: all ease-in-out .5s;
	background-color: #23278a;
	mix-blend-mode: color;
}

.faces a.face-jason.face-jason-active {
	box-shadow: inset 0 0 0 2px #FFD1C9
}

.faces a.face-jason.face-jason-active::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: all ease-in-out .5s;
	background-color: #FFD1C9;
	mix-blend-mode: color;
}

/* Chit Chat */
.chit-chat-col-wrapper {
	display: flex;
	justify-content: space-between;
}

.chit-chat-col-left {
	width: 245px;
}

.chit-chat-col-left img {
	border-radius: 4px;
}

.chit-chat-col-right {
	width: calc(100% - 285px);
}

.chit-chat-col-right p {
	font-size: 14px;
}

.go-to {
	display: block;
	width: 100%;
	margin: 20px 0 10px 0;
	padding: 15px 0;
	background-color: rgba(40, 49, 255, 1);
	color: #ffffff;
	font-family: "OpenSansCondensed";
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
}

.go-to:hover {
	background-color: rgba(40, 49, 255, .8);
}

.download {
	display: block;
	width: 100%;
	padding: 15px 0;
	color: rgba(255, 150, 149, 1);
	font-family: "OpenSansCondensed";
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	border: 2px solid rgba(255, 150, 149, 1);
	border-radius: 4px;
}

.download:hover {
	color: #ffffff;
	background-color: rgba(255, 150, 149, 1);
}

/* Account / Profile */
.account-nav {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 0 60px 0;
	list-style-type: none;
}

.account-nav li:not(:last-of-type) {
	margin: 0 30px 0 0;
}

.account-nav a {
	padding: 5px 0;
	color: #333333;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: "Poppins", "DM Sans", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.account-nav a:hover {
	color: #17BCBC;
	border-bottom: 1px solid #333333;
}

body.profile .section-profile,
body.settings .section-settings,
body.tour .section-tour {
	color: #17BCBC;
	border-bottom: 1px solid #17BCBC;
}

.account-avatar img {
	display: block;
	margin: -20px auto 0 auto;
	border-radius: 50%;
	width: 200px;
	height: auto;
}

.section-inner {
	margin: 0 0 50px 0;
}

.section-row-single {
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px 0;
	gap: 36px;
}

.section-row-single .field-wrapper {
	width: 100%;
}

.section-row-full .field-wrapper {
	width: 100%;
}

.account-settings h1 {
	margin: 0 0 60px 0;
	font-size: 44px;
	line-height: 56px;
}

.account-settings .note {
	margin: 20px 0 0 0;
	color: #7C7C7C;
	font-size: 14px;
}

.account-settings .note a {
	color: #2831FF;
}

.section-row-single.profile-visibility {
	margin: 0;
}

/* Account / Profile / Caroline's Code */
.account-settings h4 {
	margin: 0 0 40px 0;
	font-family: "OpenSansCondensed", "DM Sans", sans-serif;
	color: #333333;
	letter-spacing: 1px;
	font-size: 28px;
	font-weight: 400;
	line-height: 38px;
}

.account-settings h3 {
	margin: 0 0 20px 0;
	font-size: 26px;
	font-weight: 700;
	line-height: 38px;
	letter-spacing: .01em;
}

.account-settings h2 {
	margin: 30px 0 20px 0;
	color: #333333;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	font-family: "Poppins", "DM Sans", sans-serif;
	text-transform: none;
}

.account-settings h5 {
	margin: 0 0 40px 0;
	font-family: "DM Sans", sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 48px;
}

.account-settings h6 {
	margin: 0 0 20px 0;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 1.4em;
}

.account-settings p {
	line-height: 1.8em;
}

.account-settings ul,
.account-settings ol {
	font-size: 18px;
	line-height: 36px;
	margin-left: 40px;
	margin-bottom: 40px;
}

.account-settings h5 {
	font-size: 22px;
	line-height: 1.6em;
}

.account-settings hr {
	display: block;
	width: 100%;
	height: 24px;
	margin: 0 0 60px 0;
	background: url(images/article/bg-hr.jpg) center center no-repeat;
	border: none;
}

.account-settings .related-resources {
	padding: 20px;
	background-color: #fff;
	border-radius: 8px;
	width: 50%;
	float: right;
	margin-left: 40px;
}

.account-settings a {
	color: #2831FF;
	text-decoration: none;
}

.account-settings a:hover {
	color: #333333;
}

.btn-workshop {
	display: block;
	height: 50px;
	margin: 20px 0 60px 0;
}

.btn-workshop a {
	display: inline-block;
	background-color: #2831FF;
	padding: 20px 40px;
	margin: 10px 0;
	border-radius: 4px;
	color: #fff;
	font-family: "OpenSansCondensed", "DM Sans", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.btn-workshop a:hover {
	opacity: .8;
	color: #fff;
}

.account-settings .section-wrapper {
	overflow: auto;
	padding: 60px !important;
}

/* FORMS */
.rcp_form input {
	background-color: #fff !important;
}

.rcp_form_field_wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
	margin: 0 0 40px 0;
}

.rcp_form h4 {
	margin: 0 0 15px 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.rcp_form label {
	font-weight: 700;
	font-size: 14px !important;
	line-height: 18px;
	color: #404051;
	text-transform: none;
	margin-bottom: 8px;
}

.rcp_form input[type=text]::placeholder {
	color: rgba(0, 0, 0, .3);
}

.rcp_form input[type=text]:-ms-input-placeholder {
	color: rgba(0, 0, 0, .3);
}

.rcp_form input[type=text]::-ms-input-placeholder {
	color: rgba(0, 0, 0, .3);
}

.rcp_form input[type=url]::placeholder {
	color: rgba(0, 0, 0, .3);
}

.rcp_form input[type=url]:-ms-input-placeholder {
	color: rgba(0, 0, 0, .3);
}

.rcp_form input[type=url]::-ms-input-placeholder {
	color: rgba(0, 0, 0, .3);
}

.rcp_form textarea::placeholder {
	color: rgba(0, 0, 0, .3);
}

.rcp_form textarea:-ms-input-placeholder {
	color: rgba(0, 0, 0, .3);
}

.rcp_form textarea::-ms-input-placeholder {
	color: rgba(0, 0, 0, .3);
}

.rcp_form input[type=text],
.rcp_form input[type=email],
.rcp_form input[type=url],
.rcp_form input[type=password],
.rcp_form select,
.rcp_form textarea {
	background: #FFFFFF;
	border: 1px solid #EAEBF4;
	border-radius: 8px;
	height: 42px;
	width: 100%;
	max-width: 50%px;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #212125;
	padding: 12px !important;
}

.rcp_form select {
	background-color: #ffffff;
}

select.styled-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #ffffff url('images/select-arrow.svg') no-repeat 98%;
}

.rcp_form textarea {
	height: 120px;
	resize: none;
	transition: .2s;
	max-width: 100%;
}

.rcp_form input[type=text]:focus,
.rcp_form input[type=email]:focus,
.rcp_form input[type=url]:focus,
.rcp_form input[type=password]:focus,
.rcp_form textarea:focus,
.account-settings textarea:focus {
	border: 1px solid rgba(255, 150, 149, .5) !important;
}

.rcp_form input[type=submit] {
	background-color: rgba(40, 49, 255, 1) !important;
	padding: 15px 30px;
	color: #F8F8FC;
	font-size: 16px !important;
	font-weight: 400;
	border: none;
	border-radius: 12px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	transition-duration: 300ms;
	float: right;
}

.rcp_form input[type=submit]:hover {
	background-color: #666CFF !important;
	cursor: pointer;
}

.rcp_form input.required {
	/*color: #FF9695 !important;*/
}

.rcp_password_change_notice {
	margin: 0 0 20px 0 !important;
	font-size: 14px;
}

#rcp_update_card_form.rcp_form h3 {
	display: none;
}

#rcp_update_card_form.rcp_form ul.rcp-gateway-saved-payment-methods {
	margin-bottom: 32px;
}

#rcp_update_card_form.rcp_form ul label {
	font-weight: 400;
	font-size: 14px !important;
	line-height: 18px;
	color: #212125;
}

#rcp_update_card_form.rcp_form ul label input {
	margin-right: 4px;
	width: 16px;
	height: 16px;
	position: relative;
	top: 1px;
}

#rcp_update_card_form.rcp_form ul label .rcp-gateway-saved-card-delete a {
	color: #2831FF;
	text-decoration: none;
}

#rcp_update_card_form.rcp_form .rcp-gateway-new-card-fields {
	max-width: 375px;
}

#rcp_update_card_form.rcp_form .rcp-gateway-new-card-fields .rcp_card_fieldset label {
	font-size: 14px;
	font-weight: 700;
	color: #404051;
}

#rcp_update_card_form.rcp_form .rcp-gateway-new-card-fields #rcp-card-wrapper {
	padding-top: 12px;
	margin-bottom: 32px;
}

#rcp_update_card_form.rcp_form .rcp-gateway-new-card-fields #rcp_card_wrap {
	margin-bottom: 0;
}

#rcp_update_card_form.rcp_form .rcp-gateway-new-card-fields #rcp-card-element {
	box-shadow: none;
	padding: 12px !important;
	height: 42px;
	font-family: 'DM Sans';
}

/* Stripe Form */
.StripeElement {
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	padding: 12px 16px !important;
	color: #FF9695;
	font-family: "OpenSansCondensed";
	font-size: 20px;
	font-weight: 500;
	border: 1px solid rgba(255, 255, 255, 0);
	border-radius: 4px;
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.1);
	transition: .2s;
	height: 2.5em;
	margin-top: 10px;
}

/* Avatar */
#basic-user-avatar-form {
	text-align: center;
	max-width: 137px;
	position: relative;
	margin: 0 auto;
}

#basic-user-avatar-form>input[type=file] {
	display: none;
}

#basic-user-avatar-form>input[type="submit"] {
	border: 0;
	width: 32px;
	height: 32px;
	background-color: transparent !important;
	background: url('images/edit-pen-hover.svg') no-repeat center;
	background: url('images/edit-pen.svg') no-repeat center;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	position: absolute;
	right: -8px;
	bottom: -8px;
}

#basic-user-avatar-form>input[type="submit"]:hover {
	background: url('images/edit-pen-hover.svg') no-repeat center;
}

/* Billing Table */
.rcp-table {
	width: 100%;
	font-size: 14px;
	border-collapse: collapse;
	background: #fff;
	border-radius: 8px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #EAEBF4;
	overflow: hidden;
}

.rcp-table:not(:last-of-type) {
	margin: 0 0 40px 0;
}

.rcp-table thead {
	background-color: #EAEBF4;
}

.rcp-table thead th {
	padding: 15px 24px;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
}

.rcp-table thead th:first-of-type {
	border-radius: 4px 0 0 4px;
}

.rcp-table thead th:last-of-type {
	border-radius: 0 4px 4px 0;
}

.rcp-table tbody {}

.rcp-table tbody td {
	padding: 14px 24px;
	color: #404051;
}

.rcp-table a {
	color: #2831FF;
	font-weight: 700;
	text-decoration: none;
}

.rcp-table a:hover {
	text-decoration: underline;
}

.rcp-table tfoot th {
	padding: 20px 0 20px 20px;
	font-weight: 400;
	text-align: left;
}

.rcp-table tfoot td {
	padding: 20px 0 20px 20px;
}

.rcp_gateway_fields {
	margin-top: 20px;
}

.rcp_gateway_fields legend {
	font-weight: bold;
}

.rcp_button {
	background-color: #c6c7ff;
	padding: 15px 30px;
	color: #333;
	font-family: "OpenSansCondensed";
	font-size: 16px !important;
	font-weight: 500;
	letter-spacing: .1em;
	text-transform: uppercase;
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, .1);
	border: none;
	border-radius: 8px;
	outline: 0;
	-webkit-appearance: none;
	margin-top: 5px
}

/* Register Confirmation / Caroline's Code */
.register .rcp-confirm-details {
	padding: 10% 5% 5% 10%;
}

.register .rcp-table {
	width: 80%;
	margin: 0 auto 100px auto;
}

.register form {
	padding: 0 5% 20% 10%;
}

/* Privacy Toggle */
p.explainer {
	color: #7C7C7C;
	font-size: 14px;
	line-height: 16px;
}

/* Profile Page CSS */
.site-wrapper--dashboard main.profile-page {
	padding: 0 !important;
}

.profile-container {
	display: flex;
}

.profile-nav {
	min-width: 320px;
	max-width: 320px;
	border-right: 1.5px solid #CACBDE;
}

.profile-nav h3 {
	margin: 0;
	padding: 32px;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #404051;
	font-family: "DM Sans";
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.profile-nav ul {
	border-top: 1.5px solid #EAEBF4;
}

.profile-nav ul li a {
	padding: 32px;
	text-decoration: none;
	display: flex;
	border-bottom: 1.5px solid #EAEBF4;
	gap: 16px;
}

.profile-nav ul li a:hover,
.profile .profile-nav ul li a.menu-profile-item,
.membership .profile-nav ul li a.menu-billing-item,
.settings .profile-nav ul li a.menu-account-item {
	background: #F8F8FC;
}

.profile-nav .nav-icon {
	min-width: 15px;
	margin-top: 3px;
}

.profile-nav ul li a .nav-info {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	gap: 8px;
}

.profile-nav ul li a .nav-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #404051;
}

.profile-nav ul li a .nav-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #707183;
}

.profile-page .section-wrapper {
	padding: 64px;
	border-radius: 0px 40px 0px 0px;
	background: #F8F8FC;
	width: 100%;
	min-height: calc(100vh - 10px);
}

.profile-page .section-wrapper h1 {
	font-weight: 700;
	font-size: 30px;
	line-height: 39px;
	color: #212125;
}

.profile-page #basic-user-avatar-form,
.profile-page .dash-privacy .profile-privacy {
	margin: 0;
}

.section-header {
	margin-bottom: 42px;
}

.section-header h2 {
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	color: #404051;
	margin-bottom: 0;
}

.section-header span {
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: #707183;
	display: block;
	margin-top: 8px;
}

.profile-page p.rcp_error {
	border: 1px solid #A91012;
	margin: 0 0 32px;
	padding: 20px;
	background: #ffebe8;
	color: #000;
	border-radius: 8px;
	font-size: 18px;
	line-height: 22px;
}

.profile-page p.rcp_error span {
	padding: 0;
}

.profile-page .rcp_plan_box #rcp-payment-history {
	display: none !important;
}

.profile-page .profile-memship .section-header {
	margin-bottom: 32px;
}

.profile-page .rcp_plan_box .rcp-flex-wrapper {
	display: flex;
	gap: 48px;
}

#rcp_login_form input[type=submit] {
	float: none;
}

.profile-page .rcp_plan_box .rcp_prog_box {
	min-width: 409px;
}

.profile-page .rcp_payments_box {
	margin-top: 48px;
}

.profile-page .rcp_payments_box .rcp_form input[type="submit"],
.rcp_lostpassword_data input[type="submit"] {
	float: none;
}

.profile-page .rcp_payments_box #rcp-account-overview {
	display: none !important;
}

.profile-page .rcp-overview {
	width: 425px;
	background: #FFFFFF;
	border: 1.5px solid #EAEBF4;
	border-radius: 20px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.rcp-overview .rcp-ow-row {
	display: flex;
	gap: 24px;
	font-size: 14px;
	line-height: 18px;
	color: #404051;
}

.rcp-overview .rcp-ow-row .rec-ow-title {
	min-width: 95px;
	font-weight: 700;
}

.rcp-overview .rcp-ow-row a {
	font-weight: 700;
	line-height: 18px;
	color: #2831FF;
	display: inline-block;
	text-decoration: none;
}

.rcp-overview .rcp-ow-row a:hover {
	text-decoration: underline;
}

.rcp-overview .rcp-ow-row div[data-th="Actions"] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.paid_off_box {
	background: linear-gradient(57.79deg, #ECFAFA -5.15%, #E8FFF5 69.21%, #FFFBE9 135.4%);
	border: 1.5px solid #EAEBF4;
	border-radius: 24px;
	padding: 24px;
	display: flex;
	gap: 24px;
	max-width: 409px;
}

.paid_off_box .pob_img {
	min-width: 64px;
}

.paid_off_box .pob_content {
	font-weight: 400;
	font-size: 12px;
	line-height: 160%;
	color: #707183;
}

/* Tags */
.profile-tags {
	margin: 30px 0 0 -2px;
	list-style-type: none;
}

.profile-tags li {
	display: inline-block;
	margin: 2px;
}

.profile-tags a {
	background: #FFFFFF;
	border: 1px solid #EAEBF4;
	border-radius: 16px;
	padding: 6px 14px;
	font-weight: 400;
	font-size: 14px;
	line-height: 11px;
	letter-spacing: 0.02em;
	color: #7E7F99;
	display: inline-block;
	text-decoration: none;
	height: 27px;
}

.profile-tags a:hover,
.profile-tags a.tag-active {
	color: #ffffff;
	background-color: #FF9695;
	border: 1px solid #FF9695;
}

/* Circular Progress Bar */
.progress_chart {
	width: 188px;
	height: 188px;
	margin: 0 auto;
}

.circular_pbar {
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.circular_pbar .circular_content {
	position: absolute;
	width: calc(100% - 48px);
	height: calc(100% - 48px);
	background: linear-gradient(136.59deg, #CFECED 4.43%, #FFF5D3 77.51%, #FFF8F8 103.94%);
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.circular_pbar canvas {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.circular_pbar .circular_meta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2px;
}

.circular_pbar .circular_content .circular_title {
	font-weight: 700;
	font-size: 36.3636px;
	line-height: 36px;
	text-align: center;
	color: #212125;
}

.circular_pbar .circular_content .circular_text {
	font-weight: 400;
	font-size: 11.6364px;
	line-height: 100%;
	color: #212125;
}

.circular_pbar .circular_prog_done,
.circular_pbar .circular_no_prog {
	padding: 0 9px;
}

.circular_pbar .circular_no_prog .circular_np_title {
	font-weight: 700;
	font-size: 12.043px;
	line-height: 16px;
	text-align: center;
	color: #404051;
}

.circular_pbar .circular_no_prog .circular_np_text {
	font-weight: 400;
	font-size: 9.03226px;
	line-height: 12px;
	text-align: center;
	color: #707183;
	margin-top: 6px;
}

.circular_pbar .circular_pd_text {
	font-weight: 400;
	font-size: 11.6364px;
	line-height: 140%;
	text-align: center;
	color: #212125;
	margin-top: 10px;
}

/* Coaching Page */
.mt48 {
	margin-top: 48px;
}

.coach-accordion {
	border: 1.5px solid #EAEBF4;
	border-radius: 20px;
	background: #fff;
	padding: 18px 22px;
}

.coach-accordion * {
	font-family: 'DM Sans' !important;
}

.coach-accordion h2 {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.02em;
	color: #9FA0B3;
	margin-bottom: 0;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.coach-accordion .lib-flr-toggle {
	opacity: 0.7;
	right: 20px;
}

.coach-acc-content {
	display: none;
	gap: 24px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	padding-top: 15px;
}

.coach-accordion.open .coach-acc-content {
	display: grid;
}

.coach-acc-item {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.coach-acc-item .coach-acc-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #212125;
}

.coach-acc-item .coach-acc-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #707183;
}

.coach-acc-item .coach-acc-text a {
	color: #2831FF;
	font-weight: 700;
}

.coach-acc-item .coach-acc-text img.barcode {
	float: right;
	margin-left: 9px;
}

.main-coaching-list {
	padding-top: 48px;
}

.main-coaching-list * {
	font-family: 'DM Sans' !important;
}

.main-coaching-list .section-wrapper h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 29px;
	color: #404051;
}

.main-coaching-list .section-wrapper h2 span svg {
	opacity: 0;
	position: absolute;
}

.main-coaching-list .section-wrapper h3 {
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 23px !important;
	letter-spacing: 0.02em !important;
	color: #404051 !important;
	margin-bottom: 14px !important;
}

/* identical to box height */
/* Blue 4.5 */
/* color: #404051 */
/* Quick Fix - TODO */
.welcomeTopBar .quickLinks a:hover {
	color: #2831FF;
}

.welcomeTopBar .quickLinks a {
	border: 1.5px solid #EAEBF4 !important;
}

.welcomeTopBar .quickLinks a:hover {
	border: 1.5px solid #2831FF !important;
}

.site-wrapper--dashboard main {
	/*border-radius: unset !important;  margin: 0 !important;*/
}

.site-wrapper--dashboard main {
	padding-bottom: 150px !important;
}

.welcomeTopBar .form-search {
	position: relative;
	padding: 8px 48px 8px 16px !important;
}

.search_suggestions_wrap {
	position: absolute;
	top: calc(100% + 20px);
	left: 0;
	right: 0;
	padding: 22px 20px;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	background: white;
}

.search_suggestions_wrap.stick {
	display: block !important;
}

.search_suggestions_wrap li .shrinkName strong {
	text-transform: capitalize;
}

.search_pholder {
	margin-bottom: 40px;
}

.text_list_wrap li {
	list-style: none;
}

.text_list_wrap li>a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	text-decoration: none;
}

.text_list_wrap .tag {
	font-weight: 400;
	font-size: 14px;
	line-height: 11px;
	text-align: center;
	letter-spacing: 0.02em;
	padding: 6px 7px;
	border-radius: 12px;
	color: #107779;
	border: 1px solid #107779;
	text-transform: lowercase;
}

.text_list_wrap li.item-workshop .tag {
	background: linear-gradient(0deg, #FFEAD1, #FFEAD1), #FFFFFF;
	border: 1px solid #9F4B48;
	color: #9F4B48;
}

.text_list_wrap li.item-post .tag {
	background: linear-gradient(0deg, #FFF4CD, #FFF4CD), #FFFFFF;
	border: 1px solid #9B7A06;
	color: #9B7A06;
}

.text_list_wrap li.item-podcast .tag {
	background: linear-gradient(0deg, #DDDFFF, #DDDFFF), #FFFFFF;
	border: 1px solid #00118B;
	color: #00118B;
}

.text_list_wrap li.item-waim-weekly .tag {
	background: linear-gradient(0deg, #F2F3FF, #F2F3FF), #FFFFFF;
	border: 1px solid #394BC5;
	color: #394BC5;
	text-transform: capitalize;
}

.text_list_wrap li.item-course .tag {
	background: linear-gradient(0deg, #ECFAFA, #ECFAFA), #FFFFFF;
	border: 1px solid #107779;
	color: #107779;
}

.text_list_wrap li.item-spotlight .tag {
	background: linear-gradient(0deg, #C3FADF, #C3FADF), #FFFFFF;
	border: 1px solid #26997E;
	color: #107779;
}

.text_list_wrap li.item-coaching .tag {
	background: linear-gradient(0deg, #B8EBEB, #B8EBEB), #FFFFFF;
	border: 1px solid #07696B;
	color: #07696B;
}

.text_list_wrap li.item-waimer .tag {
	background: linear-gradient(0deg, #97DADB, #97DADB), #FFFFFF;
	border: 1px solid #025355;
	color: #025355;
}

.text_list_wrap li.item-tool .tag {
	background: #FEF2F2;
	border: 1px solid #BB7065;
	color: #BB7065;
}

.text_list_wrap li.item-roadmap .tag {
	background: linear-gradient(0deg, #FFE4DE, #FFE4DE), #FFFFFF;
	border: 1px solid #9F4B48;
	color: #9F4B48;
}

.text_list_wrap li.item-post img {
	background: #FFF6E3;
}

.text_list_wrap li.item-podcast img {
	background: #E4E6FF;
}

.text_list_wrap li.item-waim-weekly img {
	background: #fafafd;
}

.text_list_wrap li.item-roadmap img {
	background: #FFF8F8;
}

.text_list_wrap li.item-spotlight img {
	background: linear-gradient(57.79deg, #ECFAFA -5.15%, #E8FFF5 69.21%, #FFFBE9 135.4%);
}

.text_list_wrap li.item-workshop img {
	background: #FFEAD1;
}

.text_list_wrap li.item-course img {
	background: #E3F4F4;
}

.text_list_wrap li.item-tool img {
	background: #FFF8F8;
}

.text_list_wrap li img {
	background: #CEE9EA;
}

.text_list_wrap li a .left_content {
	display: flex;
	align-items: center;
	gap: 16px;
	width: calc(100% - 127px);
}

.text_list_wrap li a .left_content img {
	width: 32px;
	height: 32px;
	opacity: 1;
	filter: unset;
	padding: 0px;
	object-fit: contain;
	border-radius: 7px;
	border: 1.5px solid transparent;
}

ul.text_list_wrap .item-post a .left_content img,
ul.text_list_wrap .item-podcast a .left_content img,
ul.text_list_wrap .item-waim-weekly a .left_content img {
	padding: 5px;
}

.text_list_wrap li a.person-details .left_content img {
	border: 0;
	padding: 0;
	background: none;
	object-fit: cover;
}

.text_list_wrap li a .left_content .text {
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #404051;
}

ul.text_list_wrap {
	padding-bottom: 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

ul.text_list_wrap li a {
	cursor: pointer;
	padding: 2px 4px;
}

ul.text_list_wrap li a:hover {
	background: #F8F8FC;
	border-radius: 8px;
}

ul.text_list_wrap li a:hover .left_content img {
	border: 1.5px solid #2831FF;
}

ul.text_list_wrap li a:hover .left_content .text {
	color: #2831FF;
}

.show_all_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.show_all_wrap .text {
	line-height: 21px;
	letter-spacing: 0.02em;
	color: rgb(64 64 81);
}

.show_all_wrap .action_icon {
	width: 20px;
}

.show_all_wrap:hover .text {
	color: #2831FF;
}

.show_all_wrap:hover .action_icon svg path {
	fill: #2831FF;
}

.form-search.active {
	border: 1.5px solid #2831FF !important;
}

.welcomeTopBar form.form-search img {
	width: 20px;
}

.welcomeTopBar .form-search.active img {
	opacity: 1;
}

.form-search.active input[type=text],
.form-search.active input[type=text]::placeholder {
	color: #212125 !important;
}

.form-search.active input[type=text]:-ms-input-placeholder {
	color: #212125 !important;
}

.form-search.active input[type=text]::-ms-input-placeholder {
	color: #212125 !important;
}

.form-search span.search_loader {
	position: absolute;
	right: 16px;
}

.form-search span.search_loader {
	transform-origin: center;
}

.form-search span.search_loader svg path {
	stroke: #a4a4a6;
}

.welcomeTopBar #quickDrawer {
	border-radius: unset;
}

.lib-selected-flr {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

span.person-details-name-title {
	text-transform: none;
	content: attr(data-tooltip);
	font-size: 14px;
	position: absolute;
	color: #fff;
	background: #282828;
	padding: 8px 12px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	/* max-width: 200px; */
	opacity: 0;
	pointer-events: none;
	left: 0;
	top: 10px;
	border-radius: 4px;
	transform: translate3d(0%, 0%, 0);
	transition: all .3s ease;
	font-weight: 400;
	z-index: 999;
}

.person-details .section-card-content h3 {
	position: relative;
}

.section-card-content h3 a:hover+span.person-details-name-title {
	opacity: 1;
	transform: translate3d(0%, calc(-100% - 20px), 0);
}

.dash-goal-wrapper textarea:focus+.dash-goal-actions .dash-goal-count {
	display: block;
}

.hz-divider-60 {
	width: 100%;
	height: 1px;
	background: #EAEBF4;
	margin: 60px 0;
}

.people span img {
	width: 16px;
	object-fit: contain;
}

.section-card-bookmark-wrapper.card-bookmarked .bookmark-remove svg path {
	fill: #404051 !important;
	stroke: transparent;
}

.section-card-bookmark-wrapper.card-bookmarked .bookmark-remove:hover svg path {
	fill: #2831FF !important;
	stroke: transparent;
}

.section-card-img .show-more span.trigger_menu_opt {
	width: 23px;
	height: 23px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

.section-card-img .show-more span.trigger_menu_opt:hover,
.section-card-img .show-more span.trigger_menu_opt.active {
	background: #EAEAF4;
}

.text_list_wrap li a .left_content .text strong {
	color: #2831ff;
}

/* Basic Page Template */
.site-wrapper--dashboard main.basic-page {
	padding: 36px 0;
}

.basic-page * {
	font-family: 'DM sans';
}

.basic-page .welcomeTopBar {
	padding: 0 36px;
}

.basic-page .welcomeTopBar .welcomeUser {
	justify-content: end;
}

.basic-page .basic-container {
	padding: 0 36px;
	margin: 0 auto;
	max-width: 1260px;
}

.basic-page .basic-header {
	background: linear-gradient(59.1deg, #FCEAE7 -5.15%, #EAEAFF 47.63%, #FFF8F8 96.18%);
	padding: 64px 0;
	text-align: center;
	margin-bottom: 64px;
	margin-top: 32px;
}

.basic-page .basic-header h1 {
	font-weight: 700;
	font-size: 40px;
	line-height: 52px;
	color: #212125;
	margin-bottom: 0;
}

.basic-page .basic-header .basic-subtitle {
	font-weight: 400;
	font-size: 20px;
	line-height: 32px;
	color: #404051;
	max-width: 80%;
	margin: 24px auto 0;
}

.basic-page .basic-content a {
	color: #2831FF;
}

.basic-page .basic-content p {
	color: #707183;
	margin-bottom: 36px;
	line-height: 180%;
}

.basic-page .basic-content ul {
	list-style: none;
	margin-bottom: 40px;
}

.basic-page .basic-content ul li {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.4;
	color: #707183;
	margin: 8px 0;
	position: relative;
	padding-left: 10px;
}

.basic-page .basic-content ul li a {}

.basic-page .basic-content ul li::before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background: #2831FF;
	border-radius: 100px;
	left: 0;
	top: 11px;
}

.basic-page .basic-content ul li:hover>a {
	text-decoration: none;
}

.basic-page .basic-content h1,
.basic-page .basic-content h2,
.basic-page .basic-content h3,
.basic-page .basic-content h4 {
	margin-bottom: 32px;
	color: #212125;
	font-weight: 700;
}

.basic-page .basic-content h1 {
	font-size: 40px;
	line-height: 120%;
}

.basic-page .basic-content h2 {
	font-size: 30px;
	line-height: 120%;
}

.basic-page .basic-content h3 {
	font-size: 24px;
	line-height: 140%;
}

.basic-page .basic-content h4 {
	font-size: 20px;
	line-height: 160%;
}

.basic-page .iframe-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 62.25%;
	margin-bottom: 32px;
}

.basic-page .iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.basic-header .basic-container {
	max-width: 1000px;
}

/* Progress Bar */
.progress_bar {
	display: flex;
	gap: 8px;
	flex-direction: column;
}

.progress_bar .progress_wrap {
	display: flex;
	gap: 8px;
	align-items: center;
}

.progress_bar .steps_holder {
	width: 100%;
	max-width: 400px;
	display: flex;
	gap: 4px;
}

.progress_bar .steps_holder .step_item {
	height: 12px;
	background: #EAEBF4;
	border-radius: 4px;
	height: 12px;
	width: 100%;
}

.progress_bar .steps_holder .step_item.step_fill {
	background: #17BCBC;
}

.progress_bar .progress_label {
	width: 56px;
	height: 33px;
	background: #ECFAFA;
	border: 1px solid #D8EFEF;
	border-radius: 12px;
	font-weight: 700;
	font-size: 18px;
	line-height: 140%;
	color: #17BCBC;
	display: flex;
	align-items: center;
	justify-content: center;
}

.progress_bar .progress_text {
	display: flex;
	gap: 9px;
	align-items: center;
}

.progress_bar .progress_text span {
	margin: 0;
	font-size: 14px;
	line-height: 140%;
	color: #707183;
}

.dashboard .section-card:has(.card-order) {
	border: 2px solid #F9CD16;
}

.dashboard .section-card:has(.card-order):hover {
	border-color: #2831FF;
}

body.library .section-people,
body.library footer {
	display: none !important;
}

.library_static_search_loader svg,
.data_type_date_infinite_loader svg {
	animation: load_search_animi 0.8s linear infinite;
}

.library_static_search_loader {
	text-align: center;
}

.data_type_date_infinite_loader {
	text-align: center;
	margin-top: 30px;
}

.section-wrapper.section-completed-resources .section-card-wrapper .section-card-bookmark-wrapper {
	display: none;
}

.rcp_login_data input[type="checkbox"] {
	margin: 2.5px 8px 0 0 !important;
}

/* 1200px - 65em */
@media only screen and (max-width:75.000em) {
	.section-card-kicker {
		flex-direction: column;
	}
}

/* 992px - 62.000em */
@media only screen and (max-width:62.000em) {
	.mobile-menu {
		display: flex;
	}

	aside {
		position: absolute;
		width: 100%;
		height: 100vh;
		margin-left: -100%;
		z-index: 900;
	}

	.aside-logo {
		width: 100px;
		margin: 0 auto 10px auto;
	}

	aside ul a {
		padding: 12px 0;
	}

	aside ul li.aside-profile {
		position: relative;
		bottom: -5px;
	}

	aside ul li.aside-profile ul {
		left: 0;
		right: 0;
		margin: 0 auto;
		bottom: 69px;
	}

	main {
		width: 100%;
	}

	.container {
		padding: 60px 0;
	}

	.main-dash-upper {
		flex-direction: column;
	}

	.dash-user-left,
	.dash-user-right {
		width: 100%;
	}

	.library-search {
		flex-direction: column;
		width: 380px;
		margin: 40px auto 60px auto;
	}

	.library-search p {
		margin: 30px 0;
		text-align: center;
	}

	.form-search input {
		height: 48px;
	}

	.form-search button {
		height: 48px;
	}

	.form-search .search:invalid {
		box-shadow: none;
	}
}

/* 760px - 47.500em */
@media only screen and (max-width:47.500em) {
	.profile-complete-overlay {
		width: 90%;
	}

	.profile-complete-btn-wrapper {
		flex-direction: column;
	}

	.no-thanks {
		margin: 0 0 20px 0;
	}

	.no-thanks,
	.take-me {
		width: 100%;
	}

	.notes-overlay {
		width: 90%;
	}

	.notes-content {
		grid-template-columns: 1fr;
	}

	.section-card-wrapper {}

	.section-card:not(:last-of-type) {
		/*margin:0 0 30px 0;*/
	}

	.section-card-kicker {
		flex-direction: row;
	}

	.dash-user-right-lower {
		flex-direction: column;
	}

	.dash-user-right-lower-left,
	.dash-user-right-lower-right {
		width: 100%;
	}

	.dash-user-right-lower-left {
		margin: 0 0 35px 0;
	}

	.single-roadmap .content-upper {
		flex-direction: column;
	}

	.single-roadmap .section-card {
		width: 100%;
	}

	.single-roadmap .content-upper-left {
		width: 100%
	}

	.view-all-wrapper {
		flex-direction: column;
		margin: 0 auto;
	}

	.view-all-wrapper p {
		margin: 0 0 10px 0;
	}

	.form-search-wrapper {
		margin: 0 auto 40px auto;
	}

	.faves-search {
		flex-direction: column;
	}

	.faves-search-filter {
		margin: 0 auto;
	}
}

/* 576px - 36.000em */
@media only screen and (max-width:36.000em) {
	.account-settings h1 {
		font-size: 30px;
		line-height: 40px;
		text-align: center;
		margin-bottom: 20px;
	}

	.account-settings h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.account-settings h3 {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.account-settings h4 {
		font-size: 20px;
		line-height: 28px;
	}

	.account-settings .section-wrapper {
		padding: 20px !important;
	}

	.form-search input {
		width: 100%;
	}

	.account-nav {
		flex-direction: column;
	}

	.account-nav li:not(:last-of-type) {
		margin: 0 0 10px 0;
	}

	.section-row-single {
		flex-direction: column;
		margin: 0 0 10px 0;
	}

	.section-row-single .field-wrapper {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.chit-chat-col-wrapper {
		flex-direction: column;
	}

	.chit-chat-col-left {
		width: 100%;
	}

	.chit-chat-col-left .download {
		margin: 0 0 20px 0;
	}

	.chit-chat-col-right {
		width: 100%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	/*.dash-profile-img {		background: url(images/bg-dash-profile-picture@2x.jpg) center bottom no-repeat;		background-size: 228px 180px;	}*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min--moz-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3),
only screen and (min-resolution: 288dpi),
only screen and (min-resolution: 3dppx) {
	/*.dash-profile-img {		background: url(images/bg-dash-profile-picture@3x.jpg) center bottom no-repeat;		background-size: 228px 180px;	}*/
}

/* Changes by Zell for Sidebar */
@media screen and (max-width: 62em) {
	.site-wrapper--dashboard.is-open>aside {
		margin-left: 0;
	}

	.sidebar-close {
		display: block;
	}

	/* This menu opens the sidebar on mobile */
	.menu-for-sidebar {
		display: flex;
		text-decoration: none;
		line-height: 1;
		height: 25px;
	}

	.menu-for-sidebar>* {
		display: inline-block;
		vertical-align: middle;
	}

	.menu-for-sidebar>svg {
		width: 31px;
		height: auto;
		color: #212125;
	}

	.menu-for-sidebar>*+* {
		margin-left: 1em;
	}
}

@media screen and (min-width: 62em) {
	.sidebar-close {
		display: none;
	}

	.menu-for-sidebar {
		display: none;
	}
}

@media screen and (max-width: 1478px) {
	.section-card-wrapper {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media screen and (max-width: 1460px) {
	.profile-page .rcp_plan_box .section-content {
		flex-direction: column-reverse;
		gap: 35px;
	}

	.profile-page .rcp_plan_box .rcp_prog_box {
		min-width: 50%;
	}

	.profile-page .rcp_plan_box .rcp-flex-wrapper {
		gap: 30px;
	}
}

@media screen and (max-width: 1300px) {
	.lib-col4-list>div {
		max-width: calc(33.3% - 20px);
		width: 100%;
	}
}

@media screen and (max-width: 1228px) {
	.section-card-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 1200px) {
	.lib-col4-list>div {
		max-width: calc(50% - 15px);
		width: 100%;
	}

	.profile-page .section-wrapper {
		padding: 40px;
	}
}

@media screen and (max-width: 1140px) {
	.profile-container {
		flex-direction: column;
	}

	.profile-nav {
		min-width: inherit;
		max-width: inherit;
		border: 0;
	}

	.profile-nav ul li a {
		padding: 15px 30px;
	}

	.profile-nav ul li a .nav-info {
		gap: 5px;
	}

	.profile-nav ul li a:hover,
	.profile .profile-nav ul li a.menu-profile-item,
	.membership .profile-nav ul li a.menu-billing-item,
	.settings .profile-nav ul li a.menu-account-item {
		background: #F0F0F4;
	}

	.profile-page .section-wrapper {
		border-radius: 0;
	}
}

@media screen and (max-width: 991px) {
	.main-dash-upper {
		flex-direction: column-reverse;
		display: flex;
		margin-top: 30px;
		margin-bottom: 40px;
	}

	.hz-divider {
		margin: 25px 0;
	}
}

@media screen and (max-width: 900px) {
	.people-overlay {
		padding: 30px;
		margin: 0 10px;
		width: 400px;
	}

	.people-overlay-card-wrap {
		flex-direction: column;
	}

	.people-overlay-card-content {
		width: 100%;
	}

	.people-overlay-card .people-overlay-card-wrap {
		gap: 15px;
	}

	.people-overlay-card-img,
	.people-overlay-card-img img {
		max-width: 100%;
	}

	.people-overlay-card-content h3 {
		font-size: 27px;
		line-height: 38px;
	}
}

@media screen and (max-width: 855px) {
	.section-card-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 768px) {
	.rcp-table td:first-child {
		background-color: #eaebf4 !important;
	}
}

@media screen and (max-width: 767px) {
	.lib-col4-list>div {
		max-width: 100%;
		width: 100%;
	}

	.lib-filters .lib-left-filters {
		width: 100%;
	}

	.lib-filters.open .lib-open-view {
		flex-wrap: wrap;
	}

	.lib-filters .lib-open-view .lib-left-filters {
		border-right: 0;
		border-bottom: 1.5px solid #EAEBF4;
		padding-bottom: 20px;
	}

	.lib-filters .lib-open-view .type-filters {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.lib-right-filters .type-filters .lib-rf-title-wrap {
		width: 100%;
	}

	.profile-page .rcp_plan_box .rcp-flex-wrapper {
		flex-direction: column-reverse;
		gap: 30px;
	}

	.profile-page .paid_off_box,
	.profile-page .rcp-overview {
		width: 100%;
		max-width: inherit;
	}
}

@media screen and (max-width: 600px) {
	.section-card-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media screen and (max-width: 575px) {
	.people-overlay {
		padding: 20px;
	}

	.people-overlay-card-content h3 {
		font-size: 25px;
		line-height: 35px;
		letter-spacing: 0;
	}

	.dash-goal-wrapper textarea {
		font-size: 15px;
	}

	.lib-filters {
		padding: 12px 30px 12px 13px;
	}

	.lib-filters .lib-flr-toggle {
		right: 10px;
	}

	.dark-bg-wrapper main.dashboard-content.basic-page {
		padding: 25px 0;
	}

	.basic-page .basic-header {
		padding: 35px 0;
	}

	.basic-page .basic-container,
	.basic-page .welcomeTopBar {
		padding: 0 25px;
	}

	.profile-nav h3,
	.profile-page .section-wrapper {
		padding: 25px;
	}

	.profile-nav ul li a {
		padding: 15px 25px;
	}

	.profile-page .rcp_plan_box .rcp_prog_box {
		min-width: inherit;
	}

	.profile-page .rcp-overview {
		width: 100%;
	}
}

@keyframes load_search_animi {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

.type_item_loader svg {
	animation: load_search_animi 0.8s linear infinite;
}

.library .section-wrapper {
	padding-left: 0;
	padding-right: 0;
	padding-top: 17px;
	padding-bottom: 32px;
}

.library .section-wrapper:not(:last-of-type) {
	margin: 0;
}

.section-wrapper>h2 {
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 29px;
	color: #404051;
}

.main-dash-lower .section-wrapper>h2 {
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: #707183;
}

.next_session_box .session_item {
	text-decoration: none;
	border: 0;
}