@import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css');
@import url('https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css');

div.ph-travel-testimonial, .gfield > div.ph-travel-testimonial {
	/*
	display: flex;
	flex-flow: wrap;
	flex-direction: row;
	gap: 1%;
	justify-content: space-evenly;
	*/
	margin: 1.5rem auto 5rem;

	.slick-slide {
		height: inherit !important;
		margin: 0 10px;
	}
	
	.slick-slide > div, .slick-slide > div > .ph-testimonial-item{
		height: 100% !important;
	}	
	
	.slick-track {
    display: flex !important;
	}

	.ph-testimonial-header {
		display: flex;
		align-items: center;
		margin: 20px 0 0;

		.ph-testimonial-rating {
			display: flex;
			align-items: center;
			margin-left: 20px;
		}

		.ph-testimonial-saved-amount {
			background: linear-gradient(90deg, #B30707 0%, #850303 100%);
			color: #fff;
			text-align: center;
			letter-spacing: 1px;
			margin-left: auto;
			padding: 8px 12px;
			border-top-left-radius: 6px;
			border-bottom-left-radius: 6px;
			position: relative;
			right: -2px;
		}
	}

	.ph-testimonial-item {
		height: inherit !important;
		background: white;
		border: 2px solid #e5e7eb;
		border-radius: 6px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-self: flex-start;

		.ph-testimonial-body {
			padding: 10px 20px;

			hr {
				margin: 25px 0;
			}

			.ph-testimonial-testimonial {
				position: relative;
				padding: 15px 10px;
				font-style: italic;
				flex-grow: 1;
				min-height: 160px;

				p {
					padding: 0;
					font-weight: 600;
				}
	
				&::before {
					content: '"';
					font-size: 2em;
					left: -0.25rem;
					top: 0;
					position: absolute;
				}
			}
	
			.ph-testimonial-title {
				font-weight: 700;
			}
	
			.ph-testimonial-price-block {
				background: #f2f2f4;
				padding: 15px 10px;
				margin: 10px 0;
				border-radius: 6px;
			}
			
			.ph-testimonial-tiny-text {
				font-size: 14px;
			}
			
			.ph-testimonial-price {
				font-size: 16px;
				font-weight: 700;
				margin-bottom: 20px;

				&.price-red {
					color: #c00;
				}
			}
			
			.ph-testimonial-story-header {
				margin: 20px 0;
				display: flex;
				gap: 10px;
				align-items: center;
				text-align: center;
				width: 100%;
				font-weight: 600;
				cursor: pointer;

				span {
					border-bottom: 2px solid #333;
				}

				svg {
					fill: #333;
				}
			}
		}
	}

	li.ph-testimonial-tiny-text {
		list-style-type: disc;
		list-style-position: inside;
	}
}

.gfield > div.ph-travel-testimonial {
	margin: 0.5rem auto 3rem;
}

.ph-testimonials-slider-navigation.gform-theme__disable {
	position: relative;
	max-width: 400px;
	margin: 1rem auto;

	.slick-arrow {
		width: 26px;
		height: 30px;
		background: #333;
		border-radius: 50%;
	}
	.slick-prev:before, .slick-next:before {
		color: #ebebeb;
		font-size: 36px;
		opacity: 1;
		left: -5px;
		position: relative;
	}

	.slick-dots {
		bottom: -10px;

		li button:before {
			font-size: 16px !important;
		}
	}
		
}

@media (max-width: 768px) {
	.ph-travel-bar {
		display: initial;
	}

	.ph-travel-bar .ph-travel-assessment-btn-container {
		font-size: 12px;
		margin: 0 auto;
		text-align: center;
	}

	div.ph-travel-testimonial {
		flex-direction: column;
	}

	div.ph-travel-testimonial .ph-testimonial-item {
		max-width: 100%;
		margin-bottom: 10px;
	}

	.slick-prev {
		left: 50px !important;
	}

	.slick-next {
		right: 50px !important;
	}
}