/**
 * Styles for /gift-catalog and single product-link pages
 **/

.gift-catalog .product-link .product-title {
	font-size: 24px;
}
.gift-catalog .product-link .price-container {
	margin-top: 10px;
	font-size: 18px;
	text-transform: uppercase;
}
.gift-catalog .product-link .price-container .monthly-price .price,
.gift-catalog .product-link .price-container .share-price .price{
	margin-left: 10px;
	text-transform: lowercase;
}
.gift-catalog .product-link .price-container .price {
	font-weight: 700;
}
.gift-catalog .product-link .product-link-actions {
	margin-top: 10px;
}

.gift-catalog .product-link .go-btn {
	background-color: #fd9aca;
	border-color: #fd9aca;
}


/**
 * Start Single Product Link styles
 * */

.monthly-option-select .btn {
	top: 0px !important;
	border-radius: 5px;
	border: 1px solid black;
	color: white;
	box-shadow: none !important;
}
.monthly-option-select .btn:nth-child(1) {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.monthly-option-select .btn:nth-child(2) {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}
.monthly-option-select .btn.active {
	background: #1F5FFF;
}
.monthly-option-select .btn.active:hover {
	color: #fff;
}
.monthly-option-select .btn:not(.active) {
	background-color: white;
	border-color: #1F5FFF;
	color: #1F5FFF;
}

.price-container-monthly button.btn.monthly-give-amount-btn {
	color: #069E70 !important;
	border-color: #069E70 !important;
	background: #fff;
	width: 100%;
}
.price-container-monthly button.btn.monthly-give-amount-btn.active {
	color: white !important;
	background: #069E70;
}

.product-link-actions.active-monthly .price-container-one-time {
	display: none !important;
}
.product-link-actions.active-one-time .price-container-monthly {
	display: none !important;
}

.gift-slider-container .slider-horizontal {
	width: 100% !important;
}
.gift-slider-container .slider-track-high {
}
.gift-slider-container .slider-selection {
	//background: #005f52;
	background: #069e70;
}
.gift-slider-container .slider-handle {
	width: 50px;
	height: 50px;
	top: 50%;
	transform: translate(-30%,-50%);
	background-color: transparent;
	background-image: url('../../../uploads/2022/05/cropped-512-x-512-favicon.png');
	background-size: contain;
	background-position: center;
}
.gift-slider-container .tooltip {
		transform: translateY(-60%);
}
.gift-slider-container .tooltip-inner {
	padding: 10px 20px;
	background-color: #069e70;
	font-size: 24px;
}
.gift-slider-container .arrow {
	border-top-color: #069e70 !important;
}
.gift-slider-container .arrow:before {
	border-top-color: #069e70 !important;
}