.accordion-block {
	padding-bottom: 0 !important;
	padding-top: 0 !important;

	margin-bottom: var(--padding);
	@media screen and (max-width: 662px) {
		margin-bottom: calc(var(--padding) * 2);
	}

}


.accordion {
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;

	& .accordion-card {
		border-bottom: 2px solid var(--wp--preset--color--navy);
		background-color: transparent !important;
		border-radius: 0;
		position: relative;
	}

	& .accordion-header-toggle {
		align-items: center;
		cursor: pointer;
		display: grid;
		grid-template-columns: repeat(2, auto);
		justify-content: space-between;
		margin-bottom: 0px;
		padding: 20px 15px 21px;
		text-wrap: balance;
		transition: .25s ease-in-out;

		@media screen and (max-width: 662px) {
			padding: 20px 0 21px;
			gap: 10px;
		}

		&:hover {
			.accordion-header {
				&:before {
					width: 100%;
				}
			}
		}
		
		.accordion-header {
			align-items: center;
			color: var(--wp--preset--color--navy);
			display: flex;
			font-size: 22px;
			font-weight: 300;
			@media screen and (max-width: 662px) {
				font-size: 18px;
			}

			span {
				font-family: var(--wp--preset--font-family--cormorant-garamond) !important;
				font-size: 38px;
				font-weight: 600;
				margin-right: 15px;
				width: 30px;
				@media screen and (max-width: 662px) {
					font-size: 28px;
				}
			}

		}

		.icon {
			display: grid;
			place-content: center;
			border-radius: 500px;
			width: 40px;
			height: 40px;
			position: relative;
			&::before {
				content: '';
				background-color: var(--wp--preset--color--navy);
				border-radius: 50%;
				position: absolute;
				height: 100%;
				opacity: 0.4;
				width: 100%;
			}

			&.down {
				i {
					transform: rotate(0);
				}
			}
			&.up {
				i {
					transform: rotate(135deg);
				}
			}
			i {
				transition: .25s ease-in-out;
				font-size: 22px;
			}

			@media screen and (max-width: 662px) {
				height: 30px;
				width: 30px;
				i {
					font-size: 16px;
				}
			}

		}

	}
	
	.accordion-inner {
		display: none;

		.accordion-inner-content { 
			max-width: 86%;
			padding: 0px 60px 40px;
			box-sizing: border-box;

			@media screen and (max-width: 662px) {
				max-width: 100%;
				padding: 0px 0px 40px 0;
			}

			.content {
				order: 1;
				flex-basis: 100%;
				* {
					color: var(--wp--preset--color--navy) !important;
					span[style="font-weight: 400;"] {
						font-weight: 300 !important;
					}
				}
				p {
					font-weight: 300 !important;
				}
			}
		}
	}

}