
/* Widths */

.entry-content,
header,
footer {
	margin: 0;
	padding: 0;

	> * {
		margin: 0;
		padding: calc(var(--bl) * 4) var(--col-gap);

		&:not(.wrapper-width--full) > * {
			max-width: var(--wrap-width--standard);
			width: 100%;
		}
	}
}

a.wp-block-group {
	text-decoration: none;
}

.wp-block-group {
	position: relative;

	>* {
		position: relative;
		z-index: 1;
		&:first-child {
			margin-top: 0;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}

	/* Widths */

	@media(min-width: 1500px) {
		&.wrapper-width--large > * { max-width: var(--wrap-width--large); }
		&.wrapper-width--small > * { max-width: var(--wrap-width--small); }
		&.wrapper-width--tiny > * { max-width: var(--wrap-width--tiny); }
	}

	&.auto-width { display: inline-flex; }

	/* Background Colours */

	&:not(.has-background) + &:not(.has-background),
	&.has-contrast-background-color + &.has-contrast-background-color,
	&.has-base-background-color + &.has-base-background-color,
	&.has-accent-background-color + &.has-accent-background-color,
	&.has-body-background-color + &.has-body-background-color,
	&.has-mid-grey-background-color + &.has-mid-grey-background-color,
	&.has-light-grey-background-color + &.has-light-grey-background-color,
	&.has-accent-2-background-color + &.has-accent-2-background-color,
	&.has-accent-3-background-color + &.has-accent-3-background-color,
	&.has-accent-4-background-color + &.has-accent-4-background-color { 
		padding-top: 0; 
	}

	/* Filter */

	&.group-filter--greyscale {
		filter: grayscale(100%);
	}

	/* Background Overlay */

	&.background-overlay--dark,
	&.background-overlay--light,
	&.background-overlay--colour,
	&.background-overlay--gradient {
		&::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--wp--preset--color--contrast);
			opacity: 0.5;
			z-index: 0;
		}
	}

	&.background-overlay--gradient::after { opacity: 1;background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%); }
	&.background-overlay--light::after { background-color: var(--wp--preset--color--base); opacity: .95; }
	&.background-overlay--colour::after { background-color: var(--wp--preset--color--accent); }

	/* Mobile Content Alignment */

	@media(max-width: 781px) {
		&.mobile-content-alignment--left {
			text-align: left;
			justify-content: flex-start;
			p,h1,h2,h3,h4,h5,h6,img,.wp-block-group,.wp-block-buttons,.wp-block-social-links,nav,a {
				text-align: left;
				justify-content: flex-start;
			}

			.wp-block-navigation { align-self: left; text-align: left; }
			.wp-block-navigation.is-vertical { align-items: flex-start; }
			.wp-block-image img { margin-right: auto; }
		}

		&.mobile-content-alignment--center {
			text-align: center;
			justify-content: center;
			p,h1,h2,h3,h4,h5,h6,img,.wp-block-group,.wp-block-buttons,.wp-block-social-links,nav,a {
				text-align: center;
				justify-content: center;
			}

			.wp-block-navigation { align-self: center; text-align: center; }
			.wp-block-navigation.is-vertical { align-items: center; }
			.wp-block-image img { margin-left: auto; margin-right: auto; }
		}

		&.mobile-content-alignment--right {
			text-align: right;
			justify-content: flex-end;
			p,h1,h2,h3,h4,h5,h6,img,.wp-block-group,.wp-block-buttons,.wp-block-social-links,nav,a {
				text-align: right;
				justify-content: flex-end;
			}

			.wp-block-navigation { align-self: right; text-align: right; }
			.wp-block-navigation.is-vertical { align-items: flex-end; }
			.wp-block-image img { margin-left: auto; }
		}
	}

	/* Border Radius */

	&[style*="border-radius"] {
		overflow: hidden;
	}
}

/* Padding - Mobile */

@media (max-width: 781px) {
	.wp-block-group {
		.wp-block-group,
		.wp-block-column {
			&[style*="padding-top:var(--wp--preset--spacing--40)"],
			&[style*="padding-top:var(--wp--preset--spacing--50)"],
			&[style*="padding-top:var(--wp--preset--spacing--60)"],
			&[style*="padding-top:var(--wp--preset--spacing--80)"] { 
				padding-top: calc(var(--bl) * 2)!important; 
			}
			
			&[style*="padding-top:var(--wp--preset--spacing--100)"],
			&[style*="padding-top:var(--wp--preset--spacing--120)"],
			&[style*="padding-top:var(--wp--preset--spacing--150)"] { 
				padding-top: calc(var(--bl) * 3)!important; 
			}

			&[style*="padding-bottom:var(--wp--preset--spacing--40)"],
			&[style*="padding-bottom:var(--wp--preset--spacing--50)"],
			&[style*="padding-bottom:var(--wp--preset--spacing--60)"],
			&[style*="padding-bottom:var(--wp--preset--spacing--80)"] { 
				padding-bottom: calc(var(--bl) * 2)!important; 
			}
			
			&[style*="padding-bottom:var(--wp--preset--spacing--100)"],
			&[style*="padding-bottom:var(--wp--preset--spacing--120)"],
			&[style*="padding-bottom:var(--wp--preset--spacing--150)"] { 
				padding-bottom: calc(var(--bl) * 3)!important; 
			}

			&[style*="padding-right:var(--wp--preset--spacing--40)"],
			&[style*="padding-right:var(--wp--preset--spacing--50)"],
			&[style*="padding-right:var(--wp--preset--spacing--60)"],
			&[style*="padding-right:var(--wp--preset--spacing--80)"] { 
				padding-right: calc(var(--bl) * 2)!important; 
			}
			
			&[style*="padding-right:var(--wp--preset--spacing--100)"],
			&[style*="padding-right:var(--wp--preset--spacing--120)"],
			&[style*="padding-right:var(--wp--preset--spacing--150)"] { 
				padding-right: calc(var(--bl) * 3)!important; 
			}

			&[style*="padding-left:var(--wp--preset--spacing--40)"],
			&[style*="padding-left:var(--wp--preset--spacing--50)"],
			&[style*="padding-left:var(--wp--preset--spacing--60)"],
			&[style*="padding-left:var(--wp--preset--spacing--80)"] { 
				padding-left: calc(var(--bl) * 2)!important; 
			}
			
			&[style*="padding-left:var(--wp--preset--spacing--100)"],
			&[style*="padding-left:var(--wp--preset--spacing--120)"],
			&[style*="padding-left:var(--wp--preset--spacing--150)"] { 
				padding-left: calc(var(--bl) * 3)!important; 
			}
		}
	}
}

/* Show Animations */

/*header > .wp-block-group:not(.remove-animation--true),*/
.entry-content > .wp-block-group:not(.remove-animation--true),
.entry-content > .wp-block-cover:not(.remove-animation--true),
footer > .wp-block-group:not(.remove-animation--true) {
	.wp-block-column,
	p,
	h1,h2,h3,h4,h5,h6,
	img,
	.wp-block-safe-svg-svg-icon,
	li,
	a,
	button,
	form,
	cite,
	.wp-block-button,
	.wp-block-details,
	.wp-block-separator,
	.wp-block-slider,
	.yoast-breadcrumbs,
	.wp-block-posts__single__content::after {
		opacity: 0;
	}

	&.show {
		.wp-block-column,
		p,
		h1,h2,h3,h4,h5,h6,
		img,
		.wp-block-safe-svg-svg-icon,
		li,
		a,
		button,
		form,
		cite,
		.wp-block-button,
		.wp-block-details,
		.wp-block-separator,
		.wp-block-slider,
		.yoast-breadcrumbs,
		.wp-block-posts__single__content::after {
			animation-name: slideDownShow;
	  		animation-duration: .3s;
	  		animation-iteration-count: 1;
	  		animation-direction: normal;
  			animation-fill-mode: forwards;
	  		animation-timing-function: ease;
	  		animation-delay: 0s;
	  	}

	  	p,li,a,button,form,cite,.wp-block-button,.wp-block-details,.wp-block-separator,.wp-block-slider,.yoast-breadcrumbs,.wp-block-posts__single__content::after { animation-delay: .4s; }
		h1,h2,h3,h4,h5,h6,.has-heading-1-font-size,.has-heading-2-font-size,.has-heading-3-font-size,.has-heading-4-font-size,.has-heading-5-font-size,.has-heading-6-font-size { animation-delay: .3s; }
		img,.pre-title,.wp-block-safe-svg-svg-icon { animation-delay: .2s; }
		.wp-block-column,.wp-block-details > *:not(summary) { animation-delay: .1s; }
	}
}

@keyframes appear {
	0% {
		opacity: 0;
	}
  	100% {
  		opacity: 1;
  	}
}

@keyframes slideDownShow {
	0% {
		opacity: 0;
		transform: translateY(-2rem);
	}
  	100% {
  		opacity: 1;
  		transform: translateY(0);
  	}
}
