/* START FONTS */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');



body {
	font-family: 'Poppins', sans-serif !important;
}

#header-wrap .customSelect .styledSelect {
  font-weight: 600 !important;
}

.dashboards-3627-page #main, .dashboards-tiers-page #main {
  background-color: #F2F4F7 !important;
}

.dashboards-3627-page .promotion-card {
  border: 1px solid #fff !important;
}

.tier-card {
  border: 1px solid #fff !important;
}

.tier-card .tier-image {
  height: 150px !important;
}

.tier-card.active-tier {
  border: 4px solid var(--duet-color-primary) !important;
}

.tier-card .my-tier {
  background-color: var(--duet-color-primary) !important;
}

.tier-widget-container .tier-score {
  color: var(--duet-color-primary) !important;
}

.tier-widget-container {
  font-family: 'Poppins', sans-serif !important;
  box-shadow: none !important;
  padding: 0px !important;
  margin-top: 50px !important;
  background-color: transparent !important;
}

.tier-widget-container .text-lg-heading {
  color: #101828 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 30px !important;
  margin-bottom: 15px !important;
}

.my-promotions-list-inner .heading-wrapper p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.dashboards-3627-page .my-promotions-list-inner h2.widget-header {
  margin-bottom: 15px !important;
  color: #101828 !important;
}

.dashboards-3729-page .well-shadow, .dashboards-3725-page .well-shadow, .dashboards-0-page .well-shadow {
  padding: 22px;
  border: 1px solid #ffffff !important;
  background: #ffffff;
}

.my-promotions-list-container.is-desktop .my-promotions-list-inner {
    padding: 40px 0 !important;
  }

.my-promotions-list-container.is-desktop .promotion-card.promotion-fullwidth .promotion-image {
    max-width: 277px;
    width: auto;
    height: auto !important;
  }

[data-widget-id="41423"] .my-promotions-list-inner h2.widget-header {
  margin: 0 !important;
}

[data-widget-id="41423"] .my-promotions-list-inner .heading-wrapper {
  margin-bottom: 10px !important;
}

.my-promotions-list-inner .view-all-btn {
  border: 1px solid #fff !important;
}

.earnings-carousel .slide-amount {
  color: #111 !important;
  font-size: 30px !important;
  font-weight: 600 !important;
}

h1,
h2,
h3,
h4,
h5 {
	/* styles can be placed here to control heading text */
}

/* END FONTS */

/* START MAIN CONTAINER */

.container {
	width: 90%;
}

@media (min-width: 992px) {
	.container {
		width: 90%;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 90%;
	}
}

@media (max-width: 768px) {
	.container {
		width: 90%;
	}
}

/* END MAIN CONTAINER */

/* START LOGIN PAGE */

	.signIn-page {
		background-color: #f0f2f4;
	}

	#loginbox {
		width: 325px;
		position: absolute;
		left: 0;
		right: 0;
		top: 10%;
		padding: 30px;
		background: #fff;
		border-radius: 20px;
		margin: 80px auto;
		box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);
	}

	#loginbox #main-title {
		font-size: 22px;
		margin-bottom: 30px;
		margin-top: 0;
	}

	#btn-login {
		display: block;
		width: 100%;
		margin-top: 30px;
		padding: 14px !important;
	}

	.signIn-page #main {
		min-height: 700px;
	}

	.sign-in .timg .image {
		display: none;
	}

	.timg .caption-in-image {
		padding: 20px;
	}

/* END LOGIN PAGE */

/* START STOREFRONT */

.reflektion-search-container {
  margin-right: 0 !important;
}

@media only screen and (min-width: 768px) {
.slick-navigation-btns button {
  height: 40px !important;
  width: 40px !important;
}

.slick-navigation-btns button span {
  font-size: 18px !important;
}
}

.pdp-products-slider .slick-dots-custom {
  margin: 20px 0 !important;
}

.slick-navigation-btns button {
  background: #fff !important;
  -webkit-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.8) !important;
  box-shadow: 0px 2px 15px -10px rgba(0,0,0,0.8) !important;
}

.slick-navigation-btns button .fa-chevron-right {
  padding-left: 3px !important;
}

.slick-navigation-btns button .fa-chevron-left {
  padding-right: 3px !important;
}

.pdp-products-slider .slick-dots-custom li:not([data-custom="true"]).slick-active {
  background-color: #333 !important;
}

.pdp-products-slider .slick-dots-custom li:not([data-custom="true"]) {
  background-color: #dde1e5 !important;
}

.slick-navigation-btns button span {
  color: #333 !important;
  font-weight: 500 !important;
}
	
	.carousel {
  		width: 100%;
	}

	.breadcrumb {
		border-bottom: 1px solid #333 !important;
		padding: 30px 0 25px 0 !important;
	}

	.facetSide.menu h3 {
		font-weight: 700;
		font-size: 14px;
	}

	.facetSide hr {
		border-top-color: #333;
	}

	#desktop_breadcrumb a,
	#desktop_breadcrumb li,
	#desktop_breadcrumb span {
		font-size: 14px;
		font-weight: 500;
	}

	#desktop_breadcrumb span {
		font-size: 14px;
	}

	.breadcrumb li span:first-child::before {
		padding: 0 2px 0 8px;
		color: #333;
	}

	.desktopSortContainer {
		color: #333;
	}

	.mall-facet .mall-pages {
		background-color: #f0f2f4;
	}

        .rewardsDetail-page .form-control {
                 padding: 6px 12px 6px 44px !important;
        }

	.dashboards-widget .rewards-for-you .product-box {
		border: 5px solid #f0f3fa;
	}

	.copy-link {
		padding-top: 30px;
	}

	.rangeSearch_container .fa-chevron-right.range {
		font-size: 12px;
		position: absolute;
		top: 10px;
		left: 16px;
	}

	.facetSide.menu .fa-stack-2x {
		font-size: 30px;
	}

	.fa-stack-1x,
	.fa-stack-2x {
		left: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		top: 4px;
	}

	.rangeSearch_container .input-group-btn .btn {
		padding: 0;
		width: 40px;
		height: 40px;
		margin: 0 !important;
	}

	.carousel-nav .carousel button:not(.stop-play-slider),
	.container.banners button:not(.stop-play-slider) {
		background: none;
	}

	.carousel {
		width: 100% !important;
	}

	.mobile-icon-container {
		background-color: #fff !important;
	}

	.mobileback {
		display: none;
	}

	.pagination li a,
	.pagination li span {
		border: 1px solid transparent;
		border-radius: 100px;
	}

	.pagination li:first-child a,
	.pagination li:first-child span {
		margin-left: 0;
		border-bottom-left-radius: 100px;
		border-top-left-radius: 100px;
	}

	.pagination-sm li:last-child a,
	.pagination-sm li:last-child span {
		border-bottom-right-radius: 100px;
		border-top-right-radius: 100px;
	}

	.pagination-sm li a,
	.pagination-sm li span {
		font-size: 14px;
	}

	.pagination li a:hover {
		background-color: #fff;
		border: 1px solid #333;
	}

	.pagination li span:hover {
		background-color: none;
		border: 1px solid transparent;
	}

	#reward-gallery .well {
		border-right: none;
	}

	.rewards-for-you .product-box .our-price {
		font-size: 18px;
	}

	.rewards-for-you {
		padding: 0;
	}

	.input-group-btn:first-child .btn,
	.input-group-btn:first-child .btn-group {
		border-radius: 0;
	}

	.btn.disabled,
	.btn[disabled],
	fieldset[disabled] .btn {
		opacity: 1;
		filter: alpha(opacity=100);
	}


	small,
	.small {
		font-size: 85%;
	}

	.facetSide.menu .facets_view_all,
	.facetSide.menu .facets_view_less {
		font-size: 13px;
	}

	a:hover,
	a:focus {
		text-decoration: none;
	}

	.filtered-list-item {
		font-weight: 500;
	}

	.facetSide.menu .fa-stack-1x {
		font-weight: 300;
		font-size: 20px;
		line-height: 1;
		margin-top: -4px;
		color: #333;
	}

	.mallDashboard-page #main {
		font-family: 'Poppins', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		margin-bottom: -16px !important;
	}

	.bic-flex-con-block-widget {
		font-family: 'Poppins', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		background-position: bottom center !important;
		padding-bottom: 5em !important;
	}

	.bic-flex-con-block-widget .card-content .card-details {
		width: 70% !important;
	}

	.bic-flex-con-block-widget .widget-head .title {
		font-size: 1.6em !important;
		margin-bottom: 50px !important;
		text-align: center !important;
	}

	.bic-flex-con-block-widget .widget-head div {
		text-align: center !important;
		width: 100% !important;
	}

	.brand-store-container {
		padding-top: 30px !important;
		padding-bottom: 60px !important;
		font-family: 'Poppins', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	}

	.featured-brand {
		background: #eaecf9 !important;
		background-size: cover;
	}

	.rewards-for-you .savings-button {
		position: absolute;
		right: 10px;
		top: 10px;
		text-align: center;
		background-color: #a802a3;
		background-color: var(--duet-color-primary);
		font-size: 12px;
		padding: 10px;
		display: table;
		border-radius: 100%;
		width: 70px;
		height: 70px;
	}

	.rewards-for-you .savings-button span:first-child {
		font-weight: 700;
		font-size: 14px;
		display: block;
	}

	.rewards-for-you .savings-button span:last-child {
		font-size: 10px;
		width: 100%;
		display: block;
	}

	.card-count-2 .container {
		width: 95% !important;
	}

	.card-count-2 .card-content .card-details {
		width: 100% !important;
	}

	.bic-flex-con-block-widget.card-count-2.layout-1 .card-1 .card-content,
	.bic-flex-con-block-widget.card-count-2.layout-1 .card-2 .card-content {
		padding: 5em 3em !important;
	}

	.brand-store-container .store-wrapper h2 {
		font-size: 20px !important;
	}


	.input-group-btn:first-child .btn,
	.input-group-btn:first-child .btn-group,
	.input-group-btn:last-child .btn,
	.input-group-btn:last-child .btn-group {
		border-radius: 0;
		height: 45px !important;
		padding: 10px 10px !important;
	}

	.svg-search-btn {
		font-weight: 600;
	}

	.category-search-typeahead .styledSelect {
		max-width: 300px;
		padding: 10px 35px 10px 15px;
	}

	.category-search-typeahead .styledSelect::after {
		right: 12px;
	}

	.mega-menu-dashboard-dropdown button {
		font-weight: 500;
	}

	input.reward-search,
	input.typeahead.tt-hint {
		font-weight: 400 !important;
	}

	.shop-hamburger {
		font-weight: 500;
	}

	.product-cart-options .control-label {
		margin-bottom: 5px;
		padding-top: 0;
	}

	.product-cart-options .col-xs-offset-2 {
		margin: 0;
	}

	.product-cart-options .col-xs-9 {
		width: 100%;
		margin: 0;
	}

	.product-cart-options .btn-primary {
		margin-right: 10px;
	}

	.product-cart-options .form-group {
		margin-bottom: 20px;
	}

	.point-count span {
		text-transform: uppercase;
	}

	.mwA {
		width: 90%;
	}

	.main-carousel-two {
		max-width: 1500px;
		margin: 0 auto;
		overflow: hidden;
		border-radius: 20px;
		width: 90%;
	}

	.category-slider-header {
		font-size: 26px !important;
		text-align: center !important;
		text-transform: uppercase !important;
	}

	.card-menu-1 .heading {
		text-align: center !important;
		text-transform: uppercase !important;
		margin: 0 0 30px 0 !important;
	}

	.main-category-slider ol.flickity-page-dots li.dot::before {
		color: #262829 !important;
		font-weight: 600 !important;
		font-size: 14px !important;
	}

	.main-category-slider ol.flickity-page-dots li.dot.is-selected::before {
		color: var(--duet-color-primary) !important;
	}

	.main-category-slider ol.flickity-page-dots {
		background: transparent !important;
	}

	.main-category-slider ol.flickity-page-dots li {
		border-right: none !important;
		border-radius: 6px !important;
	}

	.category-box p.category-heading {
		font-weight: 500 !important;
	}

	.main-category-two-container .category-slider-header,
	.main-subcategories-container .subcategory-slider-header,
	.main-category-2-container .category-2-slider-header,
	.main-card-menu-2-container .subcategory-slider-header {
		text-align: center !important;
		width: 100% !important;
		font-size: 26px !important;
		text-transform: uppercase !important;
		font-weight: 600 !important;
		color: #262829 !important;
	}

	.category-3 .heading-text-container .heading {
		text-align: center !important;
		width: 100% !important;
		text-transform: uppercase !important;
		font-weight: 600 !important;
		color: #FFFFFF !important;
	}

	.main-category-2-container .category-2-slider-header {
		padding-bottom: 16px !important;
	}

	.main-category-2-slider .copy-container p.title {
		font-size: 38px !important;
		color: #262829 !important;
	}

	.main-category-two-container .category-two-grid .grid-block.wide-block p {
		color: #262829 !important;
	}

	h2.cat {
		text-align: center !important;
		letter-spacing: normal;
		font-size: 26px !important;
		font-weight: 600 !important;
		color: #262829 !important;
		padding: 1rem 40px;
	}

	.cline.b-grey {
		display: none;
	}

	.callout-cat .inner p {
		font-size: 14px;
		letter-spacing: normal;
		font-weight: 500;
		color: #222;
	}

	.callout-cat .inner .b-grey {
		text-transform: none !important;
	}

	.callout-cat .inner {
		box-shadow: 0 2px 30px rgba(0, 0, 0, 0.04) !important;
	}

	.mwA {
		max-width: 1500px;
		padding: 40px 0 80px;
	}

	.b-grey {
		border: solid 2px #f0f2f4;
		border-top: 0;
	}

	.featured-brand {
		background-color: #f0f2f4;
	}

	.container.carousel button.hero-slider.next-button {
		margin-right: 20px;
	}

	.container.carousel button.hero-slider.prev-button {
		margin-left: 20px;
	}

	.main-summer-sale-container a,
	.main-category-2-slider .copy-container a {
		font-weight: 600 !important;
	}

	.card-menu-1 .body-text {
		font-weight: 500 !important;
		max-width: 800px !important;
		line-height: 1.5 !important;
	}

	.main-card-menu-2-container .card-menu-box p.box-head {
		font-weight: 600 !important;
		font-size: 22px !important;
	}

	.prepaid-banner .body-text {
		font-weight: 500 !important;
	}

	@media (max-width: 992px) {
		h2.cat {
			font-size: 20px !important;
			padding: 0 !important;
			margin-top: 0 !important;
		}

		.prepaid-banner .prepaid-banner-card-img {
			background-position: left center !important;
		}

		.main-category-two-container .category-slider-header,
		.main-subcategories-container .subcategory-slider-header,
		.main-category-2-container .category-2-slider-header,
		.main-card-menu-2-container .subcategory-slider-header {
			font-size: 18px !important;
		}

		.main-category-two-container {
			padding: 40px 10px !important;
		}

		.category-slider-header {
			font-size: 18px !important;
		}

		.main-popular-categories-container {
			padding: 40px 20px 80px !important;
		}

		.widget-container-col .callout-cat {
			flex-basis: 50% !important;
		}

		.featured-brand .callout-cat .inner .img-responsive {
			height: 28.7vw !important;
		}

		.cline.b-grey {
			display: none !important;
		}
	}

	.fa-user {
		padding-right: 0 !important;
	}

	#details {
		line-height: 2;
		font-size: 13px;
	}

	#member_initials {
		text-align: center;
		display: table-cell;
		padding: 13px;
	}

	.btn-primary,
	.btn-secondary {
		font-size: 13px;
		font-weight: 600;
	}

	.page-header {
		padding-bottom: 20px;
		margin: 35px 0 30px;
		border-bottom: 1px solid #e6e6e6;
	}

	.table thead tr th,
	.table thead tr td {
		background-color: #fff;
	}

	.table thead tr th,
	.table tbody tr th,
	.table tfoot tr th,
	.table thead tr td,
	.table tbody tr td,
	.table tfoot tr td {
		padding: 20px 8px;
		line-height: 1.5;
		vertical-align: top;
		border-top: 1px solid #e6e6e6;
	}

	.media,
	.media-body {
		padding-right: 30px;
	}

	.media-heading {
		margin-bottom: 15px;
		font-size: 16px;
	}

	.dreamtracker-left-media p {
		font-size: 20px;
	}

	.progress {
		overflow: hidden;
		height: 38px;
		margin-bottom: 16px;
		background-color: #f4f6f7;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-radius: 100px;
	}

	.round-close-button {
		width: 50px;
		height: 50px;
		right: 25px;
		padding: 6px 12px;
	}

	.paypal-cart-checkout {
		padding-left: 0 !important;
		padding-right: 0 !important;
		border-radius: 5px;
	}

	.paypal-cart-checkout h3 {
		margin-bottom: 15px !important;
	}

	.paypal-cart-checkout h3 span {
		color: #333 !important;
		font-size: 16px !important;
	}

	.mall-container-checkout h3 {
		margin-bottom: 15px !important;
	}

	.mall-container-checkout h3 span {
		color: #333 !important;
		font-size: 16px !important;
	}

	.mb-lg h3 {
		margin-bottom: 15px !important;
	}

	.mb-lg h3 span {
		color: #333 !important;
		font-size: 16px !important;
	}

	.close {
		font-size: 24px;
		font-weight: 300;
		color: #333;
		opacity: 1 !important;
		background: none !important;
	}

	.media,
	.media-body {
		padding-right: 10px;
	}

	.media-heading {
		margin-bottom: 15px;
		font-size: 16px;
	}

	.media-dreamtracker {
		padding: 20px 0;
	}

	.dreamtracker-left-media {
		padding: 20px 0;
	}

	.dreamtracker-left-media p {
		font-size: 16px;
		padding-top: 0px;
	}

	.progress .progressbar-back-text {
		font-size: 16px;
	}


.input-group-addon {
	background-color: #fff;
	font-size: 16px;
	padding: 12px;
}

.rewards-for-you .product-title {
	-webkit-line-clamp: unset;
	overflow: visible;
	max-height: none;
}

.feed-title h3 {
	margin-bottom: 0px !important;
}

@media screen and (max-width: 1250px) {

	#reward-gallery .facetsContainer .rangeSearch_container .form-control.searchMin,
	.rangeSearch_container .form-control.searchMax {
		border: 1px solid #333;
	}
}

#desktop_breadcrumb a {
	text-decoration: none !important;
}

#dreamTracker .btn.checkout {
	min-width: 140px;
}

#sortButton,
.btn-icon {
	background: #fff !important;
}

.range_search_form .btn-icon {
	background: none !important;
}

.fa-chevron-circle-right::before {
	content: "\f054" !important;
}

.rangeSearch_container .form-control.searchMin,
.rangeSearch_container .form-control.searchMax {
	border: 1px solid #333;
	background: #fff;
}

.apple-selector-v2 .pdp-content .reward-cost-pricing,
.apple-selector-v2 .pdp-content .reward-cost-container {
	margin-bottom: 16px !important;
}

.shop-hamburger span {
	padding-left: 0px;
}

.shop-hamburger span,
.shop-hamburger i,
#nav-icon3 i {
	color: #333;
}

#productQty {
	border-radius: 0px !important;
}


/* END STOREFRONT */


/* START MEMBER HERO - AND LANDING */

.hero-recognition-container.layout-2 .hero-copy a.hero-cta {
	font-size: 16px !important;
	letter-spacing: 1px !important;
}

.hero-recognition-container.layout-1 .program-link-url a {
	padding: 18px 60px 18px 20px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	letter-spacing: 1px !important;
	border-radius: 50px !important;
}

.hero-recognition-container.layout-2 .hero-copy {
	margin: 0 0 10vh !important;
}

.hero-recognition-container.layout-2 .hero-copy p {
	font-size: 18px !important;
	margin: 0 0 6vh 0 !important;
	color: #111 !important;
}

#member-dashboard .hero-bg {
	font-family: 'Poppins', sans-serif !important;
	padding: 80px 0px 100px !important;
	margin: 0 -50vw -70px !important;
	background-size: cover !important;
}

#member-dashboard .hero-bg .header-top {
	font-family: 'Poppins', sans-serif !important;
	font-size: 45px !important;
	font-weight: 900 !important;
	position: relative !important;
	display: inline-block !important;
	line-height: 60px !important;
	margin-bottom: 30px !important;
	max-width: 550px !important;
	margin-top: -20px !important;
	color: #333 !important;
}

#member-dashboard .hero-bg .header-bottom {
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 24px !important;
	letter-spacing: 0.5px !important;
	margin-bottom: 45px !important;
	max-width: 25vw !important;
	color: #333 !important;
}

#member-dashboard .hero-bg .dashboard-button a {
	border-radius: 50px !important;
	padding: 15px 60px 15px 30px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	letter-spacing: 2px !important;
	z-index: 1 !important;
	transition: all 0.13s ease-in-out !important;
	cursor: pointer !important;
}

#member-dashboard .hero-bg .dashboard-button a:hover {
	border: 1px solid var(--duet-color-primary) !important;
	color: #fff !important;
}

#member-dashboard .hero-bg .table-display-2 {
	display: table !important;
	border: 0px solid #fff !important;
	padding: 30px !important;
	border-radius: 6px !important;
	height: 418px !important;
	width: 100% !important;
	background: #fff !important;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08) !important;
	margin-bottom: 20px !important;
}

#member-dashboard .hero-bg .header-top3 {
	font-size: 22px !important;
	line-height: 28px !important;
	font-weight: 600 !important;
	color: #333 !important;
	margin-bottom: 15px !important;
}

#member-dashboard .hero-bg .header-bottom2 {
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #333 !important;
	line-height: 18px !important;
	margin-bottom: 25px !important;
}

#member-dashboard .points,
#main .points a {
	font-family: 'Poppins', sans-serif !important;
	line-height: 30px !important;
	font-size: 26px !important;
	margin-bottom: 0px !important;
	font-weight: 600 !important;
}

#member-dashboard .points-text,
#main .points-text a {
	font-family: 'Poppins', sans-serif !important;
	line-height: 14px !important;
	font-size: 12px !important;
}

#member-dashboard .hero-bg .dashboard-button2 a {
	font-family: 'Poppins', sans-serif !important;
	position: relative !important;
	display: inline-block !important;
	padding: 18px 20px !important;
	border: 1px solid #292929 !important;
	background-color: #fff !important;
	color: #292929 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	letter-spacing: 1px !important;
	z-index: 1 !important;
	transition: all 0.13s ease-in-out !important;
	cursor: pointer !important;
	border-radius: 6px !important;
	width: 100%;
	margin-bottom: 12px !important;
}

@media (max-width: 1000px) {
	#member-dashboard .hero-bg {
		padding: 50px 30px !important;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('') repeat !important;
	}

	#member-dashboard .hero-bg .text {
		font-size: 14px !important;
	}

	#member-dashboard .hero-bg .logo {
		max-width: 80px !important;
	}
}

@media only screen and (max-width: 1300px) and (min-width: 975px) {
	#member-dashboard .hero-box-1 {
		width: 30% !important;
	}

	#member-dashboard .hero-box-2 {
		width: 35% !important;
	}
}

@media only screen and (max-width: 1300px) {
	#member-dashboard .hero-bg .header-top {
		font-size: 30px !important;
		position: relative !important;
		display: inline-block !important;
		line-height: 40px !important;
		margin-bottom: 30px !important;
		margin-top: 5px !important;
		max-width: 550px !important;
	}

	#member-dashboard .hero-bg .header-bottom {
		font-size: 12px !important;
	}

	#member-dashboard .hero-bg .dashboard-button a {
		font-size: 12px !important;
	}
}

#member-dashboard .hero-bg .row {
	justify-content: left !important;
}

#member-dashboard .hero-box-1 {
	width: 43% !important;
}

#member-dashboard .hero-box-2 {
	justify-content: right !important;
	margin: 0 10px !important;
}

@media only screen and (max-width: 955px) {
	#member-dashboard .hero-bg {
		padding: 40px 0px 40px 0px !important;
		margin: 0 -50vw !important;
	}

	#member-dashboard .hero-bg .header-top {
		display: none !important;
	}

	#member-dashboard .hero-bg .header-bottom {
		display: none !important;
	}

	#member-dashboard .svg-button-about {
		display: none !important;
	}

	#member-dashboard .dashboard-button {
		display: none !important;
	}
}

@media only screen and (max-width: 600px) {
	#member-dashboard .hero-box-2 {
		width: 100% !important;
		justify-content: center !important;
		margin: 0 !important;
	}

	#member-dashboard .hero-bg .table-display-2 {
		height: auto !important;
	}
}

.hero-recognition-container.layout-1 {
	font-family: 'Poppins', sans-serif;
	background-size: cover;
	padding: 100px 0px 120px 0px;
	width: 100vw;
	border-radius: 0px;
	left: 50%;
	right: 50%;
	margin: 0 -50vw -35px;
	background-position: top center !important;
}

.hero-recognition-container.layout-1 .hero-box {
	background: #fff !important;
}

.hero-recognition-container.layout-1 .hero-box-heading {
	color: #333 !important;
	font-weight: 700 !important;
}

.hero-recognition-container.layout-1 .hero-profile-quick-link p {
	color: #333 !important;
}

.hero-recognition-container.layout-1 .quick-link {
	border: 1px solid #292929 !important;
}

.hero-recognition-container.layout-1 .quick-link a {
	padding: 18px 50px 18px 20px !important;
}

.hero-recognition-container.layout-1 .heading {
	text-transform: none !important;
	font-weight: 900 !important;
	color: #333 !important;
	font-size: 45px !important;
	line-height: 55px !important;
}

.hero-recognition-container.layout-1 .hero-1-header-container {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #333 !important;
	line-height: 24px !important;
	letter-spacing: 0.5px !important;
}

.hero-recognition-container.layout-1 .hero-1-header-container p {
	max-width: 430px !important;
}

#member-dashboard .panel-tertiary {
	margin-bottom: 25px !important;
}

.feed-widget-item .feed-widget-body.bday-bg {
	background-image: url(https://de1qw0dg41vdz.cloudfront.net/spa-proxy-1.2.84.85.1-29/images/feed/confetti.svg) !important;
}

.main-hero-profile-container {
	font-family: 'Poppins', sans-serif !important;
	padding: 80px 0 100px !important;
	margin-bottom: -70px !important;
}

@media (max-width: 1000px) {
	.main-hero-profile-container {
		padding: 50px 10px !important;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('') !important;
	}
}

.main-hero-profile-container .container {
	padding: 0 !important;
}

.profile-link .icon {
	width: 25px !important;
	height: 25px !important;
}

.main-hero-profile-container .hero-copy a.hero-cta {
	padding: 16px 60px 16px 20px !important;
	border-radius: 50px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: 1px !important;
}

.main-hero-profile-container .hero-copy h1 {
	font-size: 45px !important;
}

.hero-recognition-container.layout-2 {
	background-position: center center !important;
}

.hero-recognition-container.layout-2 .hero-copy h1 {
	font-size: 50px !important;
        font-weight: 700 !important;
	margin: 0 0 4vh 0 !important;
	line-height: 1.1 !important;
	color: #111 !important;
}

.hero-recognition-container.layout-2 .container {
	padding: 8vh 0 7vh 0 !important;
}

@media screen and (max-width: 992px) {
	.profile-info.flex-row.justify-center {
		border-bottom: 0 !important;
	}
}

@media only screen and (max-width: 600px) {
	.main-hero-profile-container .hero-copy h1 {
		font-size: 25px !important;
	}

	.main-hero-profile-container .hero-copy p {
		font-size: 14px;
	}

	.hero-recognition-container.layout-2 .hero-copy h1 {
		font-size: 28px !important;
	}

	.hero-recognition-container.layout-2 .container {
		padding: 6vh 0 6vh 0 !important;
	}

	.main-member-profile-container .profile-info {
		width: 100% !important;
	}

	.hero-recognition-container.layout-2 .hero-copy h1 {
		text-align: center;
	}

	.hero-recognition-container.layout-2 .hero-copy p {
		font-size: 13px;
		text-align: center;
	}

	.hero-recognition-container.layout-2 .hero-copy a.hero-cta {
		display: block !important;
		letter-spacing: unset !important;
		margin: 0 auto !important;
		max-width: 80% !important;
	}

	.hero-recognition-container.layout-2 .hero-copy {
		margin: 0 0 20px !important;
	}
}

.main-hero-profile-container .hero-copy p {
	line-height: 1.6 !important;
}

.right-section-bottom {
	width: 100% !important;
}

.left-links-container {
	display: flex !important;
	flex-grow: 1 !important;
}

.left-section-links .left-link {
	width: 100% !important;
}

.left-link .image-wrapper {
	width: 50px !important;
	height: 50px !important;
}

.left-link .image-wrapper .link-icon {
	width: 25px !important;
	height: 25px !important;
}

.left-section-links {
	width: 100% !important;
}

.timg-overlay {
	border: 0;
	border-radius: 20px;
	overflow: hidden;
}

.timg .caption-in-image {
	display: none;
}

.timg.timg-overlay .image::after {
	background-image: none;
}

.games-page .container .container,
.myAccount-page .container .container {
	width: 100%;
}

.progress {
	border: 1px solid var(--duet-color-primary);
}

/* END MEMBER HERO - AND LANDING */


/* START DASHBOARD BOOTSTRAP */
.dashboards-page .col-xs-1,
.dashboards-page .col-sm-1,
.dashboards-page .col-md-1,
.dashboards-page .col-lg-1,
.dashboards-page .col-xs-2,
.dashboards-page .col-sm-2,
.dashboards-page .col-md-2,
.dashboards-page .col-lg-2,
.dashboards-page .col-xs-3,
.dashboards-page .col-sm-3,
.dashboards-page .col-md-3,
.dashboards-page .col-lg-3,
.dashboards-page .col-xs-4,
.dashboards-page .col-sm-4,
.dashboards-page .col-md-4,
.dashboards-page .col-lg-4,
.dashboards-page .col-xs-5,
.dashboards-page .col-sm-5,
.dashboards-page .col-md-5,
.dashboards-page .col-lg-5,
.dashboards-page .col-xs-6,
.dashboards-page .col-sm-6,
.dashboards-page .col-md-6,
.dashboards-page .col-lg-6,
.dashboards-page .col-xs-7,
.dashboards-page .col-sm-7,
.dashboards-page .col-md-7,
.dashboards-page .col-lg-7,
.dashboards-page .col-xs-8,
.dashboards-page .col-sm-8,
.dashboards-page .col-md-8,
.dashboards-page .col-lg-8,
.dashboards-page .col-xs-9,
.dashboards-page .col-sm-9,
.dashboards-page .col-md-9,
.dashboards-page .col-lg-9,
.dashboards-page .col-xs-10,
.dashboards-page .col-sm-10,
.dashboards-page .col-md-10,
.dashboards-page .col-lg-10,
.dashboards-page .col-xs-11,
.dashboards-page .col-sm-11,
.dashboards-page .col-md-11,
.dashboards-page .col-lg-11,
.dashboards-page .col-xs-12,
.dashboards-page .col-sm-12,
.dashboards-page .col-md-12,
.dashboards-page .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

.dashboards-page .row {
	margin-left: -8px;
	margin-right: -8px;
}

/* END DASHBOARD BOOTSTRAP */


/* START LEADERBOARD */

[data-widget-type="leaderboard"] .panel-heading {
	padding: 20px !important;
	border-radius: 6px 6px 0 0 !important;
}

[data-widget-type="leaderboard"] div {
	border: none !important;
}

[data-widget-type="leaderboard"] em {
	display: none !important;
}

[data-widget-type="leaderboard"] .btn {
	margin-top: 45px !important;
	padding: 15px 30px !important;
}

[data-widget-type="leaderboard"] h3 {
	color: #101828 !important;
	font-size: 20px !important;
	font-weight: 600 !important;
}

[data-widget-type="leaderboard"] .table {
	font-size: 14px !important;
}

/* END LEADERBOARD */

/* START SERIAL CARD */

[data-widget-type="serialcard"] .form-control {
	border: 1px solid #fff !important;
	margin-bottom: 30px !important;
}

[data-widget-type="serialcard"] .btn {
	padding: 10px !important;
	background-color: #fff !important;
	color: var(--duet-color-primary) !important;
	width: 100% !important;
	font-size: 16px !important;
}

/* END SERIAL CARD */


/* START ADMIN DASHBOARD */

.admin-dashboard {
	background-color: #f0f2f4;
}

#admin-dashboard {
	margin-top: 40px;
}

.admin-dashboard #member-dashboard .layout-cpnt {
	margin-bottom: 20px !important;
}

/* END ADMIN DASHBOARD */


/* START NOMINATION WIDGET */

.nom-wizard-container {
	font-family: inherit !important;
}

.award-image {
	max-width: none !important;
}

.swiper-button {
	background-color: #fff !important;
	opacity: 1 !important;
	box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.08) !important;
	border: 1px solid #EAECF0 !important;
}

.nom-wizard-container .swiper-wrapper {
	padding-bottom: 0 !important;
}

.nom-wizard-container swiper-slide {
	padding-bottom: 20px !important;
}

.award-card {
	box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.05) !important;
}

.nomination-wrapper {
	max-width: 1300px !important;
}

/* END NOMINATION WIDGET */


/* START FEED WIDGET */

[data-widget-type="feed"] {
	margin-bottom: 40px !important;
}

/* END FEED WIDGET */

/* START RANDOM */

#details {
	line-height: 2;
	font-size: 13px;
	max-width: 700px;
}

.scrollpoint .col-xs-12 h3 {
	font-size: 18px;
	margin-top: 20px !important;
}

.post-container .post-content .title {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

.post-container .post-content .description {
	color: #77797c;
	font-size: 13px;
	letter-spacing: 0.025em;
	line-height: 18px;
	font-weight: 400;
}

.post-container .post-content {
	background: #FFFFFF;
	width: 100%;
	position: relative;
	padding: 20px;
	-webkti-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 110px;
}

#main .post-container .thumbnails .icon-bottom {
	position: absolute;
	bottom: -20px;
	right: 20px;
	z-index: 100;
	width: 55px;
	height: 55px;
	padding: 14px 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #FFFFFF;
	font-size: 23px;
	text-align: center;
	-webkti-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: var(--duet-color-primary);
}

.list-group-item,
.input-group-merge {
	background-color: transparent;
}

@media (max-width: 768px) {

	.main-promo-1-container,
	.main-promo-2-container,
	.main-promo-3-container,
	.main-promo-4-container {
		display: block !important;
		text-align: center !important;
	}

	.promo-copy-container {
		padding: 0 !important;
	}


	.main-promo-1-container .promo-img-container,
	.main-promo-2-container .promo-img-container,
	.main-promo-3-container .promo-img-container,
	.main-promo-4-container .promo-img-container {
		width: 60% !important;
		margin: 0 auto 20px !important;
	}


	.main-promo-1-container .promo-copy-container a,
	.main-promo-2-container .promo-copy-container a,
	.main-promo-3-container .promo-copy-container a,
	.main-promo-4-container .promo-copy-container a {
		margin: 20px auto !important;
	}

	.main-promo-3-container .is-completed-container {
		width: auto !important;
	}

	.main-promo-4-container .ballots-earned-container {
		width: auto !important;
	}

	.hero-recognition-container.layout-2 {
		background-position: left center !important;
	}

}

/* END RANDOM */

/* SIMPLE-BUTTON */

	.fa-button-icon-x {
		display: inline-flex;
		align-items: center;
		padding: 15px;
		font-size: 16px;
		background-color: var(--duet-color-primary);
		color: #fff;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		text-decoration: none;
		margin: 0;
		width: 100%;
	}
	
	.fa-button-icon-x span {
		margin-right: 8px;
		font-size: 18px;
	}
	
	.fa-button-icon-x:hover {
		background-color: #222;
                color: #fff;
	}

/* END SIMPLE-BUTTON */


/* MY APPROVALS WIDGET */

[class*="dashboards-"] .my-approvals-container {
  height: 475px !important;
  min-height: auto !important;
    margin-bottom: 25px !important;
}

[class*="dashboards-"] .approvals-header .text-md-heading {
  font-size: 14px !important;
}

[class*="dashboards-"] .my-approvals-container .approvals-footer {
  position: absolute !important;
  background-color: #fff !important;
  color: #333 !important;
}

[class*="dashboards-"] .approvals-footer .btn-primary {
  margin-left: 8px !important;
  border: 1px solid !important;
  border: 1px solid var(--duet-color-primary) !important;
}

[class*="dashboards-"] .empty-approval-background {
      min-height: auto !important;
      padding: 20px 0 !important;
}

[class*="dashboards-"] .my-approvals-img-container {
  height: 100px !important;
  margin-bottom: 10px !important;
}

[class*="dashboards-"] .empty-approval-container {
  padding: 16px 24px !important;
  overflow-y: auto !important;
  max-height: 275px !important;
}

[class*="dashboards-"] .empty-approval-container h3 {
  margin-top: 0 !important;
}

[class*="dashboards-"] .empty-approval-container .text-link {
  color: var(--duet-color-primary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
}

[class*="dashboards-"] .empty-approval-desc {
  padding: 0 10px !important;
  margin-bottom: 10px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

[class*="dashboards-"] .my-approvals-container .btn-primary, .my-approvals-container .btn-default {
  font-size: 11px !important;
  padding: 6px !important;
  border-radius: 5px !important;
}

.small-container:is([class*="dashboards-"] .my-approvals-container) .approvals-content {
      height: 245px !important;
    }

[class*="dashboards-"] .my-approvals-container .approvals-list {
  padding-bottom: 50px !important;
}

[class*="dashboards-"] .approvals-footer {
  padding: 15px 10px !important;
}

[class*="dashboards-"] .my-approvals-container .footer-selected-count {
  font-size: 11px;
  letter-spacing: -0.5px !important;
}

[class*="dashboards-"] .my-approvals-container .footer-select-all-text {
  color: #000;
  font-size: 12px !important;
  line-height: 20px !important;
}

/* END MY APPROVALS WIDGET */


/* ADMIN DASHBOARDS */

[class*="admin-dashboard"] .layout-cpnt {
  margin-bottom: 16px !important;
}

.admin-dashboard-3365 .form-group {
  display: none !important;
}

[class*="admin-dashboard"] #main {
  padding-top: 50px;
  background: #f5f5f5;
}

/* END ADMIN DASHBOARDS */

/* STOREFRONT AD BANNER STYLES */

#banners {
  border-radius: 15px;
  overflow: hidden;
}

/* END STOREFRONT AD BANNER STYLES */



/* ROSS SPECIFIC */

#app.dashboards-0-page {
  background-color: #E5F3FE !important;
}

#app.dashboards-0-page #main {
  padding-bottom: 30px !important;
}

/* END ROSS SPECIFIC */