@charset "utf-8";
/* ========== Roboto Condensed ========== */
@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 300;
	src:	url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-light.woff2') format('woff2'),
				url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-light.woff') format('woff');
}

@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 400;
	src:	url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-regular.woff2') format('woff2'),
				url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-regular.woff') format('woff');
}

@font-face {
	font-family: "Roboto Condensed";
	font-weight: 700;
	src:	url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-bold.woff2') format('woff2'),
				url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-bold.woff') format('woff');
}

@font-face {
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 300;
	src:	url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-lightitalic.woff2') format('woff2'),
				url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-lightitalic.woff') format('woff');
}

@font-face {
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 400;
	src:	url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-italic.woff2') format('woff2'),
				url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-italic.woff') format('woff');
}
@font-face {
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 700;
	src:	url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-bolditalic.woff2') format('woff2'),
				url('//cdn.closetomyheart.com/lib/fonts/roboto/robotocondensed-bolditalic.woff') format('woff');
}

html, body {
	height: 100%;
}

body {
 	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 	color: #212529;
}

.theform {
	height: 100%;
}

/* needed for sticky footer behavior */
.theform > .wrapper {
	/* flex: 1 0 auto; */
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: auto;
}

.top-nav {
	margin-top: 0;
	transition: margin 300ms ease-in-out;
}

header + .top-nav {
	margin-top: 2.5rem;
}

@media (max-width: 479.98px) {
	header + .top-nav {
		margin-top: 4rem;
	}
}

header .consultant-name {
	white-space: nowrap;
}

.top-nav .nav-link.consultant-find-lg {
	display: inline-block;
}

.top-nav .nav-item + .nav-item {
	margin-left: 0.375rem;
}

.nav-sp {
	display: -ms-flexbox;
  display: flex;
}

.ctmh-brand {
	max-width: 20rem;
	margin: 0 auto;
}

.ctmh-brand .navbar-logo {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3.5rem;
  margin-top: 0.5rem;
  background-image: url('//cdn.closetomyheart.com/global/oba/img/ctmh-logo-k85.svg');
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.bg-dark hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 1px solid rgba(0,0,0, 0.4);
  border-bottom: 1px solid rgba(255,255,255, 0.15);
}

.nav-md-wt .navbar-nav > .nav-item > .nav-link {
  font-weight: 600;
}

/* =========================================== */
/* ========== Hamburger Menu Styles ========== */
/* =========================================== */
.hamburger {
	padding: 0.2rem 0.4rem;
  font-size: 1.25rem;
  line-height: 1;
	background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
  overflow: visible;
}

.hamburger:hover,
.hamburger:focus {
  text-decoration: none;
  opacity: 0.7;
}

.hamburger:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.hamburger.is-active:hover,
.hamburger.is-active:focus {
  text-decoration: none;
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #6c757d;
}

.navbar-light .hamburger {
  border-color: rgba(0,0,0, 0.15);
}

.hamburger-box {
	display: inline-block;
	position: relative;
  width: 1.375em;
  height: 1.375em;
}

.hamburger-inner {
	display: block;
	top: 50%;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 1.375em;
	height: 0.2rem;
	background-color: #6c757d;
	border-radius: 0.1rem;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}

.hamburger-inner::before {
	top: -0.5rem;
}

.hamburger-inner::after {
	bottom: -0.5rem;
}

/* Spin */
.hamburger--spin .hamburger-inner {
   transition-duration: 0.22s;
   transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* ====== /END Hamburger menu styles ========= */

/*------------------------------------------------------------------
Header
-------------------------------------------------------------------*/
header.fixed-top.alert {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  margin: 0;
  padding: 0;
  background-color: rgba(255,255,255, 0.8);
	border: 1px solid rgba(0,0,0, 0.07);
	border-width: 0 0 1px 0;
	border-radius: 0;
}

header.fixed-top.alert.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem 1rem;
  color: inherit;
}

h1, h2, h3, h4 {
	color: #212529;
}

h1, h2, h3 {
	font-family: "Roboto Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
}

h1 > sup, h2 > sup, h3 > sup {
	font-size: 50%;
	top: -0.75em;
}

hr.dashed {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 1px dashed rgba(0,0,0, 0.15);
}

.hr-ctr  {
	border-top: 1px solid rgba(0,0,0, 0.334);
}

/* +++++ Special Rule Styles +++++ */
.rule-center {
	width: 100%;
	position: relative;
	vertical-align: middle;
	text-align: center;
	z-index: 2;
}

.rule-center:before {
	width: 100%;
	position: absolute;
	top: calc(50% + 1px);
	left: 0;
	content:"";
	border-top: 1px solid rgba(0,0,0, 0.85);
}

.rule-center > span {
	background: #fff;
	padding: 0 1.25rem;
	position: relative;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	z-index: 3;
}

h2.rule-center > span {
	font-size: 2.75rem;
	font-weight: 300;
	line-height: 1;
	text-transform: none;
	transition: font-size 200ms ease-in-out;
}

@media (max-width: 575.98px) {
	h2.rule-center > span {
		padding: 0 0.75rem;
		font-size: 2.5rem;
	}
}
/* +++++ /END Special Rule Styles +++++ */

.list-unstyled {
	margin: 0;
  padding-left: 0;
  list-style: none;
}

.list-styled {
	margin: 0;
}

ul.list-styled > li,
ol.list-styled > li {
	margin-bottom: 0.5rem;
}

ul.list-styled > li:last-of-type,
ol.list-styled > li:last-of-type {
	margin-bottom: 0;
}

ul.list-styled-aff > li,
ol.list-styled-aff > li {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

ul.list-styled-aff > li li,
ol.list-styled-aff > li li {
	margin-bottom: 0.5rem;
}

ul.list-styled-aff > li:last-of-type,
ol.list-styled-aff > li:last-of-type {
	padding-bottom: 0;
}

ul.list-styled-aff > li + li,
ol.list-styled-aff > li + li {
	border-top: 0.0625rem dashed #ddd;
}

.text-lt-wt { font-weight: 300 !important; }
.text-reg-wt { font-weight: 400 !important; }
.text-md-wt { font-weight: 600 !important; }

/* ======================================== */
/* ========== Sidebar Nav Styles ========== */
/* ======================================== */
.sidebar-nav {
	margin-bottom: 1.5rem;
	border: 1px solid rgba(0,0,0, 0.10);
	border-radius: 0.25rem;
}

.sidebar-nav .fa-caret-down {
	transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.sidebar-collapse {

}

.sidebar-collapse > ul.nav {

}

.sidebar-collapse > ul.nav nav {

}

/* ==================================== */
/* ========== Section Styles ========== */
/* ==================================== */
.section-featured {
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-color: #fff;
	z-index: 89;
}

.section-featured.bg-0 {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #fff;
	z-index: 89;
}

.section-featured h1,
.section-featured p {
	/* transparency for use on tinted backgrounds */
	color: rgba(0,0,0, 0.85);
}

.section-promo {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.section-promo h2 {
	font-family: "Roboto Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 1.2;
}

.section-promo h3 {
	font-family: "Roboto Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2.5rem;
	font-weight: 300;
	color: #6c757d;
}

.section-promo.promo-secondary h3 {
	margin-bottom: 1rem;
	font-family: "Roboto Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 2rem;
}

.section-promo.promo-secondary h3,
.section-promo.promo-secondary p {
	text-align: center;
}

.section-promo .display-1
.section-featured .display-1 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.section-promo .display-2 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.section-promo .display-3 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}

.section-promo .display-4 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}

h2.display-1 {
	font-size: 2.75rem;
  font-weight: 300;
  line-height: 1.2;
}

h2.cat-title {
	font-size: 2.5rem;
}

h3.cat-title {
	font-size: 1.5rem;
	font-weight: 400;
}

h3.prod-name {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
}

h3.prod-name > .prod-sku {
	font-size: 1rem;
}

/* =================================== */
/* ========== Footer Styles ========== */
/* =================================== */
.theform > footer {
	/* first line needed for MSIE */
  flex: 1 0 auto;
	flex-shrink: 0;
	background-color: #f2f2f2;
}

.theform > footer a {
  color: #6c757d;
}

.theform > footer a:hover,
.theform > footer a:focus {
  color: #4a525b;
}

footer .ctmh-logo {
	position: relative;
  display: inline-block;
	background-image: url('//cdn.closetomyheart.com/global/oba/img/ctmh-logo-bw.svg');
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.footer-logo {
	display: block;
	overflow: hidden;
}

.footer-logo .ctmh-logo {
	width: 10rem;
	height: 1.75rem;
	margin-top: 0.2rem;
	vertical-align: top;
	opacity: 0.67;
}

ul.site-tools {
	list-style: none;
	margin-bottom: 1.25rem;
	padding: 0;
}

ul.site-tools li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0.25rem 0.75rem 0.25rem ;
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
	background-color: rgba(0,0,0, 0.03);
	border-radius: 0.125rem;
	-webkit-transition: background-color 250ms ease-in-out;
					transition: background-color 250ms ease-in-out;
}

ul.site-tools li:hover,
ul.site-tools li:focus {
	background-color: rgba(0,0,0, 0.08);
}

ul.site-tools li a {
	color: #6c757d;
	text-decoration: none;
}

ul.site-tools li a:hover,
ul.site-tools li a:focus {
	color: #4a525b;
}

ul.social {
	list-style: none;
	margin-bottom: 0;
	padding: 0;
}

ul.social li {
	display: inline-block;
	margin: 0 0.5rem 1rem 0;
	vertical-align: top;
	font-size: 1.5rem;
	line-height: 1;
	color: #6c757d;
}

ul.social li a {
	color: #6c757d;
	text-decoration: none;
}

.indicia {
	margin: 0;
	padding-top: 0.5rem;
}

.indicia p,
.indicia a {
	margin: 0;
	font-size: 0.75rem;
	color: #6c757d;
}

.email:before,
.blog:before {
	padding: 0.33rem 0.5rem;
	font-family: "Font Awesome 5 Pro";
	font-size: 2rem;
	border-radius: 0.25rem;
	-webkit-transition: background-color 250ms ease-in-out;
					transition: background-color 250ms ease-in-out;
}

.facebook:before,
.instagram:before,
.linkedin:before,
.pinterest:before,
.twitter:before,
.wordpress:before,
.youtube:before {
	padding: 0.33rem 0.5rem;
	font-family: "Font Awesome 5 Brands";
	font-size: 2rem;
	border-radius: 0.25rem;
	-webkit-transition: background-color 250ms ease-in-out;
	transition: background-color 250ms ease-in-out;
}

.blog:before { content: "\f143"; font-weight: 900; color: #94669a; }
.email:before { content: "\f199"; font-weight: 900; color: #007bff; }
.facebook:before { content: "\f082"; color: #3b5998; }
.instagram:before { content: "\f16d"; color: #ef0072; }
.linkedin:before { content: "\f08c"; color: #0077b5; }
.pinterest:before { content: "\f0d3"; color: #c2281a; }
.twitter:before { content: "\f081"; color: #55acee; }
.wordpress:before { content: "\f411"; color: #21759b; }
.youtube:before { content: "\f431"; color: #ff0000; }

.cricut:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  line-height: 1;
	content: "\00a0";
	font-size: 2rem;
	background-image: url('//cdn.closetomyheart.com/global/oba/ui/cricut-icon-rev.svg');
	background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
	border-radius: 0.01rem;
	-webkit-transition: background-color 250ms ease-in-out;
	transition: background-color 250ms ease-in-out;
}

footer .blog:hover:before,
footer .email:hover:before,
footer .facebook:hover:before,
footer .instagram:hover:before,
footer .linkedin:hover:before,
footer .pinterest:hover:before,
footer .twitter:hover:before,
footer .wordpress:hover:before,
footer .youtube:hover:before {
	background-color: rgba(255,255,255, 0.85);
}

footer .blog:focus:before,
footer .email:focus:before,
footer .facebook:focus:before,
footer .instagram:focus:before,
footer .linkedin:focus:before,
footer .pinterest:focus:before,
footer .twitter:focus:before,
footer .wordpress:focus:before,
footer .youtube:focus:before {
	background-color: rgba(255,255,255, 0.85);
}

footer .cricut:hover:before {
	background-color: rgba(255,255,255, 0.85);
	box-shadow: 0 0 0 0.333rem rgba(255,255,255, 0.85);
}

footer .cricut:focus:before {
	background-color: rgba(255,255,255, 0.85);
	box-shadow: 0 0 0 0.333rem rgba(255,255,255, 0.85);
}

footer a.bbb {
	display: block;
	width: 96px;
	height: 36px;
	text-decoration: none;
	background-image: url('//cdn.closetomyheart.com/global/oba/img/bbb-seal-blue.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

footer a.bbb:hover,
footer a.bbb:focus {
	background-position: -96px 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

ul.iconlist {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.iconlist li {
	margin-left: 2rem;
	padding: 0.25rem 0.25rem 0.25rem 0;
}


.iconlist .blog:before,
.iconlist .email:before,
.iconlist .facebook:before,
.iconlist .instagram:before,
.iconlist .linkedin:before,
.iconlist .pinterest:before,
.iconlist .twitter:before,
.iconlist .wordpress:before,
.iconlist .youtube:before {
	margin-left: -2.25rem;
	font-size: 1.5rem;
	vertical-align: -0.25rem;
}

.iconlist .cricut:before {
	width: 2.25rem;
  height: 1.5rem;
	margin-left: -2.25rem;
	font-size: 1.5rem;
	vertical-align: -0.25rem;
}

/* ============================= */
/* +++++ BEGIN Flag Styles +++++ */
/* ============================= */
.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.333rem;
  line-height: 1;
}

.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-au {
  background-image: url('//cdn.closetomyheart.com/global/flags/4x3/au.svg');
}

.flag-icon-au.flag-icon-squared {
  background-image: url('//cdn.closetomyheart.com/global/flags/1x1/au.svg');
}

.flag-icon-ca {
  background-image: url('//cdn.closetomyheart.com/global/flags/4x3/ca.svg');
}

.flag-icon-ca.flag-icon-squared {
  background-image: url('//cdn.closetomyheart.com/global/flags/1x1/ca.svg');
}

.flag-icon-jp {
  background-image: url('//cdn.closetomyheart.com/global/flags/4x3/jp.svg');
  box-shadow: 0 0 0 1px rgba(0,0,0, 0.1);
}

.flag-icon-jp.flag-icon-squared {
  background-image: url('//cdn.closetomyheart.com/global/flags/1x1/jp.svg');
  box-shadow: 0 0 0 1px rgba(0,0,0, 0.1);
}

.flag-icon-nz {
  background-image: url('//cdn.closetomyheart.com/global/flags/4x3/nz.svg');
}

.flag-icon-nz.flag-icon-squared {
  background-image: url('//cdn.closetomyheart.com/global/flags/1x1/nz.svg');
}

.flag-icon-us {
  background-image: url('//cdn.closetomyheart.com/global/flags/4x3/us.svg');
}

.flag-icon-us.flag-icon-squared {
  background-image: url('//cdn.closetomyheart.com/global/flags/1x1/us.svg');
}
/* ===== END Flag Styles ===== */

/* ================================= */
/* +++++ Country Select Styles +++++ */
/* ================================= */
.country-select .country-select-option a {
	display: block;
	width: auto;
	padding: 0.5rem;
	text-decoration: none;
	text-align: center;
	border-radius: 0.25rem;
}

.country-select .country-select-option a:hover,
.country-select .country-select-option a:focus,
.country-select .country-select-option a:active {
	background-color: rgba(0,0,0, 0.05);
}

.country-select .country-select-option .flag-icon {
	margin: 0.25rem auto;
	display: block;
	width: 3.5rem;
	height: 2.625rem;
}

/* ++++++++++++++++++++++++++++++++++++ */
/* +++ Footer Country Select Styles +++ */
/* ++++++++++++++++++++++++++++++++++++ */
.country-select-footer {
	width: 100%;
	margin: 0;
}

.country-select-footer .country-select-option {
	width: 33%;
	display: inline-block;
	margin-right: -0.25rem;
	padding: 0.25rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}

@media (max-width: 479.98px) {
	.country-select-footer .country-select-option {
		width: 50%;
	}
}

.country-select-footer .country-select-option a {
	display: block;
	width: auto;
	padding: 0.5rem 0.75rem 0.33rem 0.75rem;
	text-decoration: none;
	text-align: center;
	border-radius: 0.25rem;
}

.country-select-footer .country-select-option a:hover,
.country-select-footer .country-select-option a:focus,
.country-select-footer .country-select-option a:active {
	background-color: rgba(0,0,0, 0.07);
}

.country-select-footer .country-select-option .flag-icon {
	width: 1.5rem;
	height: 1.125rem;
}

.footer-logo a.country-select-option {
	display: inline-block;
	width: auto;
	padding: 0.5rem;
	text-decoration: none;
	text-align: center;
	border-radius: 0.25rem;
}

.footer-logo a.country-select-option:hover,
.footer-logo a.country-select-option:active,
.footer-logo a.country-select-option:focus {
	background-color: rgba(0,0,0, 0.08);
}

.footer-logo .flag-icon {
	display: block;
	width: 1.5rem;
	height: 1.125rem;
}

#divCountrySelect .close {
	display: none;
}

.redirect-notice {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 1048;
}

.redirect-inner {
	position: relative;
	height: auto;
	min-height: 4rem;
	padding: 1rem 2.33rem 3.5rem 1rem;
	color: #fff;
	background-color: rgba(0,0,0, 0.85);
	border: 1px solid rgba(0,0,0, 1);
}

.redirect-inner a {
	color: #66ccff;
}

a.redirect-notice-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  color: rgba(255,255,255, 0.7);
}

a.redirect-notice-close:hover,
a.redirect-notice-close:focus {
	text-decoration: none;
  cursor: pointer;
  color: rgba(255,255,255, 0.5);
}

/* ++++++++++ Special Link Styles ++++++++++ */
a.pdf:before {
	content: "\f1c1";
	padding-right: 0.375rem;
	font-family: "Font Awesome 5 Pro";
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 300;
  text-rendering: auto;
  text-decoration: none;
  line-height: 1;
}

.nav-link.consultant-find {
	margin-left: -1.5rem;
	padding: 0.5rem;
}

.consultant-info {
	padding: 0.5rem 1rem;
	font-weight: 300;
	text-align: center;
	color: #6c757d;
}

.consultant-info a {
	color: #007bff;
}

.consultant-info a:hover {
	color: #0056b3;
}

.breadcrumb {
	padding: 0.75rem 0.5rem;
	font-size: 0.875rem;
	color: #999;
  background-color: rgba(255,255,255, 0.85);
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: rgba(0,0,0, 0.333);
  content: "/";
}

.breadcrumb-item > a.active {
  color: #6c757d;
}

.login-nav.nav-tabs > li a {
  font-weight: 600;
}

.note {
	padding: 1rem;
	background-color: #fefbf0;
	border: 0.0625rem solid rgba(172,136,97, 0.20);
	border-width: 0.0625rem 0;
	overflow: hidden;
}

.note > p:last-child,
.note > p:last-of-type {
	margin-bottom: 0;
}

.note-dashed {
	padding: 1rem;
	background-color: #fefbf0;
	border: 0.0625rem dashed rgba(172,136,97, 0.20);
	border-width: 0.0625rem 0;
	overflow: hidden;
}

.note-dashed > p:last-child,
.note-dashed > p:last-of-type {
	margin-bottom: 0;
}

.note-muted {
	padding: 1rem;
	color: #6c757d;
	background-color: #f6f6f6;
	border: 0.0625rem solid rgba(0,0,0, 0.08);
	border-width: 0.0625rem 0;
	overflow: hidden;
}

.note-muted > p:last-child,
.note-muted > p:last-of-type {
	margin-bottom: 0;
}

/* +++++ Contextual Emphasis Styles +++++ */
.text-success {
  color: #22aa55 !important;
}

.text-success i[class*="fa-"],
i[class*="fa-"].success {
	color: #33cc66 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #007333 !important;
}

.text-info {
  color: #1a9297 !important;
}

.text-info i[class*="fa-"],
i[class*="fa-"].info {
	color: #30bdbc !important;
}

a.text-info:hover, a.text-info:focus {
  color: #005f6a !important;
}

.text-warning {
  color: #f28020 !important;
}

.text-warning i[class*="fa-"],
i[class*="fa-"].text-warning {
	color: #ff9933 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #e4660e !important;
}

.text-danger {
  color: #dd3c39 !important;
}

.text-danger i[class*="fa-"],
i[class*="fa-"].text-danger {
	color: #ff4f45 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #bb2c27 !important;
}

/* =================================== */
/* ++++++++++ Button styles ++++++++++ */
/* =================================== */
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-default {
  color: #4a525b;
  background-color: #e4e6e7;
  border-color: #e4e6e7;
}

.btn-default:hover {
  color: #fff;
  background-color: #a1a7ac;
  border-color: #a1a7ac;
}

.btn-default:focus, .btn-default.focus {
  box-shadow: 0 0 0 0.2rem rgba(161,167,172, 0.5);
}

.btn-default.disabled, .btn-default:disabled {
  color: #4a525b;
  background-color: #e4e6e7;
  border-color: #e4e6e7;
}

.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #878e95;
  border-color: #878e95;
}

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130,138,145, 0.5);
}

.btn-plain {
  color: #4a525b;
  background-color: #fff;
  border-color: #ddd;
}

.btn-plain:hover {
  color: #212529;
  background-color: #eee;
  border-color: #ccc;
}

.btn-plain:focus, .btn-plain.focus {
  box-shadow: 0 0 0 0.2rem rgba(238,238,238, 0.5);
}

.btn-plain.disabled, .btn-plain:disabled {
  color: #4a525b;
  background-color: #fff;
  border-color: #ddd;
}

.btn-plain:not(:disabled):not(.disabled):active, .btn-plain:not(:disabled):not(.disabled).active,
.show > .btn-plain.dropdown-toggle {
  color: #212529;
  background-color: #ddd;
  border-color: #ccc;
}

.btn-plain:not(:disabled):not(.disabled):active:focus, .btn-plain:not(:disabled):not(.disabled).active:focus,
.show > .btn-plain.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(238,238,238, 0.5);
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38,143,255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38,143,255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(130,138,145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130,138,145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #33cc66;
  border-color: #33cc66;
}

.btn-success:hover {
  color: #fff;
  background-color: #1ab34d;
  border-color: #0da640;
}

.btn-success:focus, .btn-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(51,204,102, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(51,204,102, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28b62c;
  border-color: #28b62c;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1ab34d;
  border-color: #0da640;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(51,204,102, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(51,204,102, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #30bdbc;
  border-color: #30bdbc;
}

.btn-info:hover {
  color: #fff;
  background-color: #23a3ab;
  border-color: #28adb2;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(48,189,188, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #30bdbc;
  border-color: #30bdbc;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #23a3ab;
  border-color: #28adb2;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(48,189,188, 0.5);
}

.btn-warning {
  color: #fff;
  background-color: #ff9933;
  border-color: #ff9933;
}

.btn-warning:hover {
  color: #fff;
  background-color: #fc7c14;
  border-color: #fc730b;
}

.btn-warning:focus, .btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255,153,51, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255,153,51, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #ff9933;
  border-color: #ff9933;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #fc7c14;
  border-color: #fc730b;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255,153,51, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255,153,51, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #ff4f45;
  border-color: #ff4f45;
}

.btn-danger:hover {
  color: #fff;
  background-color: #f00d00;
  border-color: #e00c00;
}

.btn-danger:focus, .btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255,79,69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255,79,69, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #ff4f45;
  border-color: #ff4f45;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #f00d00;
  border-color: #e00c00;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255,79,69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255,79,69, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(216,217,219, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216,217,219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82,88,93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82,88,93, 0.5);
}

/* +++++ CTMH Button Colors +++++ */
.btn-smoothie {
  color: #fff;
  background-color: #f37976;
  border-color: #f1625f;
}

.btn-smoothie:hover {
  color: #fff;
  background-color: #ef4b47;
  border-color: #ec2b26;
}

.btn-smoothie:focus, .btn-smoothie.focus {
  box-shadow: 0 0 0 0.2rem rgba(243,121,118, 0.5);
}

.btn-smoothie.disabled, .btn-smoothie:disabled {
  color: #fff;
  background-color: #f37976;
  border-color: #f1625f;
}

.btn-smoothie:not(:disabled):not(.disabled):active, .btn-smoothie:not(:disabled):not(.disabled).active,
.show > .btn-smoothie.dropdown-toggle {
  color: #fff;
  background-color: #ef4b47;
  border-color: #ec2b26;
}

.btn-smoothie:not(:disabled):not(.disabled):active:focus, .btn-smoothie:not(:disabled):not(.disabled).active:focus,
.show > .btn-smoothie.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(243,121,118, 0.5);
}

/* +++++ Outline Button Styles +++++ */
.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0,123,255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0,123,255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108,117,125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108,117,125, 0.5);
}

.btn-outline-success {
  color: #33cc66;
  border-color: #33cc66;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #33cc66;
  border-color: #33cc66;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(51,204,102, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #33cc66;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #33cc66;
  border-color: #33cc66;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(51,204,102, 0.5);
}

.btn-outline-info {
  color: #30bdbc;
  border-color: #30bdbc;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #30bdbc;
  border-color: #30bdbc;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(48,189,188, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #30bdbc;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #30bdbc;
  border-color: #30bdbc;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(48,189,188, 0.5);
}

.btn-outline-warning {
  color: #ff9933;
  border-color: #ff9933;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #ff9933;
  border-color: #ff9933;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255,153,51, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ff9933;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #ff9933;
  border-color: #ff9933;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255,153,51, 0.5);
}

.btn-outline-danger {
  color: #ff4f45;
  border-color: #ff4f45;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #ff4f45;
  border-color: #ff4f45;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(255,79,69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #ff4f45;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff4f45;
  border-color: #ff4f45;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255,79,69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248,249,250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248,249,250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  background-color: rgba(255,255,255, 0.5);
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52,58,64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52,58,64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

button[class*="btn btn-outline-"],
a[class*="btn btn-outline-"] {
	border-width: 0.125rem;
}

button[class*="btn btn-outline-"] + button[class*="btn btn-outline-"],
a[class*="btn btn-outline-"] + a[class*="btn btn-outline-"] {
	margin-left: 1.25rem;
}

/* +++ Special Button Definition +++ */
.btn[class*="btn-outline-"] {
	border-width: 0.125rem;
}

/* +++ Animated "More" Button +++ */
.btn-more:after {
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: inherit;
	font-family: "Font Awesome 5 Pro";
  content:"\f061";
  margin-left: 0.25rem;
  margin-right: 0;
  transition: margin ease-in-out 300ms;
}

.btn-more:hover:after,
.btn-more:focus:after {
	margin-left: 0.5rem;
  margin-right: -0.25rem;
}

.btn-more.btn-lg:after {
  margin-left: 0.375rem;
  margin-right: 0;
  font-weight: 300;
}

.btn-more.btn-lg:hover:after,
.btn-more.btn-lg:focus:after {
	margin-left: 0.75rem;
  margin-right: -0.375rem;
}

/* +++ Animated "Back" Button +++ */
.btn-back {
	position: relative;
	padding-left: 1.875rem;
}

.btn-back:before {
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: inherit;
	font-family: "Font Awesome 5 Pro";
	content:"\f060";
	color: inherit;
	position: absolute;
	top: 50%;
	left: 0.75rem;
  transform: translateY(-50%);
  transition: left ease-in-out 300ms;
}

.btn-back:hover:before,
.btn-back:focus:before {
	left: 0.5rem;
}

.btn-back.btn-lg {
	padding-left: 2rem;
}

.btn-back.btn-lg:before {
  left: 0.75rem;
  font-weight: 300;
}

.btn-back.btn-lg:hover:before,
.btn-back.btn-lg:focus:before {
	left: 0.5rem;
}

.btn-back.btn-sm {
	padding-left: 1.5rem;
}

.btn-back.btn-sm:before {
	left: 0.5rem;
}

.btn-back.btn-sm:hover:before,
.btn-back.btn-sm:focus:before {
	left: 0.25rem;
}

/* ================================== */
/* ++++++++++ Alert styles ++++++++++ */
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link,
.alert > a {
  font-weight: 600;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #e8f4fc;
  border-color: #c7e5f6;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link,
.alert-primary a {
	font-weight: 600;
  color: #002752;
}

.alert-primary a:hover,
.alert-primary a:focus {
  color: #005cc0;
}

.alert-secondary {
  color: #383d41;
  background-color: #edeeef;
  border-color: #e1e2e4;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #009933;
  background-color: #eef9ec;
  border-color: #d6f5d0;
}

.alert-success hr {
  border-top-color: #cdf3cb;
}

.alert-success .alert-link,
.alert-success a {
	font-weight: 600;
  color: #007333;
}

.alert-success a:hover,
.alert-success a:focus {
  color: #118844;
}

.alert-info {
  color: #1a9297;
  background-color: #e3f6f6;
  border-color: #c7eded;
}

.alert-info hr {
  border-top-color: #b4e7e7;
}

.alert-info .alert-link,
.alert-info a {
	font-weight: 600;
  color: #005f6a;
}

.alert-info a:hover,
.alert-info a:focus {
  color: #0d7980;
}

.alert-info h1,
.alert-info h2,
.alert-info h3 {
  color: #0b787d;
}

.alert-warning {
	color: #da5300;
  background-color: #fff6ec;
  border-color: #ffecda;
}

.alert-warning hr {
  border-top-color: #ffe3c7;
}

.alert-warning .alert-link,
.alert-warning a {
	font-weight: 600;
  color: #be4600;
}

.alert-warning a:hover,
.alert-warning a:focus {
  color: #d14f00;
}

.alert-danger {
  color: #dd3c39;
  background-color: #ffeeec;
  border-color: #ffdcda;
}

.alert-danger hr {
  border-top-color: #fbd0d0;
}

.alert-danger .alert-link,
.alert-danger a {
	font-weight: 600;
  color: #b32823;
}

.alert-danger a:hover,
.alert-danger a:focus {
  color: #b32823;
}

.alert-danger h1,
.alert-danger h2,
.alert-danger h3 {
  color: #d3312e;
}

/* +++ special context styles +++ */
.alert-danger .btn-default {
  color: #ff4f45;
  border-color: #ff4f45;
  background-color: rgba(255,255,255, 0.40);
  border-width: 0.125rem;
}

.alert-danger .btn-default:hover {
  color: #fff;
  background-color: #ff4f45;
  border-color: #ff4f45;
}

.alert-danger .btn-default:focus, .alert-danger .btn-default.focus {
  box-shadow: 0 0 0 0.2rem rgba(255,79,69, 0.5);
}

.alert-danger .btn-default.disabled, .alert-danger .btn-default:disabled {
  color: #ff4f45;
  background-color: transparent;
}

.alert-danger .btn-default:not(:disabled):not(.disabled):active, .alert-danger .btn-default:not(:disabled):not(.disabled).active,
.alert-danger .show > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #ff4f45;
  border-color: #ff4f45;
}

.alert-danger .btn-default:not(:disabled):not(.disabled):active:focus, .alert-danger .btn-default:not(:disabled):not(.disabled).active:focus,
.alert-danger .show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255,79,69, 0.5);
}
/* +++ /End special context styles +++*/

.alert-light {
  color: #818182;
  background-color: #f9f9fa;
  border-color: #f4f4f4;
}

.alert-light hr {
  border-top-color: #eee;
}

.alert-light .alert-link,
.alert-light a {
	font-weight: 600;
  color: #686868;
}

.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
}

.alert-dark hr {
	border-top-color: #b9bbbe;
}

.alert-dark .alert-link,
.alert-dark a {
	font-weight: 600;
  color: #040505;
}

h5.alert, p.alert {
	margin: 0;
	padding: 0.5rem 0.75rem;
	font-size: 1rem;
	line-height: 1.33;
}

h5.alert, p.alert,
.form-check + h5.alert,
.form-check + p.alert {
	margin-top: 0.75rem;
}

.alert > p:last-child,
.alert > p:last-of-type {
	margin-bottom: 0;
}

.alert-icon:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
  font-style: normal;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.alert-success .alert-icon, .alert-success.alert-icon,
.alert-info .alert-icon, .alert-info.alert-icon,
.alert-warning .alert-icon, .alert-warning.alert-icon,
.alert-danger .alert-icon, .alert-danger.alert-icon { padding-left: 2.25rem !important; }
.alert-success .alert-icon:before { content:"\f058"; margin-left: -1.5rem; padding-right: 0.5rem; color: #33cc66; }
.alert-success.alert-icon:before { content:"\f058"; margin-left: -1.5rem; padding-right: 0.5rem; color: #33cc66; }
.alert-info .alert-icon:before { content:"\f05a"; margin-left: -1.5rem; padding-right: 0.375rem; color: #30bdbc; }
.alert-info.alert-icon:before { content:"\f05a"; margin-left: -1.5rem; padding-right: 0.375rem; color: #30bdbc; }
.alert-warning .alert-icon:before { content:"\f071"; margin-left: -1.5rem; padding-right: 0.375rem; color: #ff9933; }
.alert-warning.alert-icon:before { content:"\f071"; margin-left: -1.5rem; padding-right: 0.375rem; color: #ff9933; }
.alert-danger .alert-icon:before { content:"\f06a"; margin-left: -1.5rem; padding-right: 0.5rem; color: #ff4f45; }
.alert-danger.alert-icon:before { content:"\f06a"; margin-left: -1.5rem; padding-right: 0.5rem; color: #ff4f45; }

.alert-big {
	background: #ffeeec url('//cdn.closetomyheart.com/global/oba/img/dottie-sad-56.png') 0.5rem 0.875rem no-repeat;
	border-color: #ffdcda;
}

.alert-big h1 {
	margin-left: 3.5rem !important;
	padding-bottom: 0.75rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #c00;
	border-bottom: 0.0625rem dashed #ff4f45;
}

/* handle spacing a/o word wrap around Dottie */
@media (min-width: 576px) {
	.alert-big:before {
		float: left;
		content: "\00a0"; /*   */
		height: 4.25rem;
		width: 3.75rem;
		margin-left: -0.25rem;
	}
}

@media (max-width: 575.98px) {
	.alert-big {
		padding-top: 5rem;
		background: #ffeeec url('//cdn.closetomyheart.com/global/oba/img/dottie-sad-56.png') 50% 1rem no-repeat;
	}
	.alert-big h1 {
		margin: 0 0 0.25rem 0 !important;
	}
	.alert-big p {
		padding-left: 0;
	}
}

.dottie-banner {
	width: 100%;
	padding: 2rem 0;
	text-align: center;
}

.dottie {
	margin: 0 auto;
}

.search-result {
	margin-bottom: 1.5rem;
}

.search-result.warning:before {
	padding-right: 0.375rem;
	content:"\f071";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
  font-style: normal;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	color: #fc7c14;
}

/* +++ Badge Styles +++ */
.badge {
  font-weight: 600;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108,117,125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #33cc66;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1ab34d;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51,204,102, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #30bdbc;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #28adb2;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(48,189,188, 0.5);
}

.badge-warning {
  color: #fff;
  background-color: #ff9933;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #fff;
  background-color: #fc7c14;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255,193,7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #ff4f45;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #f00d00;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220,53,69, 0.5);
}

/* ======================================== */
/* ++++++++++ Consultant Locator ++++++++++ */
/* ======================================== */
.locator-result {
	width: 100%;
	margin-bottom: 1rem;
	box-shadow: 0 0.125rem 0.25rem rgba(0,0,0, 0.075);
}

.card.locator-result > .card-body {
	padding: 0.75rem 0.75rem 0;
}

.dl-locator {
	margin-bottom: 0;
}

.dl-locator dt, .dl-locator dd {
	margin: 0;
	padding: 0;
	line-height: 1.334;
}

.card.locator-result > .card-footer {
	padding: 0.5rem 0.75rem 0.75rem;
	background-color: #fff;
	border: none;
}

.locator-result .btn + .btn {
	margin-left: 0.5rem;
}

.clActivity {
	padding: 0.375rem;
}

.clActivity > img {
	margin: 0 0.125rem 0.25rem;
	vertical-align: middle;
}

/* +++++ Contact Form +++++ */
.g-recaptcha {

}

/* +++++++++++++++++++++++++++ */
/* +++++ FAQ list styles +++++ */
/* +++++++++++++++++++++++++++ */
.list-faq {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	color: #212529;
}

.list-faq > li {
	padding-top: 1rem;
	padding-bottom: 0.75rem;
	font-size: 1rem;
}

.list-faq li p {
	font-size: 1rem;
	font-weight: 400;
}

.list-faq li p:last-child {
	margin-bottom: 0;
}

.list-faq li p:last-of-type {
	margin-bottom: 0.5rem;
}

.list-faq > li + li {
	border-top: 0.0625rem dashed #ddd;
}

.list-faq h4 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 0.25rem;
	font-weight: 600;
	font-size: 1.125rem;
	color: #212529;
}

.list-faq > li ul,
.list-faq > li ol {
	font-size: inherit;
	font-weight: 400;
}

.list-faq > li ul {
	list-style-type: disc;
}

.list-faq > li ul li,
.list-faq > li ol li {
	padding-bottom: 0.25rem;
}

.list-faq > li ul ul,
.list-faq > li ul ol,
.list-faq > li ol ul,
.list-faq > li ol ol {
	margin-top: 0.25rem;
	font-weight: 400;
}

.list-faq > li ul ul,
.list-faq > li ol ul {
	list-style-type: circle;
}

/* +++++ About Page Styles +++++ */
.img-about {
	float: left;
	margin-right: 2rem;
	margin-bottom: 1rem;
	border-radius: 0.25rem;
}

@media (max-width: 768.98px) {
	.img-about {
		display: block;
		float: none;
	}
}

/* =========================================== */
/* ++++++++++ Shopping Pages Styles ++++++++++ */
/* =========================================== */
.product-card,
.related-slider .card {
	position: relative;
	-webkit-transition: all 150ms ease-in-out;
					transition: all 150ms ease-in-out;
}

.product-card:hover,
.product-card:focus {
	border-color: rgba(38,143,255, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(38,143,255, 0.08);
}

.related-slider .card:hover,
.related-slider .card:focus {
	border-color: rgba(38,143,255, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(38,143,255, 0.08);
}

.card-title.product-name {
	margin-bottom: 0.25rem;
	font-size: 1.125rem;
}

.prod-sku {
	margin-bottom: 0;
	font-weight: 300;
	color: #6c757d;
}

.prod-price {
	margin-bottom: 1rem;
	font-weight: 600;
}

.prod-price-prev {
	margin-right: 0.25rem;
	font-weight: 400;
	font-size: 1rem;
	text-decoration: line-through;
	color: #a1a7ac;
}

.prod-price-new {
	font-weight: 600;
	color: #ff4136;
}

.related-slider {
	padding: 0.5rem 0.25rem;
	background-color: rgba(0,0,0, 0.033);
	border-radius: 0.25rem;
}

.related-slider ul {
	list-style: none outside none;
	padding-left: 0;
	margin-bottom:0;
}

.related-slider li.col {
	padding-right: 0.25rem;
	padding-left: 0.25rem;
}

.related-slider .card {
	font-size: 0.875rem;
	text-align: center;
}

.related-slider .card-body {
	padding-bottom: 0.25rem;
}

.related-slider .card p {
	line-height: 1.33;
}

.product-card .card-footer,
.related-slider .card .card-footer {
	background-color: transparent;
	padding-top: 0;
	border-top: 0;
}

.related-slider .prod-price {
	font-size: 1rem;
}

.addtocart .form-control.qty-count {
	text-align: center;
}

h1.product-title {
	font-family: "Open Sans", "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.33rem;
	font-weight: 600;
}

.relatedItemContainer {
	position: relative; /* needed for ribbon mssg */
	display: block;
}

/* ================================= */
/* +++++ Product Ribbon Styles +++++ */
/* ================================= */
.product-ribbon {
	position: absolute !important;
	top: 1rem;
	left: 0.5rem;
	/* start a new stacking context */
	z-index: 1;
}

.related-slider .product-ribbon {
	position: absolute !important;
	top: 0.75rem;
	left: 0;
	/* start a new stacking context */
	z-index: 1;
}

.ribbon {
	position: relative;
	display: inline-block;
	margin-right: 2rem;
	height: 2rem;
	background-color: #999;
}

.ribbon:before {
	content: "\00a0"; /* nonbreaking space */
	position: absolute;
	bottom: -0.25rem;
	width: 0.5rem;
	background-color: #6c757d;
	transform: skewY(45deg);
	z-index: -1;
}

.related-slider .ribbon:before {
	content: "\00a0"; /* nonbreaking space */
	position: absolute;
	bottom: -0.125rem;
	width: 0.25rem;
	background-color: #6c757d;
	transform: skewY(45deg);
	z-index: -1;
}

.ribbon:after {
	position: absolute;
	top: 0;
	content: "";
	border: 1rem solid #999;
	/* borders form angles to make the notch */
	border-right-color: transparent;
	/* must be 1/2 the height of .ribbon */
	border-right-width: 1rem;
	/* slide half the notched block behind
	the ribbon to avoid extra visual margin */
	right: -1rem;
	z-index: -1;
}

.ribbon > div {
	margin-top: 0.175rem;
	padding: 0.25rem 0.5rem;
	white-space: nowrap;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	vertical-align: middle;
	color: rgba(255,255,255, 1);
	/* stitching */
	border-top: dashed 1px rgba(255,255,255, 0.5);
	border-bottom: dashed 1px rgba(255,255,255, 0.5);
	overflow: hidden;
	text-shadow: 0 -1px 1px rgba(0,0,0, 0.2);
}

.related-slider .ribbon > div {
	margin-top: 0.175rem;
	padding: 0.25rem 0.5rem;
	white-space: nowrap;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	vertical-align: middle;
	color: rgba(255,255,255, 1);
	/* stitching */
	border-top: dashed 1px rgba(255,255,255, 0.5);
	border-bottom: dashed 1px rgba(255,255,255, 0.5);
	overflow: hidden;
	text-shadow: 0 -1px 1px rgba(0,0,0, 0.2);
}

.ribbon.new {
	background-color: #33cc66;
}

.ribbon.new:before {
	background-color: #009933;
}

.ribbon.new:after {
	border-color: #33cc66;
	border-right-color: transparent;
}

/* back order & low qty */
.ribbon.bklo {
	background-color: #ff9933;
}

.ribbon.bklo:before {
	background-color: #dd6913;
}

.ribbon.bklo:after {
	border-color: #ff9933;
	border-right-color: transparent;
}

.ribbon.bklo > div {
	letter-spacing: 0.03em;
	color: #fff;
	/* stitching */
	border-top-color: #ffc790;
	border-bottom-color: #ffc790;
	text-shadow: 0 -1px 1px rgba(0,0,0, 0.2);
}

/* out of stock */
.ribbon.nostock {
	background-color: #ff4136;
}

.ribbon.nostock:before {
	background-color: #c52b26;
}

.ribbon.nostock:after {
	border-color: #ff4136;
	border-right-color: transparent;
}

.ribbon.nostock > div {
	color: #fff;
	/* stitching */
	border-top-color: #ffa9a4;
	border-bottom-color: #ffa9a4;
	text-shadow: 0 -1px 1px rgba(0,0,0, 0.2);
}
/* ====================================== */
/* +++++ /END Product Ribbon Styles +++++ */
/* ====================================== */

a.jsFancyBoxYouTube:hover,
a.jsFancyBoxYouTube:focus {
	text-decoration: none;
}

.yt-thn > img { width: 12rem; }
.yt-thn:after {
	margin-left: -7.25rem;
	content: "\f04b";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	text-align: center;
	vertical-align: middle;
	color: rgba(255,255,255, 1);
	background-color: rgba(229,45,39, 1); /* #e52d27 */
	border-top: 0.375rem solid rgba(229,45,39, 1); /* #e52d27 */
	border-right: 0.875rem solid rgba(229,45,39, 1);
	border-bottom: 0.375rem solid rgba(229,45,39, 1);
	border-left: 0.875rem solid rgba(229,45,39, 1);
	border-radius: 0.25rem;
	z-index: 33;
}

.yt-thn:hover:after,
.yt-thn:focus:after {
	color: rgba(255,255,255, 0.85);
	background-color: rgba(0,0,0, 0.33);
	border-top: 0.375rem solid rgba(0,0,0, 0.33);
	border-right: 0.875rem solid rgba(0,0,0, 0.33);
	border-bottom: 0.375rem solid rgba(0,0,0, 0.33);
	border-left: 0.875rem solid rgba(0,0,0, 0.33);
	border-radius: 0.25rem;
	z-index: 33;
	-webkit-transition: all 0.1s ease-in-out;
  				transition: all 0.1s ease-in-out;
}


/* ==================================================
Product Search styles
================================================== */
.prod-srch-block {
	padding: 0.75rem 0 0;
	border: 1px dashed #ddd;
	border-width: 1px 0 0 0; overflow: hidden;
}

.prod-srch-fn { width: auto; max-width: 7rem; }
.prod-srch-fn .form-control.qty-count {
	text-align: center;
}
span.jsItemCart { font-weight: 400; }
span.jsItemCount { font-weight: 600; }

.card.cart-add {
	max-width: 8rem;
	border: none;
}

.card.cart-add > .btn.btn-primary {
	margin-bottom: 0.5rem;
}

.spc-add {
	position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
  border-radius: 0.25rem;
}

.spc-add > .btn {
	font-size: 0.8rem;
	letter-spacing: -0.02em;
}

.spc-add + .spc-add {
	margin-top: 0.5rem;
}

.btn.oos { letter-spacing: -0.04em; white-space: nowrap !important; }

/* ==================================================
++++++++++ /END Product Search styles
================================================== */

.swatches { display: block; margin: 0; padding: 0; }
ul.list-colors { list-style: none; margin: 0; padding: 0; }
ul.list-colors li {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0 0.125rem 0.125rem 0;
	padding: 0;
	border: 0.125rem solid transparent;
	border-radius: 0.125rem;
}

ul.list-colors li:hover,
ul.list-colors li:focus {
	border: 0.125rem solid #9cccff;
	-webkit-box-shadow: 0.0625rem 0.0625rem 0.125rem rgba(0,0,0, 0.15);
					box-shadow: 0.0625rem 0.0625rem 0.125rem rgba(0,0,0, 0.15);
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
  -webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	z-index: 103;
}

ul.list-colors a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
}

/* ========================================= */
/* ++++++++++ Shoping Cart Styles ++++++++++ */
/* ========================================= */
.table-cart th, .table-cart td {
	padding: 0.75rem 0.5rem;
	vertical-align: top;
}

th.cart-amount,
th.cart-price,
td.cart-price { text-align: right; }

.table-cart td.cart-img {
	padding: 0.3125rem;
	text-align: center;
}

/* add'l container fixes MSIE quirkiness */
.table-cart .cart-img-wrapper {
	width: 2.25rem;
}

.table-cart td.cart-item > .oslink {
	font-weight: 600;
	text-decoration: none;
}

.table-cart td.cart-img {
	text-align: center;
}

.table-cart th.cart-qty {
	padding-left: 1rem;
}

.table-cart td.cart-qty {
	padding: 0.3125rem 0.5rem;
	text-align: left;
}

.table-cart td.cart-qty .jsFieldUpdate {
	width: 7rem;
	min-width: 7rem !important;
}

.table-cart td.cart-qty .input-group > .form-control.qty-count {
	text-align: center;
	border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.btn.btn-link.saveButton {
	padding: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

td.cart-remove {
	padding-top: 0.6rem;
	padding-right: 0;
	text-align: right;
}

.cart-remove .delete-btn {
	display: inline-block;
	text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 0 0.375rem;
	font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  color: #ff4136;
}

@media (min-width: 576px) {
	td.edit-icon {
		padding-right: 0;
		text-align: right;
	}
}

td.cart-amount { text-align: right; }
.table-cart td.cart-amount.donation {
	padding: 0.375rem 0 0.375rem 0.5rem;
}

td.cart-amount.donation .jsFieldUpdate {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

td.cart-amount.donation .jsFieldUpdate .ml-auto {
	position: relative;
	width: 9em !important;
	padding-right: 2rem;
}

td.cart-amount.donation .jsFieldUpdate .ml-auto .saveButton {
	position: absolute;
	left: -4rem;
}

td.cart-amount.donation .jsFieldUpdate .form-control.amount {
	text-align: right;
}

.table-cart .os-logo {
	width: 120px;
	height: auto;
	padding-top: 0.0625rem;
	vertical-align: middle;
}

tr.total { border-top: 3px double rgba(0,0,0, 0.15); }
td.total { font-weight: 600; text-align: right; }
td.grandtotal {
	font-weight: bold;
	font-size: 1rem;
	text-align: right;
	border-bottom: 1px solid rgba(0,0,0, 0.10);
}
td.grandtotal.text-left { text-align: left; }

/* =============================================== */
/* ++++++++++ BEGIN Cart Mobile Styles  ++++++++++ */
/* =============================================== */
@media only screen and (max-width: 767.98px) {
	/* Force table to not be like tables anymore */
	.table-cart,
	.table-cart thead,
	.table-cart tbody,
	.table-cart th,
	.table-cart td,
	.table-cart tr {
		display: block;
		border: 0;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-cart thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table-cart tr {
		margin-bottom: -1px;
		padding: 0.5rem;
		border: 1px solid #ddd;
		border-width: 1px 0;
	}
	.table-cart td {
		/* Behave  like a "row" */
		width: 100% !important;
		position: relative;
		padding: 0;
		white-space: normal;
		text-align: left;
	}
	.table-cart td.cart-img {
		width: 100%;
		padding: 0.375rem 0;
		text-align: left;
	}
	.table-cart .cart-img-wrapper {
		width: 100%;
	}
	.table-cart .cart-img-wrapper img {
		border: 1px solid #eee;
		border-radius: 0.25rem;
	}
	.table-cart td.cart-price,
	.table-cart td.cart-amount {
		padding-top: 0.5rem;
		padding-left: 3.5rem;
		padding-bottom: 0.5rem;
	}
	.table-cart tr.total td.cart-item,
	.table-cart tr.total td.cart-amount,
	.table-cart tr.spc-used td.cart-item,
	.table-cart tr.spc-used td.cart-amount,
	.table-cart tr.spc-over td.cart-item,
	.table-cart tr.spc-over td.cart-amount {
		padding: 0;
		border-bottom: none;
	}
	.table-cart td.cart-amount {
		font-weight: 600;
	}
	.table-cart td.cart-qty {
		padding-left: 3.5rem;
		text-align: left;
	}
	.table-cart td.cart-remove {
		text-align: right;
	}
	.table-cart td.cart-price:before,
	.table-cart td.cart-amount:before {
	 	position: absolute;
	 	top: 0.5rem;
	 	left: 0;
		content: attr(data-title);
		font-weight: 400;
		color: #999;
	}
	td.cart-amount.donation .jsFieldUpdate .ml-auto {
		width: 7rem !important;
		padding-right: 0;
	}
	.table-cart tr.total-os td.cart-item {
		text-align: right;
	}
	.table-cart td.cart-qty:before {
	 	position: absolute;
	 	top: 0.75rem;
	 	left: 0;
		content: attr(data-title);
		color: #999;
	}
	.table-cart tr.gtotal {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-pack: justify !important;
		justify-content: space-between !important;
		border-top: 0.25rem double rgba(0,0,0, 0.10);
	}
	.table-cart td.grandtotal {
		white-space: normal;
		padding: 0;
	}
	td.grandtotal + td.grandtotal + td.grandtotal {
		display: none;
	}
	.table-cart td.cart-remove:before {
		margin-bottom: -0.25rem;
		content: attr(data-title);
		font-size: 0.8rem;
	 	vertical-align: middle;
		color: #999;
	}
}
/* ============================================== */
/* ++++++++++ /END Cart Mobile Styles  ++++++++++ */
/* ============================================== */

.card.promoitem {
	margin-bottom: 1.5rem;
	background-color: #f6fcf2;
	border: 1px solid #33cc66;
	border-width: 0.25rem 0 0 0;
	border-radius: 0 0 0.375rem 0.375rem;
}

.card.promoitem .card-header {
	background-color: transparent;
	border-bottom-color: rgba(51,204,102, 0.50);
	border-bottom-width: 1px;
}

.card.promoitem .card-header h4 {
	font-size: 1.33rem;
	font-weight: 600;
	margin-bottom: 0.375rem;
}

.card.promoitem .card-header p {
	margin: 0;
}

.table-promos { margin-bottom: 0; }

.table-promos th, .table-promos td {
	padding: 0.75rem 0.375rem;
	line-height: 1.3;
}

.table-promos td.cart-img {
	padding: 0.25rem 0.375rem;
}

/* add'l container fixes MSIE quirkiness */
.table-promos td.cart-img .cart-img-wrapper {
	width: 2.25rem;
}

.table-promos td.cart-add { padding: 0.5rem; text-align: right; }

.cart-mssg > #itemCount {
	font-weight: 600;
}

@media only screen and (max-width: 575.98px) {
	/* Force table to not be like tables anymore */
	table.table-promos,
	.table-promos thead,
	.table-promos tbody,
	.table-promos th,
	.table-promos td,
	.table-promos tr {
		display: block;
		border: 0;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-promos thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table-promos tr {
		margin-bottom: -1px;
		padding: 0.5rem;
		border: 1px solid rgba(101,179,69, 0.20);
		border-width: 1px 0;
	}
	.table-promos td {
		/* Behave  like a "row" */
		width: 100% !important;
		position: relative;
		padding: 0 0.5rem;;
		white-space: normal;
		text-align: left;
	}
	.table-promos tr:hover,
	.table-promos tr:focus {
		background-color: #effaed;
	}
	.table-promos td.cart-img {
		width: 100% !important;
		padding: 0.5rem 0;
		text-align: left;
	}
	.table-promos td.cart-img .cart-img-wrapper {
		width: 100% !important;
	}
	.table-promos td.cart-img .cart-img-wrapper img {
		border: 1px solid rgba(0,0,0, 0.10);
		border-radius: 0.25rem;
	}
	.table-promos td.cart-price {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.table-promos td.cart-price > span:last-of-type {
		font-size: 1.125rem;
		font-weight: 600;
	}
	.table-promos td.cart-add {
		padding: 0.5rem;
		text-align: left;
	}
}

/* +++ Digital Library Styles +++ */
.table-digital th,
.table-digital td {
  padding: 0.3rem;
  vertical-align: middle;
}

.table-digital img {
	width: 3rem;
	height: 3rem;
}

.table-digital .fa-file-download {
	font-size: 1.5rem;
}

.table-nomore.rec tr {
	margin-bottom: 0.5rem;
	border: 1px solid rgba(0,0,0, 0.10);
	border-radius: 0.25rem;
}

.table-nomore.rec th.rcpt,
.table-nomore.rec td.rcpt {
	text-align: right;
}

@media only screen and (max-width: 575.98px) {
	/* Force table to not be like tables anymore */
	.table-nomore table,
	.table-nomore thead,
	.table-nomore tbody,
	.table-nomore th,
	.table-nomore td,
	.table-nomore tr {
		display: block;
		border: 0;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-nomore thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table-nomore tr { border: 1px solid rgba(0,0,0, 0.10); }
	.table-nomore.rec tr {
		margin-bottom: 0.5rem;
		border: 1px solid rgba(0,0,0, 0.10);
		border-radius: 0.25rem;
	}
	.table-nomore td {
		/* Behave  like a "row" */
		width: 100%;
		border: none;
		border-bottom: 1px solid rgba(0,0,0, 0.08);
		position: relative;
		padding: 0.375rem;
		padding-left: 50% !important;
		white-space: normal;
		text-align: right !important;
	}
	.table-nomore td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0.375rem;
		left: 0.375rem;
		width: 45%;
		padding-right: 0.5rem;
		padding-right: 0.375rem;
		font-weight: 400;
		white-space: nowrap;
		text-align: left;
	}
	/* Label the data */
	.table-nomore td:before { content: attr(data-title); }
	.table-nomore td.cell-nomore { display: none !important; }
	.table-nomore td.cell-nomore:before { display: none !important; }
}

/* +++ rounded corner fix for validated inputs with addons +++ */
.input-group .input-group-text.rfix {
	border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

/* ============================================= */
/* ++++++++++ Ajax Activity Animation ++++++++++ */
.async-activity {
	margin-left: -1.5rem;
	opacity: 0;
	-webkit-transition: margin-left 750ms ease 0s, opacity 750ms ease 0s;
					transition: margin-left 750ms ease 0s, opacity 750ms ease 0s;
}

.async-activity.form-control-feedback {
	margin-right: 1rem;
}

.async-activity.active {
	margin-left: 0;
	opacity: 1;
	-webkit-transition: margin-left 750ms ease 0s, opacity 750ms ease 0s;
					transition: margin-left 750ms ease 0s, opacity 750ms ease 0s;
}

.prod-srch-dtl .async-activity.active {
	margin-right: 0.25rem;
}

@keyframes pulse {
	50% {
		opacity: 1;
	}
}

.loading-pulse {
	display: inline-block;
	position: relative;
	top: 2px;
	width: 0.1875rem;
	height: 1rem;
	margin: 0 0.75rem;
	opacity: 0.2;
	background-color: #33cc66;
	-webkit-animation: pulse 750ms infinite;
	animation: pulse 750ms infinite;
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms;
}

.loading-pulse:before, .loading-pulse:after {
	content: "";
	position: absolute;
	display: block;
	height: 0.5rem;
	width: 0.1875rem;
	top: 50%;
	background-color: #33cc66;
	opacity: 0.2;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-animation: pulse 750ms infinite;
	animation: pulse 750ms infinite;
}

.loading-pulse:before {
	left: -0.375rem;
}

.loading-pulse:after {
	left: 0.375rem;
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}

.loading-pulse-light, .loading-pulse-light:before, .loading-pulse-light:after {
	background-color: #fff;
}

/* ++++++++++ END: Ajax activity animation ++++++++++ */
/* ================================================== */


/* =============================================== */
/*  ++++++++++ Checkout Styles  ++++++++++ */
/* =============================================== */
.dl-shipping-info,
.dl-billing-info {
	margin-top: 0;
  margin-bottom: 0;
}

.dl-shipping-info dt,
.dl-billing-info dt {
	width: 100%;
	margin-bottom: 0.5rem;
}

.dl-shipping-info .edit-info,
.dl-billing-info .edit-info {
	font-weight: 400;
}

.headshot {
	float: left;
	width: 75px;
	margin: 0;
	padding: 4px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0, 0.10);
	box-shadow: 1px 2px 2px rgba(0,0,0, 0.10);
}

.upline-option {
	width: 100%;
	margin-bottom: 0.625rem;
	padding: 0.625rem;
	cursor: pointer;
}

.upline-option .headshot {
	margin-right: 0.625rem;
}

.upline-option .headshot + p {
	margin-top: 0.3125rem;
	margin-bottom: 0;
	font-family: "Roboto Condensed", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.3;
}

.checkout-consultant-connection {
	width: 100%;
}

.checkout-consultant-connection .checkout-consultant-connection-option {
	width: 100%;
	padding: 0.625rem;
	border-radius: 0.25rem;
}

.checkout-consultant-connection .checkout-consultant-connection-option .headshot {
	margin-right: 0.625rem;
}

.checkout-consultant-connection .checkout-consultant-connection-option .headshot + p {
	margin-top: 0.3125rem;
	margin-bottom: 0;
}

@media (max-width: 479.98px) {
	.checkout-consultant-connection.checkout-consultant-connection-interactive .col-xs-6 {
		width: 100%;
	}
	.checkout-consultant-connection .checkout-consultant-connection-option .headshot {
		width: 56px; height: auto;
	}
}

.checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option {
	cursor: pointer;
	transition: background-color linear 0.1s;
}

.checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option:hover,
.checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option:focus {
	background-color: #ecf9f9;
	color: #23a3ab;
}

.checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option.active:hover,
.checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option.active:focus {
	background-color: #23a3ab;
	color: #fff;
}

.checkout-consultant-connection .checkout-consultant-connection-option.active {
	background-color: #30bdbc;
	color: #fff;
}

.checkout-consultant-connection-option p {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.3;
}

.checkout-consultant-connection .checkout-consultant-connection-option .city-state {
	font-family: "Roboto Condensed", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
}

.checkout-consultant-connection .checkout-consultant-connection-option .faux-checkbox {
	display: inline-block;
	font-weight: 500;
	margin: 0.5rem 0 0.5rem 1.25rem;
}

.checkout-consultant-connection .checkout-consultant-connection-option .faux-checkbox::before {
	display: inline-block;
	content: "";
	position: absolute;
	width: 1rem;
	height: 1rem;
	margin-top: 2px;
	margin-left: -1.25rem;
	padding-left: 0.1em;
	font-size: 0.875rem;
	font-weight: normal;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
					transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
}

.checkout-consultant-connection .checkout-consultant-connection-option.active .faux-checkbox::before {
	content: '\f00c';
	font-family: "Font Awesome 5 Pro";
	color: #fff;
	background-color: #005f6a;
	border-color: #005f6a;
}

#divConnectionInfo .closewindow {
	position: absolute;
	top: 1em;
	right: 1em;
	padding: 0;
	margin: 0;
}

/* +++++ added styles for Craft With Heart & Enrollment +++++ */
.craft-with-heart .checkout-consultant-connection.checkout-consultant-connection-interactive,
.acc-enroll .checkout-consultant-connection.checkout-consultant-connection-interactive {
 margin-bottom: 1.5rem;
}

.craft-with-heart .checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option.active:hover,
.craft-with-heart .checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option.active:focus,
.acc-enroll .checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option.active:hover,
.acc-enroll .checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option.active:focus {
	background-color: #30bdbc;
	color: #fff;
}

.craft-with-heart .checkout-consultant-connection .checkout-consultant-connection-option.active,
.acc-enroll .checkout-consultant-connection .checkout-consultant-connection-option.active {
	background-color: #30bdbc;
	color: #fff;
}

a.block {
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: inherit;
	font-weight: inherit;
	font-family: inherit;
}

a.block:hover,
a.block:focus {
	color: inherit;
	text-decoration: none;
}

a.d-flex {
	text-decoration: none;
	color: inherit;
	font-weight: inherit;
	font-family: inherit;
}

/* =============================================== */
/* +++++++++++++++ Account Styles ++++++++++++++++ */
/* =============================================== */
.account-card {
	width: 100%;
	-webkit-transition: all 150ms ease-in-out;
					transition: all 150ms ease-in-out;
}

.account-card:hover,
.account-card:focus {
	border-color: rgba(38,143,255, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(38,143,255, 0.08);
}

.account-card:active {
	border-color: rgba(38,143,255, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(38,143,255, 0.08);
}

.account-card .btn-wrap {
	text-align: right;
}

.account-card .btn-wrap span.success {
	float: left;
	padding-top: 0.25rem;
}

.account-card .card-body .btn + .btn {
	margin-left: 0.5rem;
}

.account-card.card-new {
	border: 1px dashed rgba(0,0,0, 0.10);
}

.account-card.card-new:hover,
.account-card.card-new:focus {
	border: 1px dashed rgba(38,143,255, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(38,143,255, 0.08);
}

.account-card.card-new:active {
	border: 1px dashed rgba(38,143,255, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(38,143,255, 0.08);
}

.account-card.card-new .add-new {
	margin: auto;
	padding-top: 3.75rem;
	padding-bottom: 3.75rem;
	text-align: center;
}

.account-card .card-footer {
  padding: 0 1.25rem 1.25rem;
  background-color: transparent;
  border-top: none;
}

.account-card .card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.account-card.cc-delete,
.account-card.addy-delete {
	background-color: #fffdec;
	border-color: rgba(255,153,51, 0.3);
	box-shadow: 0 0 0 0.2rem rgba(255,153,51, 0.08);
}

.account-card.card-saved {
	background-color: #f6fcf2;
}

.account-card .card-saved-message {
	display: none;
}

.account-card.card-saved .card-saved-message {
	display: inline;
}

.account-card .jsDeleteButtons {
	display: none;
}

.account-card .jsDeleteConfirm {
	display: none;
}

.account-card.addy-delete .jsDeleteConfirm,
.account-card.cc-delete .jsDeleteConfirm {
	display: block;
	color: #ff9933;
}

.account-card.addy-delete .jsButtons,
.account-card.cc-delete .jsButtons {
	display: none;
}

.account-card.addy-delete .jsDeleteButtons,
.account-card.cc-delete .jsDeleteButtons {
	display: block;
}

.dl-cc, .dl-addy {
	margin: 0;
	vertical-align: top;
}

.dl-cc dt, .dl-cc dd,
.dl-addy dt, .dl-addy dd {
	padding: 0;
	vertical-align: top;
}

/* +++ BEGIN SVG Credit Card & Address Icon Styles +++ */
.cc-icon-background,
.addy-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.cc-icon, .addy-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.25rem;
  line-height: 1;
}

.cc-icon:before,
.addy-icon:before {
  content: "\00a0";
}

.cc-icon-generic {
  background-image: url('//cdn.closetomyheart.com/global/oba/ui/cc/generic.svg');
}

.cc-icon-visa {
  background-image: url('//cdn.closetomyheart.com/global/oba/ui/cc/visa.svg');
}

.cc-icon-mc {
  background-image: url('//cdn.closetomyheart.com/global/oba/ui/cc/mastercard.svg');
}

.cc-icon-discover {
  background-image: url('//cdn.closetomyheart.com/global/oba/ui/cc/discover.svg');
}

.cc-icon-jcb {
	background-image: url('//cdn.closetomyheart.com/global/oba/ui/cc/jcb.svg');
}

.addy-icon-truck {
	background-image: url('//cdn.closetomyheart.com/global/oba/ui/delivery-truck-gs.svg');
	opacity: 0.7;
}
.addy-icon-default {
	background-image: url('//cdn.closetomyheart.com/global/oba/ui/check-circle-icon.svg');
	opacity: 0.5;
}

.dl-cc dt {
	float: right;
	width: 3rem;
	line-height: 2;
}

.dl-addy dt {
	float: right;
  width: 2rem;
  line-height: 1.5;
}
/* END SVG-CC Styles */

.dl-acct-info dt {
	float: right;
	width: 1.5rem;
	height: 1.125rem;
}

.dl-acct-info dt.flag-icon:before {
  content: "\00a0";
}

/* =============================================== */
/*  ++++++++++ Craft With Heart Styles  ++++++++++ */
/* =============================================== */
.craft-with-heart h3, h3.craft-step {
	font-family: "Roboto Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 300;
	font-size: 1.5rem;
  color: #32abab;
}

h3.craft-step > .fa-stack { margin-top: -0.25rem; margin-left: -1.75rem; font-size: 1rem; }
h3.craft-step > .fa-stack > .fa-stack-1x { margin-top: -0.03em; font-size: 1.25rem; }

.card.panel {
	width: 100%;
	border-color: rgba(0,0,0, 0.10);
}

.card.panel > .card-header {
	width: 100%;
	display: table;
	margin: 0;
	padding: 0.5rem;
	color: #212529;
	background-color: #fff;
	border-color: rgba(0,0,0, 0.10);
}

.card.panel > .card-header > .step-number,
.card.panel > .card-header > .card-title,
.card.panel > .card-header > .card-toggle {
	display: table-cell;
	vertical-align: middle;
}

.card.panel > .card-header > .card-title {
	padding-left: 0.5rem;
	font-family: "Roboto Condensed", "Roboto", sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1;
}

.card.panel > .card-header .badge {
	color: #fff;
	background-color: #212529;
}

.card.panel .card-header[data-toggle="collapse"] {
	-ms-touch-action: manipulation;
			touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
		 -moz-user-select: none;
			-ms-user-select: none;
		user-select: none;
}

.card.panel > .card-header > .step-number {
	width: 2rem;
	font-family: "Open Sans", "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 2rem;
	vertical-align: middle;
	text-align: center;
}

.card.panel .card-header > .step-number > .step {
	position: relative;
	text-align: center;
	color: #30bdbc;
	z-index: 1;
}

.card.panel .card-header > .step-number > .step:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1.875rem;
	height: 1.875rem;
	background-color: #fff;
	border: 1px solid rgba(48,189,188, 0.8);
	border-radius: 50%;
	z-index: -1;
}

.card.panel > .card-header > .card-toggle {
	width: 2rem;
	font-size: 1.125rem;
	line-height: 1;
	text-align: center;
}

.card.panel > .card-header > .card-toggle i {
	color: rgba(48,189,188, 0.75);
	-webkit-transition: all 0.15s linear;
					transition: all 0.15s linear;
}

.card.panel .card-header.validated {
	color: #fff;
	background-color: #30bdbc;
	border-color: #339999;
}

.card.panel .card-header.validated > .step-number {
	color: #fff;
}

.card.panel .card-header.validated .card-title {
	color: #fff;
}

.card.panel > .card-header.validated > .card-toggle i {
	color: rgba(255,255,255, 0.67);
}

span#step1Complete, span#step2Complete,
span#step3Complete, span#step4Complete,
span#step5Complete, span#step6Complete,
span#step7Complete, span#step8Complete {
	font-size: 1.5rem;
}

.craft-with-heart .billing-option {
	position: relative;
	width: 100%;
  margin-bottom: 1rem;
	text-align: center;
	background-color: #fff;
	border: 0.125rem solid #4fb8b6;
	border-radius: 0.25rem;
	-webkit-transition:	all 0.15s ease-in-out;
			 -o-transition: all 0.15s ease-in-out;
					transition: all 0.15s ease-in-out;
}

.craft-with-heart .billing-option {
	position: relative;
	display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.craft-with-heart .billing-option > h3 {
	margin: 0;
	padding: 0.25rem 0.5rem;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 1.2;
	color: #fff;
	vertical-align: top;
	background-color: #4fb8b6;
	border-bottom: 0.0625rem solid #4fb8b6;
}

.craft-with-heart .billing-option > h4 {
	padding: 1.25rem;
	margin: 0 0 4rem 0;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 2rem;
	letter-spacing: -0.05em;
	background: #d6efe9 url('//cdn.closetomyheart.com/global/oba/img/products/floral-bg.svg') center top repeat;
	background-size: 400px auto;
}

.craft-with-heart .billing-option > h4 span {
	display: block;
	border: 0.375rem solid #fff;
	height: 8rem;
	width: 8rem;
	margin: 0 auto -9.5rem auto;
	padding-top: 2.375rem;
	background: #fff;
	border-radius: 50%;
		-webkit-box-shadow: 0 0.3125rem 1rem rgba(0,0,0, 0.15) inset, 0 0.125rem 0 #ddd inset;
						box-shadow: 0 0.3125rem 1rem rgba(0,0,0, 0.15) inset, 0 0.125rem 0 #ddd inset;
}

.craft-with-heart .billing-option > h4 sup {
	position: relative;
	top: -1.1em;
	padding-left: 0.125rem;
  font-size: 0.75rem;
  line-height: 0;
  vertical-align: baseline;
	font-weight: 400;
	letter-spacing: 0;
}

.craft-with-heart .billing-option > h4 sup.ds {
	position: relative;
	top: -0.3em;
	padding-left: 0.125rem;
  font-size: 1.25rem;
  line-height: 0;
  vertical-align: baseline;
	font-weight: 700;
	letter-spacing: 0;
}

.craft-with-heart .billing-option > h4 small {
	position: relative;
	top: 3.66em;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 0.875rem;
	letter-spacing: -0.03em;
	color: #30bdbc;
}

.craft-with-heart .billing-option > .details {
	padding: 0 1rem 0.5rem 1rem;
}

.craft-with-heart .billing-option > .details ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.craft-with-heart .billing-option > .details ul li {
	padding: 0.25rem 0;
	font-size: 0.875rem;
	border-bottom: 0.0625rem dotted rgba(48,189,188, 0.5);
}

.craft-with-heart .billing-option > .details ul li h4 {
	margin: 0;
	margin-bottom: 0.25rem;
	font-size: 1.125rem;
	color: #339999;
}

.craft-with-heart .billing-option > .details ul li:last-of-type {
	border-bottom: 0;
}

.craft-with-heart .billing-option:hover,
.craft-with-heart .billing-option:focus {
	background-color: #f8fefd;
	-webkit-box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0,0,0, 0.25);
	box-shadow: 0.0625rem 0.125rem 0.375rem rgba(0,0,0, 0.25);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
	z-index: 103;
	-webkit-transition:	all 0.15s ease-in-out;
			 -o-transition: all 0.15s ease-in-out;
					transition: all 0.15s ease-in-out;
}

.craft-with-heart .billing-option.active {
	background-color: #edf8f7;
	border-color: #339999;
	-webkit-box-shadow: 0 0 0 0.3125rem rgba(102,204,51, 0.2);
	box-shadow: 0 0 0 0.3125rem rgba(102,204,51, 0.2);
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
	z-index: 103;
	-webkit-transition:	all 150ms ease-in-out;
			 -o-transition: all 150ms ease-in-out;
					transition: all 150ms ease-in-out;
}

.craft-with-heart .billing-option.active > h3 {
	background-color: #339999;
	border-bottom: 0.0625rem solid #339999;
}

.craft-with-heart .billing-option.active > h4 {
	color: #339999;
	background-color: rgba(48,189,188, 0.6);
	-webkit-transition:	all 150ms ease-in-out;
			 -o-transition: all 150ms ease-in-out;
					transition: all 150ms ease-in-out;
}

.craft-with-heart .billing-option.active > h4 span {
	border-color: rgba(48,189,188, 0.6);
	-webkit-transition:	all 150ms ease-in-out;
			 -o-transition: all 150ms ease-in-out;
					transition: all 150ms ease-in-out;
}

/* ++++++++++++++++++++++++++++++ */
/* +++ vertical ribbon styles +++ */
/* ++++++++++++++++++++++++++++++ */
.craft-with-heart .billing-option .vribbon {
	position: absolute;
	right: 6%;
	top: 2.3125rem;
	width: 56px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
  color: #fff;
  background-color: #f37976;
  /* btm border fixes some quirkiness */
  border-bottom: 0.01em solid #f37976;
}

.craft-with-heart .billing-option .vribbon:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.625rem;
	height: 0;
	border: 1.75rem solid rgba(0,0,0,0);
	border-top: 0;
	border-right: 1.75rem solid #f37976;
	border-left: 1.75rem solid #f37976;
	border-bottom-width: 0.625rem;
}
/* +++ /END vertical ribbon styles +++ */

/* ++++++++++ Bootstrap Accordion Styles ++++++++++ */
/* === (redeclaring fixes presentation issues) ===  */
.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}
/* ++++++++ /END Bootstrap Accordion Styles ++++++++ */

.accordion.craft-with-heart .card.panel,
.accordion.craft-with-heart .card.panel .card-header,
.accordion.acc-enroll .card.panel, 
.accordion.acc-enroll .card.panel .card-header {
	border-color: rgba(48,189,188, 0.2);
}

.acc-enroll h3, .acc-enroll h3.card-title {
	font-family: "Roboto Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 300;
	font-size: 1.5rem;
  color: #32abab;
}

.card.panel.run-total .btn-info {
	color: #fff;
}

.craft-with-heart .account-card.card-new .add-new,
.acc-enroll .account-card.card-new .add-new {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.dl-subscribe {
	width: 100%;
	margin-top: 1.25rem;
	margin-bottom: 0.625rem;
	background-color: #fff;
}

.dl-subscribe dt,
.dl-subscribe dd {
	padding: 0.25rem 0.5rem;
}

.dl-subscribe > div.total dd {
	font-weight: bold;
}

@media (min-width: 768px) {
	.dl-subscribe {
		display: table;
	}
	.dl-subscribe > div {
		display: table-cell;
		vertical-align: top;
	}
	.dl-subscribe > div.total {
		text-align: right;
	}
	.dl-subscribe dt { clear: both; padding-top: 0.25rem; line-height: 1; background-color: #f6f6f6; border-bottom: 0.125rem solid #ddd; }
	.dl-subscribe dd { border-bottom: 1px dotted #eee; }
}

@media (max-width: 767.98px) {
	.dl-subscribe > div {
		display: block;
		width: 100%;
		vertical-align: top;
		border-bottom: 0.0625rem dotted #eee;
		overflow: hidden;
	}
	.dl-subscribe > div:nth-last-child(2),
	.dl-subscribe > div:last-child {
		border-bottom: 0;
	}
	.dl-subscribe dt {
		float: left;
		width: 50%;
		border: 0;
	}
	.dl-subscribe dd {
		margin-left: 50%;
		text-align: right;
	}
	.dl-subscribe > div.total {
		border-top: 0.0625rem solid #ddd;
	}
}

.dl-subscr-summary {
	width: 100%;
	margin-bottom: 1.5rem;
	background-color: #fff;
}

.dl-subscr-summary > div {
	padding-top: 0.5rem;
	padding-bottom: 0.25rem;
	background: none;
	border-bottom: 1px dotted #ddd;
}

.dl-subscr-summary dt > span,
.dl-subscr-summary dd > span {
	background-color: #fff;
}

@media (min-width: 576px) {
	.dl-subscr-summary > div {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADAQMAAACKz+y4AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAWWQkJGgAAAAMSURBVAjXY5jAAAQAAtYAkWR7FWYAAAAASUVORK5CYII='); /* PNG leader */
		background-repeat: repeat-x;
		background-position: bottom 1rem right 0;
		border: none;
	}
	.dl-subscr-summary dt {
		float: left;
		width: 30%;
	}
	.dl-subscr-summary dd {
		margin-left: 30%;
		text-align: right;
	}
	.dl-subscr-summary dt > span {
		padding-right: 0.375rem;
		background-color: #fff;
	}
	.dl-subscr-summary dd > span {
		padding-left: 0.375rem;
		background-color: #fff;
	}
}

.craft-with-heart h2 > span.today {
	padding-left: 1rem;
	font-size: 1.125rem;
	color: #6c757d;
	white-space: nowrap;
}

.back-link {
	font-weight: 600;
}

.back-link:before {
	padding-right: 0.1875rem;
	font-family: "Font Awesome 5 Pro";
	font-size: inherit;
	font-weight: 400;
	content: "\f100";
	vertical-align: baseline;
}

.craft-with-heart .starting-option {
	width: 100%;
	cursor: pointer;
	padding: 1rem 0.5rem;
	text-align: center;
	border: 0.125rem solid #ddd;
	border-radius: 0.25rem;
}

.craft-with-heart .starting-option > h4 {
	font-family: "Roboto Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.craft-with-heart .starting-option > h4,
.craft-with-heart .starting-option p {
	margin-bottom: 0;
}

.craft-with-heart .starting-option:hover,
.craft-with-heart .starting-option:focus {
	background-color: #f8fefd;
	border: 0.125rem solid rgba(48,189,188, 0.75);
}

.craft-with-heart .starting-option.active {
	background-color: #f8fefd;
	border: 2px solid rgba(48,189,188, 0.75);
	-webkit-box-shadow: 0 0 0 0.3125rem rgba(102,204,51, 0.2);
					box-shadow: 0 0 0 0.3125rem rgba(102,204,51, 0.2);
}

.craft-with-heart .starting-option.active > h4 {
	color: #339999;
}

.craft-with-heart .shipping-option {
	cursor: pointer;
	margin-bottom: 1rem;
	padding: 0.5rem;
	text-align: center;
	vertical-align: top;
	border: 0.125rem solid #ddd;
	border-radius: 0.25rem;
}

.craft-with-heart .shipping-option:hover,
.craft-with-heart .shipping-option:focus {
	background-color: #f8fefd;
}

.craft-with-heart .shipping-option.active {
	background-color: #f8fefd;
	border: 2px solid rgba(48,189,188, 0.75);
	-webkit-box-shadow: 0 0 0 0.3125rem rgba(102,204,51, 0.2);
					box-shadow: 0 0 0 0.3125rem rgba(102,204,51, 0.2);
}

.craft-with-heart .run-total h2,
.acc-enroll .run-total h2 {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	line-height: 1;
	color: #30bdbc;
}

.craft-with-heart .kit-qty-wrap {
	width: 100%;
	padding: 1rem 0.5rem;
	background-color: #f8f8f8;
	border-radius: 0.375rem;
	-webkit-box-shadow: inset 0 0.0625rem 0.0625rem rgba(0,0,0, 0.05);
		box-shadow: inset 0 0.0625rem 0.0625rem rgba(0,0,0, 0.05);
}

.craft-with-heart .kit-qty {
	display: inline-block;
	text-align: center;
}

.craft-with-heart .num-count,
.acc-enroll .num-count {
	max-width: 7.25rem;
	margin-right: auto;
	margin-left: auto;
}

.craft-with-heart .num-count .form-control { text-align: center; }

.craft-with-heart .summary-box,
.acc-enroll .summary-box {
	width: 100%;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	text-align: center;
}

.craft-with-heart .summary-box > h3,
.craft-with-heart .summary-box > p,
.acc-enroll .summary-box > h3,
.acc-enroll .summary-box > p {
	font-weight: 400;
	text-align: center;
}

.craft-with-heart .summary-box > h3,
.acc-enroll .summary-box > h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.125rem;
}

.craft-with-heart .summary-box > p,
.acc-enroll .summary-box > p {
	margin-bottom: 0;
	font-size: 1.125rem;
}

@media (max-width: 767.98px) {
	.craft-with-heart h2 > span.today,
	.acc-enroll h2 > span.today {
		padding-left: 0;
	}
	.craft-with-heart .summary-box > h3 {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 1rem;
	}
	.craft-with-heart .summary-box > p {
		margin-bottom: 0;
		font-size: 1rem;
	}
}

/* ++++++++++++++++++++++++++++++++++++++ */
/* +++ Subscription Complete styles +++++ */
/* ++++++++++++++++++++++++++++++++++++++ */
.sub-activated .summary-text {
	width: 100%;
	margin-bottom: 1rem;
	padding: 1rem;
	text-align: center;
	background-color: #f9f9f9;
	border-radius: 0.375rem;
}

.sub-activated .summary-text h4 {
	margin: 0 0 0.25rem 0;
	font-weight: 600;
}

.sub-activated .summary-text h4 + h4 {
	margin-bottom: 0.125rem;
	font-weight: 600;
}

.sub-activated .summary-text p:first-child,
.sub-activated .summary-text p:last-child {
	margin-bottom: 0;
}


/* +++++ Checkout Styles +++++ */
/* +++++ added styles for Craft With Heart +++++ */
.craft-with-heart .checkout-consultant-connection.checkout-consultant-connection-interactive {
 margin-bottom: 1.25rem;
}

.craft-with-heart .checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option.active:hover,
.craft-with-heart .checkout-consultant-connection.checkout-consultant-connection-interactive .checkout-consultant-connection-option.active:focus {
	background-color: #30bdbc;
	color: #fff;
}

.craft-with-heart .checkout-consultant-connection .checkout-consultant-connection-option.active {
	background-color: #30bdbc;
	color: #fff;
}

/* ===================================================== */
/* ++++++++++++ manage subscriptions styles ++++++++++++ */
.dl-subscr-card {
	width: 100%;
	margin: 0;
	background-color: #fff;
}

.dl-subscr-card dt {
	font-weight: 600;
}

.dl-subscr-card > div {
	padding-top: 0.375rem;
	padding-bottom: 0;
	background: none;
	border-bottom: 1px dotted #ddd;
}

.dl-subscr-card > div:first-child {
	border-top: 1px dotted #ddd;
}

.dl-subscr-card dt > span,
.dl-subscr-card dd > span {
	background-color: #fff;
}

.account-card.card-saved,
.account-card.card-saved .dl-subscr-card,
.account-card.card-saved .dl-subscr-card dt > span,
.account-card.card-saved .dl-subscr-card dd > span {
	background-color: #f6fcf2;
}

.account-card.payment-failed,
.account-card.payment-failed .dl-subscr-card,
.account-card.payment-failed .dl-subscr-card dt > span,
.account-card.payment-failed .dl-subscr-card dd > span {
	background-color: #ffece1;
}

.account-card.payment-failed {
	color: #c92525;
	border: 1px solid #ffcabd;
}

.account-card.payment-failed h3 {
	color: #c92525;
}

@media (min-width: 768px) {
	.dl-subscr-card > div {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADAQMAAACKz+y4AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAWWQkJGgAAAAMSURBVAjXY5jAAAQAAtYAkWR7FWYAAAAASUVORK5CYII='); /* PNG leader */
		background-repeat: repeat-x;
		background-position: bottom 4px right 0;
		border: 0;
	}
	.dl-subscr-card > div:first-child {
		border-top: 0;
	}
	.dl-subscr-card dt {
		float: left;
		width: 12rem;
		overflow: hidden;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.dl-subscr-card dd {
		margin-left: 12rem;
		text-align: right;
	}
	.dl-subscr-card dt > span {
		padding-right: 0.375rem;
	}
	.dl-subscr-card dd > span {
		padding-left: 0.375rem;
	}
}

.tsh { margin-left: 1.25%; }

.accordion > .accordion-list {
	overflow: hidden;
}

.accordion-list {
	margin: 0;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.45;
	color: #212529;
}

ul.accordion-list,
ol.accordion-list {
	padding-left: 0;
  list-style: none;
}

ol.accordion-list .accordion-item {
	position: relative;
}

ol.accordion-list {
	counter-reset: h4;
}

ol.accordion-list div.accordion-itemTitleWrap:before {
	position: absolute;
	left: 0;
	width: 2rem;
	text-align: right !important;
	color: rgba(33,37,41, 0.67);
	counter-increment: h4;
	content: counter(h4) ".\00a0";
}

.accordion-list > li {
	margin: 0;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-size: 1rem;
	border-top: 1px solid #eee;
}

.accordion-list > li:last-of-type {
	border-bottom: 1px solid rgba(0,0,0, 0.10);
}

.accordion-list li p {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

ul.accordion-list li.accordion-item li,
ol.accordion-list li.accordion-item li {
	margin-bottom: 0.5rem;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

ul.accordion-list li.accordion-item li:last-of-type,
ol.accordion-list li.accordion-item li:last-of-type {
	margin-bottom: 0;
}

ul.accordion-list li.accordion-item ul,
ul.accordion-list li.accordion-item ol,
ol.accordion-list li.accordion-item ul,
ol.accordion-list li.accordion-item ol {
	margin-bottom: 1rem;
}

ul.accordion-list li.accordion-item ul,
ol.accordion-list li.accordion-item ul {
	list-style-type: disc;
}

ul.accordion-list li.accordion-item ul ul,
ol.accordion-list li.accordion-item ul ul {
	list-style-type: circle;
}

.accordion-list .accordion-itemTitleWrap[data-toggle="collapse"] {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
		 -moz-user-select: none;
			-ms-user-select: none;
		user-select: none;
}

.accordion-list .accordion-itemTitleWrap {
	width: 100%;
	display: table;
	margin: 0;
	color: #212529;
	background-color: #fff;
}

.accordion-itemTitleWrap h4,
.accordion-itemTitleWrap .item-toggle {
	display: table-cell;
	vertical-align: top;
}

.accordion-itemTitleWrap h4 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-left: 2rem;
	font-weight: 600;
	font-size: 1.125rem;
	color: #212529;
}

.accordion-itemTitleWrap > .item-toggle {
	width: 2rem;
	padding-top: 0.25rem;
	font-size: 0.875rem;
	line-height: 1;
	vertical-align: baseline;
	text-align: center;
	color: rgba(33,37,41, 0.67);
}

.accordion-list .item-toggle i {
	-webkit-transition: all 0.15s linear;
					transition: all 0.15s linear;
}

.accordion-list .accordion-itemContent {
	padding-right: 2rem;
	padding-left: 2rem;
}

.accordion-list .accordion-itemContent p:first-of-type {
	margin-top: 0.5rem;
}

.accordion-list .accordion-itemContent p:last-of-type {
	margin-bottom: 0;
}

.fa-rotate-135 {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/* +++++ Affiliate Link Styles +++++ */
.share-wrapper {
	display: inline-block;
	position: relative;
	width: 2rem;
	height: 2rem;
	margin-bottom: 1rem;
	text-align: center;
	background-color: rgba(255,79,69, 0.85);
	border-radius: 50%;
}

.share-wrapper:hover,
.share-wrapper:focus {
	background-color: rgba(255,79,69, 0.5);
	transition: all 0.15s linear;
}

.share-wrapper:active {
	background-color: rgba(255,79,69, 0.5);
}

#btnAffiliateLink {
	font-size: 1.25rem;
	line-height: 2rem;
	vertical-align: middle;
}

#btnAffiliateLink i {
	color: rgba(255,255,255, 0.9);
}

/* ++++++++++ Affiliate reports Styles ++++++++++ */
.aff-report {
	margin-bottom: 0;
}

.table-sm.aff-report th,
.table-sm.aff-report td {
	padding: 0.5rem;
}

.aff-report > thead > tr > th {
	font-family: "Roboto Condensed", "Roboto", sans-serif;
	font-weight: 700;
	border-top: 0;
}

.table-sm.table-striped.aff-report tbody tr:nth-of-type(odd) {
	background-color: #f8f8f8;
}

.aff-report > tbody.row-numbers {
	counter-reset: rowNumber;
}

.aff-report > tbody.row-numbers tr {
	counter-increment: rowNumber;
}

.aff-report > tbody.row-numbers tr td:first-child::before {
	font-weight: 300;
	content: counter(rowNumber) "\002e\00a0";
}

.aff-report td.link-code {
	white-space: nowrap;
	max-width: 9rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.aff-report td.date-created {
	white-space: nowrap;
}

.aff-report td.visit-count,
.aff-report td.order-count {
	text-align: center;
}

.aff-report td.comm-earned {
	text-align: right;
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.aff-report td.link-code {
		max-width: 13.75rem;
	}
}

@media (max-width: 767.98px) {
	.table-sm.table-striped.aff-report tbody tr:nth-of-type(odd) {
		background-color: #fff;
	}
	.table-sm.table-striped.aff-report tbody tr:nth-of-type(even) {
		background-color: #f8f8f8;
	}
	/* Force table to behave differently */
	.aff-report, .aff-report thead, .aff-report tbody,
	.aff-report th, .aff-report td, .aff-report tr {
		display: block;
		border: 0;
	}
	.aff-report #tbNoDataMonthly,
	.aff-report #tbNoDataLink {
		border: 0;
	}
	/* Hide table headers (but not "display: none" for accessibility) */
	.aff-report thead,
	.aff-report thead tr {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0,0,0, 0);
		border: none;
	}
	/* each row is a card */
	.aff-report tbody tr {
		border-bottom: 1px solid #ddd;
	}
	.table.table-sm.aff-report tbody > tr > td {
		border: none;
		border-bottom: 1px solid rgba(0,0,0, 0.08);
	}
	.table.table-sm.aff-report tbody > tr > td:last-child {
		border: none;
	}
	.aff-report td.link-code {
		white-space: normal;
		max-width: 100%;
	}
	.aff-report td.comm-period {
		text-align: right;
	}
	.aff-report td.date-created {
		text-align: right;
	}
	.aff-report td.date-created, .aff-report td.visit-count,
	.aff-report td.order-count, .aff-report td.comm-earned {
		position: relative;
		padding-left: 50%;
		text-align: right;
	}
	.aff-report td.date-created:before,
	.aff-report td.visit-count:before,
	.aff-report td.order-count:before,
	.aff-report td.comm-earned:before {
		position: absolute;
		top: 0.5rem;
		left: 0.5rem;
		width: 45%;
		padding-right: 0.375rem;
		content: attr(data-title);
		white-space: nowrap;
		text-align: left;
	}
}


/* +++ Gathering Box +++ */
.dl-gathering-hdr {
	display: none;
}

.dl-gathering-hdr,
.dl-gathering-list {
	width: 100%;
	margin: 0;
	background-color: #fff;
}

.dl-gathering-list > div {
	padding: 0.5rem;
	border-bottom: 1px solid rgba(0,0,0, 0.10);
}

.dl-gathering-list > div:last-of-type {
	border-bottom: 0;
}

.dl-gathering-hdr dt,
.dl-gathering-hdr dd,
.dl-gathering-list dt,
.dl-gathering-list dd {
	padding: 0.25rem;
}

.dl-gathering-list dd.join {
	padding: 0 0.25rem;
}

.listing-scroll {
	max-height: 18.5rem;
	overflow: auto;
}

@media (min-width: 768px) {
	.dl-gathering-hdr {
		display: block;
		background-color: rgba(0,0,0, 0.03);
	}
	.dl-gathering-hdr > div,
	.dl-gathering-list > div {
		width: 100%;
		display: table;
		padding: 0;
	}
	.dl-gathering-hdr dt,
	.dl-gathering-hdr dd {
		font-weight: bold;
	}
	.dl-gathering-hdr dt,
	.dl-gathering-hdr dd,
	.dl-gathering-list dt,
	.dl-gathering-list dd {
		display: table-cell;
		padding: 1rem 0.5rem;
		vertical-align: top;
		line-height: 1;
	}
	.dl-gathering-hdr dt,
	.dl-gathering-list dt {
		width: 50%;
	}
	.dl-gathering-hdr dd,
	.dl-gathering-list dd {
		width: 25%;
	}
	.dl-gathering-list dd.join {
		padding: 0.5rem 0.5rem;
		text-align: right;
	}
	.listing-scroll {
		max-height: 12.5rem;
		overflow: auto;
	}
}

.card-login {
	border-color: #ddeffa;
}

.card-login .card-header {
	background-color: #f5fafe;
	border-color: #ddeffa;
}

.card-login .nav-tabs {
  border-bottom: 1px solid #f5fafe;
}

.card-login .nav-tabs .nav-item {
  margin-bottom: -1px;
}

.card-login .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card-login .nav-tabs .nav-link:hover,
.card-login .nav-tabs .nav-link:focus {
  border-color: #ddeffa #ddeffa #ddeffa;
}

.card-login .nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.card-login .nav-tabs .nav-link.active,
.card-login .nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #ddeffa #ddeffa #fff;
}

.card-login .card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

/* +++ tabs behave as pills at mobile size(s) +++ */
@media (max-width: 575.98px) {
	.card-login .card-header-tabs {
	  margin-right: -0.625rem;
	  margin-bottom: 0;
  	margin-left: -0.625rem;
	}
	.card-login .nav-tabs .nav-item {
		width: 100%;
	}
	.card-login .nav-tabs .nav-link {
		margin: 0.25rem;
		text-align: center;
		background-color: #fff;
		border-color: rgba(0,123,255, 0.3);
		border-bottom-right-radius: 0.25rem;
		border-bottom-left-radius: 0.25rem;
	}
	.card-login .nav-tabs .nav-link:hover,
	.card-login .nav-tabs .nav-link:focus {
		border-color: #007bff;
	}
	.card-login .nav-tabs .nav-link.active,
	.card-login .nav-tabs .nav-item.show .nav-link {
	  color: #fff;
  	background-color: #007bff;
	  border-color: #007bff;
	}
}

/* +++ Form styles affecting all basic forms, +++ */
/* +++   placed here to correctly cascade     +++ */
label { font-weight: 600; }

.form-check > label,
.custom-checkbox > label {
	font-weight: 400;
}

/* +++++ shorthand for hiding/display +++++ */
/* +++++ of images, etc. at breakpts. +++++ */
@media (max-width: 575.98px) {
	.desktop { display: none; }
}

@media (min-width: 576px) {
	.mobile { display: none; }
}

/* +++ Consultant Compensation Table +++ */
.table-compensation {
	font-family: "Roboto Condensed", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
}

.table-compensation > thead th {
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #33cc66;
	border-color: rgba(51,153,102, 0.5);
}

.table-compensation td {
	text-align: center;
	vertical-align: middle;
	border-color: rgba(0,153,51, 0.15);
}

.table-compensation > tbody > tr:nth-of-type(even) {
  background-color: #ecfaf1;
}

/* +++ Hostess Rewards Table +++ */
.table-rewards > thead th {
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #33cc66;
	border-color: rgba(0,153,51, 0.15);
}

.table-rewards th,
.table-rewards td {
	text-align: center;
	vertical-align: middle;
	border-color: rgba(0,153,51, 0.15);
}

.table-rewards > tbody th {
	color: #fff;
	background-color: #33cc66;
}

.table-rewards > tbody th {
	color: #fff;
	background-color: #33cc66;
}

.table-rewards > tbody > tr:nth-of-type(even) {
  background-color: #ecfaf1;
}

/* ++++++++++ Online Idea Book ++++++++++ */
.page-turner ul.nav-pills li.nav-item {
	padding: 0.25rem;
}

.page-turner ul.nav-pills li.nav-item > a.nav-link {
	background-color: #f6f6f6;
}

.popover {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.popover-header {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
}

.tooltip-link {
	color: inherit;
}

.craft-with-heart .input-group-text > i[class*="fa"],
.acc-enroll .input-group-text > i[class*="fa"],
.craft-with-heart .tooltip-link,
.acc-enroll .tooltip-link,
.craft-with-heart .tooltip-link > i[class*="fa"],
.acc-enroll .tooltip-link > i[class*="fa"] {
	color: #495057;
}

.craft-with-heart .input-group-text > i[class*="visa"], 
.craft-with-heart .input-group-text > i[class*="mastercard"],
.craft-with-heart.input-group-text > i[class*="discover"],
.craft-with-heart .input-group-text > i[class*="jcb"],
.acc-enroll .input-group-text > i[class*="visa"], 
.acc-enroll .input-group-text > i[class*="mastercard"],
.acc-enroll .input-group-text > i[class*="discover"],
.acc-enroll .input-group-text > i[class*="jcb"] {
	color: #30bdbc;
}

/* ============================================================= */
/* ++++++++++ Custom Cardstock Color Selection Styles ++++++++++ */
/* ============================================================= */
ul.list-custom-colors {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list-custom-colors li {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0 0.25rem 0.25rem 0;
	padding: 0;
	border: 0.125rem solid transparent;
	border-radius: 0.125rem;
}

ul.list-custom-colors li[data-original-title*="White"] {
	border: 1px solid rgba(0,0,0, 0.10);
	border-radius: 0.175rem;
}

ul.list-custom-colors li:hover,
ul.list-custom-colors li:focus {
	border: 0.125rem solid #9cccff;
	-webkit-box-shadow: 0.0625rem 0.0625rem 0.125rem rgba(0,0,0, 0.15);
					box-shadow: 0.0625rem 0.0625rem 0.125rem rgba(0,0,0, 0.15);
	 -webkit-transform: scale(1.25);
			-moz-transform: scale(1.25);
				-o-transform: scale(1.25);
  transform: scale(1.25);
  -webkit-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	z-index: 103;
}

ul.list-custom-colors.selection li,
ul.list-custom-colors.selection li[data-original-title*="White"] {
	background-color: #f4f4f4;
	border-color: rgba(0,123,255, 0.25);
	border-width: 0.125rem;
	border-radius: 0.125rem;
	-webkit-transition: border-color 150ms ease-in-out;
					transition: border-color 150ms ease-in-out;
}

ul.list-custom-colors.selection li:hover,
ul.list-custom-colors.selection li:focus {
	border-color: rgba(0,123,255, 0.5);
	-webkit-box-shadow: none;
					box-shadow: none;
	 -webkit-transform: none;
			-moz-transform: none;
  			-o-transform: none;
 					 transform: none;
}

ul.list-custom-colors a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	text-decoration: none;
}

/* +++ display delete icon on hover/focus +++ */
ul.list-custom-colors.selection li > a:hover:after,
ul.list-custom-colors.selection li > a:focus:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "\f00d";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	color: rgba(255,255,255, 0.8);
}

ul.list-custom-colors.selection li[data-original-title*="White"] > a:hover:after,
ul.list-custom-colors.selection li[data-original-title*="White"] > a:focus:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "\f00d";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	color: rgba(0,0,0, 0.15);
}

/* +++ when no color selection has been made, +++ */
/* +++  display a question mark as indicator  +++ */
ul.list-custom-colors.selection li.no-selection a:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "\f128";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: rgba(0,0,0, 0.12);
}

ul.list-custom-colors.selection li.no-selection > a:hover:after,
ul.list-custom-colors.selection li.no-selection > a:focus:after {
	content: "\f128";
	font-weight: 900;
	color: rgba(0,0,0, 0.12);
}

/* +++++ Background Override Styles +++++ */
.bg-success {
  background-color: #33cc66 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1ab34d !important;
}

.bg-info {
  background-color: #30bdbc !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #23a3ab !important;
}

.bg-warning {
  background-color: #ff9933 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #fc7c14 !important;
}

.bg-danger {
  background-color: #ff4f45 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #f00d00 !important;
}


/* +++++ Custom Background Styles +++++ */
.bg-primary-tint {
  background-color: #e8f3ff !important;
}

/* +++++ CTMH Colors +++++ */
.text-bluebird { color: #0081c0 !important; }
.text-carolina { color: #83c5ec !important; }
.text-lagoon { color: #30bdbc !important; }
.text-lemon { color: #ffd74e !important; }
.text-nectarine { color: #f89c59 !important; }
.text-pixie { color: #f59ead !important; }
.text-raspberry { color: #ef456d !important; }
.text-smoothie { color: #f37976 !important; }
.text-sweetleaf { color: #bdce83 !important; }

.bg-bluebird { background-color: #0081c0; }
.bg-carolina { background-color: #83c5ec; }
.bg-lagoon { background-color: #30bdbc; }
.bg-lemon { background-color: #ffd74e; }
.bg-nectarine { background-color: #f89c59; }
.bg-pixie { background-color: #f59ead; }
.bg-raspberry { background-color: #ef456d; }
.bg-smoothie { background-color: #f37976; }
.bg-sweetleaf { background-color: #bdce83; }

/* +++++ utility/ref for tints +++++ */
.bg-bluebird-tint { background-color: #e0f0f7 !important; } /* 12% -- rgba(0,129,192, 0.12) */
.bg-carolina-tint { background-color: #edf6fc !important; } /* 15% --rgba(131,197,236, 0.15)*/
.bg-lagoon-tint { background-color: #e6f7f7 !important; } /* 12% -- rgba(48,189,188, 0.12)*/
.bg-lemon-tint { background-color: #fff9e5 !important; } /* 15% -- rgba(255,215,78, 0.15)*/
.bg-nectarine-tint { background-color: #fef0e6 !important; } /* 15% -- rgba(248,156,89, 0.15) */
.bg-pixie-tint { background-color: #fef1f3 !important; } /* 15% -- rgba(245,158,173, 0.15)*/
.bg-raspberry-tint { background-color: #fde8ed !important; } /* 12% -- rgba(218,69,110, 0.12) */
.bg-smoothie-tint { background-color: #fdebeb !important; } /* 15% -- rgba(243,121,118, 0.15) */
.bg-sweetleaf-tint { background-color: #f5f8ed !important; } /* 15% -- rgba(189,206,131, 0.15) */

.bg-pale { background-color: #f8f8f8; }

.bg-pale-blue {
	background-color: #f5fafe !important;
}

.border-pale-blue {
	border-top: 1px solid rgba(38,143,255, 0.15);
	border-bottom: 1px solid rgba(38,143,255, 0.15);
}

/* +++ Hide HTML source for Country Select widget +++ */
#changeFlag.hide {
	display: none;
}


/* +++ Privacy Policy styles +++ */
section.privacy h3,
section.privacy h4 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

section.privacy h3 {
	font-size: 1.33rem;
	font-weight: 600;
	color: #0081c0;
}

section.privacy h4 {
	font-size: 1rem;
	font-weight: 700;
	color: #0081c0;
}

/* ==================================== */
/* === The following works to fix a === */
/* ===  weird bug in MSIE ~9 & 10+  === */
img[src*=".svg"] {
	border: none;
}

/* =============================== */
/* === nav and .card styles to === */
/* === fix MSIE flex weirdness === */
/* ===  target IE 8, 9 and 10  === */
@media screen\0 {
	.nav-ms {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-negative: 1;
		flex-shrink: 1;
  }
	.card { display: block; }
}

/* === target IE Edge 12+ === */
@supports (-ms-accelerator:true) {
	.nav-ms {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-negative: 1;
		flex-shrink: 1;
	}
	.card { display: block; }
}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	border: none;
	font-family: "Font Awesome 5 Pro";
	font-size: 2rem;
	line-height: 1;
	text-indent: 0;
	vertical-align: top;
	text-decoration: none;
	color: #999;
	opacity: 0.7;
	filter:alpha(opacity=80);
	z-index: 1045;
}

#toTopHover {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
	border: none;
	font-family: "Font Awesome 5 Pro";
	font-size: 2rem;
	line-height: 1;
	text-indent: 0;
	vertical-align: top;
	text-decoration: none;
	color: #ccc;
	opacity: 0;
	filter:alpha(opacity=0);
	z-index: 1046;
}

#toTop:active, #toTop:focus {
	outline: none;
}