@font-face {
	font-family: ProspectusStd-Bold;
	src: url(../fonts/ProspectusStd-Bold.woff2) format("woff2"), url(../fonts/ProspectusStd-Bold.woff) format("woff"), url(../fonts/ProspectusStd-Bold.ttf) format("truetype");
	font-weight: 400;
	font-style:normal
}

@font-face {
	font-family: ProspectusStd-Regular;
	src: url(../fonts/ProspectusStd-Regular.woff2) format("woff2"), url(../fonts/ProspectusStd-Regular.woff) format("woff"), url(../fonts/ProspectusStd-Regular.ttf) format("truetype");
	font-weight: 400;
	font-style:normal
}

@font-face {
	font-family: ProspectusStd-Semibold;
	src: url(../fonts/ProspectusStd-Semibold.woff2) format("woff2"), url(../fonts/ProspectusStd-Semibold.woff) format("woff"), url(../fonts/ProspectusStd-Semibold.ttf) format("truetype");
	font-weight: 400;
	font-style:normal
}

@font-face {
	font-family: Relative-Bold;
	src: url(../fonts/Relative-Bold.woff2) format("woff2"), url(../fonts/Relative-Bold.woff) format("woff"), url(../fonts/Relative-Bold.ttf) format("truetype");
	font-weight: 400;
	font-style:normal
}

@font-face {
	font-family: Relative-Book;
	src: url(../fonts/Relative-Book.woff2) format("woff2"), url(../fonts/Relative-Book.woff) format("woff"), url(../fonts/Relative-Book.ttf) format("truetype");
	font-weight: 400;
	font-style:normal
}

@font-face {
	font-family: Relative-Medium;
	src: url(../fonts/Relative-Medium.ttf) format("truetype");
	font-weight: 400;
	font-style:normal
}

@font-face {
	font-family: Relative-Faux;
	src: url(../fonts/Relative-Faux.woff2) format("woff2"), url(../fonts/Relative-Faux.woff) format("woff"), url(../fonts/Relative-Faux.ttf) format("truetype");
	font-weight: 400;
	font-style:normal
}

@font-face {
	font-family: Prospectus-MBld;
	src: url(../fonts/ProspectusMBld.otf) format("opentype"), url(../fonts/ProspectusMBld.ttf) format("truetype");
	font-weight: 400;
	font-style:normal
}

@font-face {
	font-family: Prospectus-MSBd;
	src: url(../fonts/ProspectusMSBd.otf) format("opentype"), url(../fonts/ProspectusMSBd.ttf) format("truetype");
	font-weight: 400;
	font-style:normal
}

@font-face {
	font-family: "Alternate Gothic No1 D";
	src: url(https://use.typekit.net/af/9fa845/000000000000000000010d5b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/9fa845/000000000000000000010d5b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/9fa845/000000000000000000010d5b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
	font-display: auto;
	font-style: normal;
	font-weight:400
}

body {
	background-color:#f9f5f2;
}

.vertical-layout .content, .horizontal-layout .content {
}

.btn-sm {
	padding: .4rem .6rem;
}

.btn-sm-icons {
	font-size:14px;
	padding: .4rem .4rem;
}

.hm-profile {
	color: #404e5b;
}

.form-control {
	border: 2px solid #ece6db;
}

#hm-nav .desktop-toggle .icon-menu:before {
	content: "\e828";
}

a:hover {
	color:#ea554b;
}

.font-relative-medium {
	font-family: Relative-Medium, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-relative-book {
	font-family: Relative-Book, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-prospectus {
	font-family: ProspectusStd-Semibold,serif;
}

.font-weight-normal {
	font-weight:normal;
}

.btn-lg, .btn-group-lg>.btn {
	padding: .5rem 3rem;
	font-size: 1.09375rem;
	border-radius: .5rem;
}

.tooltip .tooltip-inner {
	background-color:#404e5b!important;
}
	
.tooltip .tooltip-arrow {
	border-top-color: #404e5b!important;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
	border-top-color: #404e5b!important;
}

.header-nav .header-nav-wrap .header-nav-left .header-nav-item-select i { 
	color:#486f88;
}

.header-nav .header-nav-wrap .header-nav-left .header-nav-item-select i:hover { 
	color:#9db3c6;
}

.header-nav .header-nav-wrap .header-nav-right {
	margin-right:0;
}

.header-nav .header-nav-wrap .header-nav-item .nav-icon {
	font-size:1.3rem;
	color:#486f88;
}

.header-nav .header-nav-item .icon-large {
	font-size:1.3rem;
	color:#486f88;
}

.header-nav .header-nav-item .icon-large:hover {
	color:#9db3c6;
}

.bg-light-blue {
	background-color:#e8edf2;
}

.bg-medium-blue {
	background-color:#9db3c6;
}

.bg-dark-blue {
	background-color:#404e5b;
}

.bg-pink {
	background-color:#eeafa1;
}

.bg-peach {
	background-color:#f4dcca;
}

.bg-light-peach {
	background-color:#fcf4ee;
}

.bg-pattern {
	background-image:url(../images/pattern.png);
	background-repeat:repeat;
}

.border-primary {
	border-color: #f46363!important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #f46363!important;
	background-color: transparent;
	border-color: transparent transparent #f46363!important;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	border-color: transparent transparent #f46363;
	isolation: isolate;
}

.nav-tabs {
	border-bottom: .125rem solid #f4dcca;
}

.btn {
	font-weight: 400;
	border-radius: 5px;
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
}

.btn:active {
	transform: scale(1.02);
}

.btn-secondary {
	color: #000;
	background-color: #e8edf2;
	border-color:#e8edf2;
}

.btn-secondary:hover {
	color: #000;
	background-color: #e8f1f7;
	border-color:#e7f0f6
}

.text-light-blue {
	color:#e8edf2!important;
}

.text-medium-blue {
	color:#7d9eb5!important;
}

.text-dark-blue {
	color:#404e5b!important;
}

.text-red {
	color:#f46363!important;
}

.text-pink {
	color:#eeafa1!important;
}

.text-peach {
	color:#f9ede4!important;
}

.btn-red {
	color: #fff;
	background-color: #f46363;
	border: 1px solid #f46363;
	transition: .3s ease-in-out;
	transition-property: box-shadow,background-color,color;
}

.btn-red:hover {
	color: #fff;
	background-color: #f46363;
	border: 1px solid #f46363;
	box-shadow: 4px 4px 0 1px rgba(234,85,75,.4);
}

.btn-peach {
	color: #404e5b;
	background-color: #F6E3D5;
	border: 1px solid #F6E3D5;
	transition: .3s ease-in-out;
	transition-property: box-shadow,background-color,color;
}

.btn-peach:hover {
	color: #404e5b;
	background-color: #F6E3D5;
	border: 1px solid #F6E3D5;
	box-shadow: 4px 4px 0 1px rgba(234, 143, 75, 0.4);
}

.btn-light-blue {
	color: #fff;
	background-color: #e8edf2;
	border-color:#e8edf2;
	transition: .3s ease-in-out;
	transition-property: box-shadow,background-color,color;
}

.btn-light-blue:hover {
	color: #fff;
	background-color: #e8edf2;
	border: 1px solid #e8edf2;
	box-shadow: 4px 4px 0 1px rgba(75, 156, 234, 0.4);
}

.btn-medium-blue {
	color: #fff;
	background-color:#9db3c6;
	border-color:#9db3c6;
	transition: .3s ease-in-out;
	transition-property: box-shadow,background-color,color;
}

.btn-medium-blue:hover {
	color: #fff;
	background-color:#9db3c6;
	border: 1px solid #9db3c6;
	box-shadow: 4px 4px 0 1px rgba(75, 156, 234, 0.4);
}

.btn-dark-blue  {
	color: #fff;
	background-color: #404e5b;
	border-color:#404e5b;
	transition: .3s ease-in-out;
	transition-property: box-shadow,background-color,color;
}

.btn-dark-blue:hover {
	color: #fff;
	background-color: #30373e;
	border: 1px solid #30373e;
	box-shadow: 4px 4px 0 1px rgba(132, 155, 224, 0.4);
}

.btn-pink  {
	color: #fff;
	background-color: #eeafa1;
	border: 1px solid #eeafa1;
	box-sizing: border-box;
	transition: .3s ease-in-out;
	transition-property: box-shadow,background-color,color;
	cursor: pointer;
}

.btn-pink:hover {
	color: #fff;
	background-color: #eeafa1;
	border: 1px solid #eeafa1;
	box-shadow: 4px 4px 0 1px rgba(233,186,173,.4);
}

.btn-pink-outline  {
	color: #eeafa1;
	background-color: #fff;
	border: 1px solid #eeafa1;
	box-sizing: border-box;
	transition: .3s ease-in-out;
	transition-property: box-shadow,background-color,color;
	cursor: pointer;
}

.btn-pink-outline:hover {
	color: #fff;
	background-color: #eeafa1;
	border: 1px solid #eeafa1;
	box-shadow: 4px 4px 0 1px rgba(233,186,173,.4);
}

.btn-pink-outline.active {
	color: #fff;
	background-color: #eeafa1;
	border: 1px solid #eeafa1;
}

.btn-pink-outline i  {
	color: #eeafa1;
}

.btn-pink-outline:hover i,
.btn-pink-outline.active i {
	color: #fff;
}

.bg-dark-blue {
	background-color:#697988;
}


.header-nav .hm-logo,
.header-nav .hm-logo-icon {
	width: auto;
	height: 36px;
}

.nav-menu-item,
.nav-submenu-title {
	font-size:1.1rem;
}

.nav-menu.menu-collapse .nav-menu-item {
	font-size:.8rem;
}

.nav-menu-item, .nav-submenu-title {
	height: 3.5rem;
	line-height: 3.5rem;
}

.side-nav {
	width:20rem;
}
@media only screen and (min-width: 992px) {
	.header-nav.layout-vertical {
		width: calc(100% - 20rem);
	}
	.vertical-layout .content {
		margin-left: 20rem;
	}
}
@media only screen and (max-width: 992px) {
	.side-nav {
		left: -20rem;
	}
}

.member-avatar {
	width:80%;
	padding:20px;
	margin:0 auto;
}
.member-avatar .avatar-circle {
	width:80%;
	height:auto;
	border-radius:50%;
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
}

.member-avatar .avatar-circle:hover {
	opacity: .9;
	transform: scale(1.02);
}

.member-avatar .avatar-circle:active {
	opacity: 1;
}

.nav-menu-collapse .member-avatar .avatar-circle {
	padding:0px;
	border: none;
}

.side-nav .nav-logo {
	height:auto;
}

.nav-menu-item.router-link-active a,
.nav-menu-item.router-link-active a i,
.nav-submenu.router-link-active a.nav-submenu-title,
.nav-submenu.router-link-active a.nav-submenu-title i {
	color:#ea554b;
}

.nav-submenu .nav-submenu-title:hover,
.nav-submenu .nav-submenu-title:hover i,
.nav-menu-item a:hover,
.nav-menu-item a:hover i {
   color:#ea554b; 
}

.nav-submenu .nav-menu-item {
	padding: 0 calc(1.25rem + 1.8rem);
}

.nav-submenu i:not(.nav-submenu-arrow) {
	margin-right: 0.825rem;
}

.nav-menu-collapse:not(.nav-menu-quick-expand) .member-avatar {
	width: 100%;
	padding: 20px 6px;
	margin: 0 auto;
}

.nav-menu-collapse:not(.nav-menu-quick-expand) .member-avatar h4,
.nav-menu-collapse:not(.nav-menu-quick-expand) .member-avatar h6 {
	display:none;
}

.hm-post,
.hm-post-pinned,
.hm-member-directory-card {
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
}

.hm-post:hover,
.hm-post-pinned:hover,
.hm-member-directory-card:hover {
	transform: scale(1.01);
	box-shadow: 0 10px 20px -4px rgba(0,0,0,0.15);
}

.hm-post:active,
.hm-post-pinned:active,
.hm-member-directory-card:active {
	transform: scale(1.02);
	box-shadow: 0 10px 20px -4px rgba(0,0,0,0);
	opacity: .9;
}

.hm-post h3 a:hover,
.hm-post h4 a:hover,
.hm-post-pinned h4 a:hover,
.hm-post-pinned h4 a:hover {
	color:#9db3c6;
}

.hm-post .date,
.hm-post-pinned .date {
	font-size:12px;
}

.hm-post .moderator-menu i,
.hm-post-pinned .moderator-menu i {
	color:#aaa;
}

.hm-post .moderator-menu:hover i,
.hm-post-pinned .moderator-menu:hover i {
	color:#333;
}

.hm-post .author .author-avatar,
.hm-post-pinned .author .author-avatar,
.hm-single-post .author .author-avatar {
	width: 40px;
	height: 40px;
	line-height:40px;
	border-radius: 50%;
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
}

.hm-post .author .author-avatar:hover,
.hm-post-pinned .author .author-avatar:hover,
.hm-single-post .author .author-avatar:hover {
	transform: scale(1.2);
}

.hm-post .reply-avatars,
.hm-single-post .reply-avatars {
	display: inline;
}
	
.hm-post .reply-avatars .avatar,
.hm-single-post .reply-avatars .avatar {
	width: 34px;
	height: 34px;
	line-height:34px;
	border-radius: 50%;
	border: 3px solid #fff;
	margin: 0 -6px;
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
}

.hm-post .reply-avatars .avatar:hover,
.hm-single-post .reply-avatars .avatar:hover {
	transform: scale(1.2);
}

.hm-post .badge,
.hm-single-post .badge {
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	color:#fff;
}

.hm-post .badge.bg-light-blue:hover,
.hm-single-post .badge.bg-light-blue:hover {
	color:#fff;
	transform: scale(1.05);
}

.hm-post .badge.bg-medium-blue:hover,
.hm-single-post .badge.bg-medium-blue:hover {
	color:#fff;
	transform: scale(1.05);
}

.hm-post .img-thumbnail,
.hm-single-post .img-thumbnail {
	width:140px;
	height:140px;
}

.hm-post .card-footer,
.hm-single-post .card-footer {
	border-top: 2px solid #e8edf2;
}

.avatar-size-35 {
	min-width: 35px;
	width:35px;
	height:35px;
	line-height:35px;
}

.avatar-size-60 {
	min-width: 60px;
	width:60px;
	height:60px;
	line-height:60px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fff;
	background-color:#404e5b;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
	color: #404e5b;
	background-color: rgba(0,0,0,0);
	border-color: transparent transparent #404e5b;
}

.hm-header h2 {
	font-family: ProspectusStd-Semibold,serif;
}

.hm-header .btn-with-icon .btn i {
	font-size:1.3rem;
}

.hm-header .avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 2px;
	border: 1px solid #e8eded;
	background:transparent;
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
}

.hm-header .avatar:hover {
	transform: scale(1.1);
	border-radius: 50%;
}

.hm-header .border-red {
	border: 3px solid #f46363;
}

.hm-header .border-lavender {
	border: 3px solid #8c9fe9;
}

@media only screen and (max-width: 992px) {
	.hm-header {
	}
	
	.hm-post .btn-recommend,
	.hm-post .btn-follow {
		padding: .4rem 0;
		font-size: .675rem;
	}
	
	.hm-post .btn-reply {
		
	}
}

.vertical-layout .content {
	justify-content: unset;
}

.dropdown-hover-all .dropdown-menu, .dropdown-hover > .dropdown-menu.dropend { margin-left:-1px !important; }

.hm-profile-header h2 {
	font-family: ProspectusStd-Semibold,serif;
}

.hm-profile-header .profile-avatar {
	width: 100%;
	height:auto;
	border-radius: 50%;
	background:transparent;
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	border:3px solid #fff;
	padding:2px;
}

.hm-profile-header .pronouns {
	font-size: 1rem;
}

.hm-profile-header .profile-avatar:hover {
	transform: scale(1.1);
	border-radius: 50%;
}

.hm-profile-header .border-red {
	border: 5px solid #f46363;
}

.hm-profile-header .border-lavender {
	border: 5px solid #8c9fe9;
}

.hm-profile .get-in-touch i {
	color:#f46363;
	font-size:24px;
}

.hm-profile .related-heymamas .profile {
	margin:0 auto;
	text-align:center;
}

.hm-profile .related-heymamas .profile img {
	width:100%;
	height:auto;
	border-radius:50%;
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
}

.hm-profile .related-heymamas .profile img:hover {
	opacity: .9;
	transform: scale(1.02);
}

.border-line-red {
	border-bottom: .125rem solid #f4dcca;
}

#member-directory .directory-avatar img {
	width:100%;
	height:auto;
	margin:0 auto;
	border-radius:50%;
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
}

#member-directory .directory-avatar img:hover {
	opacity: .9;
	transform: scale(1.02);
}

#member-directory .directory-avatar img:active {
	opacity: 1;
}

.member-search-pagination .page-item.active .page-link {
	background-color: #eeafa1;
	border-color: #eeafa1;
}

.member-search-pagination .page-link:hover {
	color: #fff;
	background-color: #f4dcca;
	border-color: #f4dcca;
}

.full-width {
	width:100%;
	height:auto;
}

.onboarding-corporate .form-control {
	border: 2px solid #e8edf2;
}

.lh-15 {
	line-height:1.5;
}

.graph-donut {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.graph-donut canvas {
  position: absolute;
  top: -9px;
  left: 12px;
}

.percent {
	color:#fff!important;
	display: inline-block;
	font-size: 12px;
	line-height: 245px;
	z-index: 2;
	margin-left: -40px;
}
.percent:after {
	color:#fff;
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}
.percent.no-percent:after {
  content: '';
}
	
.btn-edit-profile {
	left:0;
	right:0;
	text-align:center;
	margin:0 auto;
	margin-top:135px;
	background-color:#f46363;
	border-radius:5px;
	width:50px;
	font-size:11px;
	color:#fff;
	-webkit-transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	transition: all .6s cubic-bezier(0.165,0.84,0.44,1.4);
	z-index:99999;
}

.btn-edit-profile:hover {
	color:#fff;
	background-color:#d24c4c;
}

.nav-menu-collapse:not(.nav-menu-quick-expand) .btn-edit-profile, 
.nav-menu-collapse:not(.nav-menu-quick-expand) .graph-donut {
	display:none!important;
}

.hm-support ol a {
	color:#ea554b;
}