@import '../../scss/variables.scss';

.provider-container {
	#filter-form {
		.card-header {
			background-color: transparent;
			border: none;
			border-radius: 0;
			cursor: pointer;
		}

		.card-body * {
			font-size: 14px;
		}

		.form-check {

			input,
			label {
				cursor: pointer;
			}
		}
	}

	.single-provider-wrapper {
		width: 100%;

		.single-provider-details {
			line-height: 26px;
		}

		.image-wrapper img {
			aspect-ratio: 1/1;
			object-fit: contain;
			width: 100%;
		}
	}

	.category-provider {
		.category-title {
			border-left: 4px solid $color-secondary;
			padding-left: 10px;
		}

		.single-provider-wrapper {
			text-decoration: none;
			transition: background-color 0.3s;
			width: 100%;

			.single-provider-details {
				color: #000;

				.image-wrapper {
					padding-top: 66.67%;
					position: relative;
					width: 100%;

					img {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
			}

		}
	}

	.provider-wrapper {
		word-break: break-word;
	}
}