.vc-no-results {
	font-size: 24px;
	font-weight: bold;
	padding: 20px 0;
}

.vc-carousel-container {

	.vc-carousel {
		position: relative;

		&.no-nav {

			.vc-carousel-nav {
				display: none;
			}
		}

		.vc-carousel-nav {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			z-index: 20;
			pointer-events: none;

			.control {
				display: flex;
				align-items: center;
				cursor: pointer;
				z-index: 20;
				color: var(--awb-color5);
				border: none;
				cursor: pointer;
				background: none;
				font-size: 28px;
				transition: opacity 0.3s ease;
				padding: 0;
				pointer-events: auto;

				&:disabled {
					opacity: 0.3;
					cursor: default;
				}

				&.prev {
					justify-content: flex-start;
				}

				&.next {
					justify-content: flex-end;
				}
			}
		}

		.vc-carousel-track {
			position: relative;
			z-index: 10;
			display: flex;
			flex-wrap: nowrap;
			overflow-x: hidden;
			width: calc(100% - 90px);
			margin: 0 auto;

			.vc-carousel-item {
				transition: transform 0.3s ease;

				&>.fusion-layout-column {
					height: 100%;

					&>.fusion-column-wrapper {
						margin: 0;
					}
				}

				.vc-term-carousel-link {
					text-decoration: none;

					&:hover {
						text-decoration: none !important;
					}

					.vc-term-carousel-image {
						aspect-ratio: 1 / 1;
						object-fit: contain;
					}

					.vc-term-carousel-placeholder-image {
						width: 100%;
						aspect-ratio: 1 / 1;
						background-color: var(--awb-color5);
						display: flex;
						justify-content: center;
						align-items: center;
						color: white;
						font-size: 30px;
					}

					.vc-term-carousel-name {
						margin-top: 8px;
						color: var(--awb-color5);
						font-weight: bold;
					}
				}
			}
		}
	}

	&.full-width {

		.vc-carousel {

			.vc-carousel-nav {
				max-width: var(--site_width);
				left: 50%;
				transform: translateX(-50%);
			}

			.vc-carousel-track {
				width: 100%;
			}
		}
	}

	&.vc-carousel-white-nav {

		.vc-carousel {

			.vc-carousel-nav {
				.control {
					color: white;
				}
			}

			/* .vc-carousel-track {

				.vc-carousel-item {
					text-align: center;
					color: white;

					.newsletter-frequency {
						font-size: 24px;
						text-transform: uppercase;
						margin-bottom: 5px;
						font-weight: bold;
						letter-spacing: 1px;
					}

					.newsletter-title {
						font-family: "Lora";
						font-size: 50px;
						font-weight: bold;
						margin-top: 10px;
						margin-bottom: 5px;
					}

					.newsletter-description {
						font-size: 21px;
						margin-bottom: 40px;
						line-height: normal;
					}

					.newsletter-subscribe-button {
						font-size: 24px;
						display: inline-block;
						font-weight: bold;
						padding: 8px 32px;
						color: var(--awb-color4);
						background-color: white;
						text-decoration: none;
						transition: all 0.3s ease;

						&:hover {
							color: black;
							text-decoration: none !important;
						}
					}

					&.vc-carousel-item-cols-layout {
						text-align: left;

						.newsletter-frequency {
							display: none;
						}
					}
				}
			} */
		}
	}
}

.vc-quote {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	gap: 20px;

	.vc-quote-icon {
		flex-shrink: 0;
	}

	.vc-quote-content {
		text-align: left;

		.vc-quote-type {
			font-size: 22px;
			text-transform: uppercase;
			margin-bottom: 5px;
			font-weight: bold;
		}

		.vc-quote-text {
			font-size: 28px;
			color: black;
			font-family: "Lora";
			line-height: normal;
			font-weight: 600;
		}

		.vc-quote-author {
			margin-top: 10px;
			font-size: 18px;
			color: black;
			text-align: right;
		}
	}

	&.vc-quote-fals {

		.vc-quote-content {

			.vc-quote-type {
				color: #F03A47;
			}
		}
	}

	&.vc-quote-enganyos {

		.vc-quote-content {

			.vc-quote-type {
				color: #DCC016;
			}
		}
	}

	&.vc-quote-tho_expliquem {

		.vc-quote-content {

			.vc-quote-type {
				color: #0D43E6;
			}
		}
	}

	&.vc-quote-verdader {

		.vc-quote-content {

			.vc-quote-type {
				color: #44AF69;
			}
		}
	}

	&.vc-quote-veritat_mitges {

		.vc-quote-content {

			.vc-quote-type {
				color: #d1fb3b;
			}
		}
	}

	&.vc-quote-no_comprovable {

		.vc-quote-content {

			.vc-quote-type {
				color: #2B2B2B;
			}
		}
	}
}

.vc-flourish-container {

	.vc-flourish-iframe {
		width: 100%;
		min-height: 600px;
		border: none;
	}
}