/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* Artists */

	.artists {
		display: grid;
		grid-template-columns: repeat(3, 30%);
		column-gap: 5%;
		row-gap: 2rem;
	}

	.artists > .artist {
		text-align: center;
	}

/* Taxonomy */

	.category-term-flexbox {
		display: flex;
		gap: 2.5em;
		margin-bottom: 4em;
	} .category-term-flexbox > * {
		flex: 1;
	}

	.category-term-summary img {
		width: auto;
		max-height: 500px;
		margin-bottom: 1em;
	}

	.grid-entry {
		text-align: center;
	}

	/* Modal */

	body.tax-artist .mfp-container {
		display: flex;
		align-items: center;
	}

	body.tax-artist .mfp-bg {
		background-color: #eee;
	} body.tax-artist .mfp-content {
		width: 1000px;
		padding: 2em;
		background-color: #fff;
	}

	body.tax-artist .mfp-wrap .category-term-flexbox {
		margin: 0;
	} body.tax-artist .mfp-wrap .category-term-summary img {
		padding: 0;
	} body.tax-artist .mfp-wrap .category-term-summary .mfp-bottom-bar {
		position: static;
		margin: 0;
	}

	body.tax-artist .mfp-wrap .mfp-title {
		color: #000;
		font-size: 2em;
	} body.tax-artist .mfp-wrap p {
		line-height: normal;
	} body.tax-artist .mfp-wrap p.price {
		font-size: 2em;
	} body.tax-artist .mfp-wrap p a {
		text-decoration: underline !important;
	}

	body.tax-artist div.avia-popup .mfp-close {
		color: #000;
	} body.tax-artist div.avia-popup .mfp-close:hover {
		border-color: #000;
	}

	div.avia-popup .mfp-prev, div.avia-popup .mfp-next {
		padding: 0;
		width: 40px;
		height: 40px;
		font-size: 20px;
		line-height: 35px;
		background-color: rgba(0,0,0,.1);
		font-family: Arial, Baskerville, monospace !important;
		text-align: center;
		border-radius: 50%;
		border: 2px solid transparent;
		transition: all .3s;
		cursor: pointer;
		opacity: .75;
	} div.avia-popup .mfp-next {
		display: block;
		margin-left: auto;
	} div.avia-popup .mfp-prev:hover, div.avia-popup .mfp-next:hover {
		opacity: 1;
		border-color: #000;
	}

	#ajax-description > *:empty {
		display: block;
		width: 90%;
		height: 50px;

		position: relative;
		animation-duration: 5s;
		animation-fill-mode: forwards;
		animation-iteration-count: infinite;
		animation-name: skeletonScreenAnimation;
		animation-timing-function: linear;
		background-color: rgba(0,0,0,.5);
		background: linear-gradient(to right, rgba(0,0,0,.1) 8%, #fff 18%, rgba(0,0,0,.1) 33%);
		background-size: 100vw 50px;
	}

	@keyframes skeletonScreenAnimation {
		0% {
			background-position: -100vw 0
		} 100% {
			background-position: 100vw 0
		}
	}

@media only screen and (max-width: 767px) {

	.artists {
		grid-template-columns: repeat(2, 47.5%);
	}

	.category-term-flexbox {
		display: block;
	}
}