/* Column
--------------------------------------------- */

.is-style-column-box-shadow {
	box-shadow: 0px 8px 40px -20px rgb(21 14 41 / 12%);
	transition: .4s ease;
}

.is-style-column-box-shadow:hover {
	box-shadow: 0px 12px 60px -20px rgb(21 14 41 / 16%);
}



.accordion-list {
	justify-content: space-between;

	.accordion-tabs ul.wp-block-terms-list-block-terms-list-block {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		position: sticky;
		top: 100px;

		li {
			display: flex;
			flex-basis: 100%;
			list-style: none;
			margin-bottom: .5rem;
		}

		li a {
			background-color: transparent;
			background-image: linear-gradient(0deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .95) 100%);
			border-radius: 0.5rem;
			color: var(--wp--preset--color--contrast);
			display: block;
			flex-basis: 100%;
			font-weight: 700;
			padding: 1rem;
			text-decoration: none;
			transition: var(--wp--custom--transition--default);
			width: 100%;	

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

		li.active-tab a {
			background-color: #F6F6F6;
			background-image: none;
		}

	}
}


.editor-styles-wrapper .support-plan-list {

	.support-plan-list-features:first-child {
		display: block !important;
	}
}

.support-plan-list {
	.support-plan-list-titles {
		position: sticky;
		top: 100px;
	}
}



/* Accordion Content */
.wp-block-post.faqs {
	transition: var(--wp--custom--transition--default);


	.item-heading {
		&:hover {
			cursor: pointer;
		}
		&::after {
			content: "";
			mask-image: url('../../assets/icons/dropdown-arrow.svg');
			mask-position: center;
			mask-size: contain;
			mask-repeat: no-repeat;
			display: block;
			flex-basis: 16px;
			transform: rotate(-90deg);
			transition: var(--wp--custom--transition--default);
			height: 1rem;
			width: 1rem;
			background-color: currentColor;
		}
	}

	.item-heading .wp-block-group {
		flex-basis: 90%;
		justify-content: flex-start;

		.copy-icon {
			flex-basis: 16px;
			flex-shrink: 0;
		}
	}

	.wp-block-post-content {
		h1 {
			font-size: 1.5rem;
			margin-top: 1.75rem;
		}

		h2, h3, h4, h5, h6 {
			font-size: 1.25rem;
			margin-top: 1.25rem;
		}
	}

	/* Active Accordion Content state */
	&.content-active {
		.accordion-content {
			border-color: var(--wp--preset--color--primary) !important;
		}
		.item-heading::after {
			background-color: var(--wp--preset--color--primary);
			transform: rotate(0deg);
		}

		.wp-block-list {
			padding-inline-start: revert;
		}
	}

	&:not(.content-active) {
		.entry-content-container {
			display: none;
		}
	}
	&:not(.active-post) {
		display: none;
	}
}






@media only screen and (max-width: 781px) {
	.accordion-list .accordion-tabs ul.wp-block-terms-list-block-terms-list-block,
	.support-plan-list .support-plan-list-titles {
		position: relative;
		top: 0;
	}
}