.page-template-wp-custom-template-modal-no-header-no-footer{
	overflow: hidden;

	#wpadminbar{
		display: none;
	}

	.wp-site-blocks{
		min-height: 0;
	}
}

.cf7-iframe-modal{
	.modal-body{
		padding: 0;
	}

	.loader{
		--size: 24px;
		--stroke-width: calc( var(--size) / 6 );
		--color: #313131;
		--animation-timing-function: linear;
		--animation-duration: 1s;
		
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);

		width: var(--size);
		height: var(--size);
		font-size: 0;

		&::before, &::after{
			content: '';
			position: absolute;
			transform: scaleY(1);
			animation: var(--animation-timing-function) var(--animation-duration) infinite loader-animation;
		}
		&::before{
			inset: 0;
			border-right: var(--stroke-width) solid var(--color);
			border-left: var(--stroke-width) solid var(--color);
		}
		&::after{
			top: 0;
			bottom: 0;
			left: calc(50% - var(--stroke-width) / 2);
			border-left: var(--stroke-width) solid var(--color);
			animation-delay: calc(var(--animation-duration) / 2);
		}
	}

	iframe{
		position: relative;
		z-index: 1;
		display: block;
	}
}

@keyframes loader-animation{
	0%{
		transform: scaleY(1);
	}
	50%{
		transform: scaleY(.5);
	}
	100%{
		transform: scaleY(1);
	}
}