/* === CANVA COVEN === */

.join-btn {
    bottom: -70px;
}

@media (max-width: 650px) {
    .join-btn {
        bottom: -42px;
    }
}

.pocket-btn {
    bottom: -70px;
}

@media (max-width: 650px) {
     .pocket-btn {
        bottom: -25px;
    }
}

/* === BLOG PAGE === */

.content-area.blog-single .blog-title {
    background: #bef4ee;
}

.content-area.blog-single h2 {
    background: #bef4ee;
}

.content-area.blog-single a {
    color: #31bdaf;
}
/* === BUTTONS === */
.kb-button {
    font-family: ITC Avant Garde Gothic Demi;
    font-weight: 500;
    border-radius: 0 !important;
}

.coven-button {
    position: relative;
    bottom: -7.2rem;
}

.btn.btn--teal {
    display: inline-block;
    background: #7be0d6;
    border: 3px solid #000;
    font-family: ITC Avant Garde Gothic Demi;
    font-weight: 500;
}

.btn--white {
    border: 3px solid #fff !important;
}

.btn.btn--teal:hover {
    color: #d8b0ff;
    border-color: #d8b0ff;
    background: #000;
}

/* === Canva Vault  === */

.page-id-21690.pmpro-body-level-required {
	main {
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url('https://infinity-creative.co.uk/wp-content/uploads/2026/03/Login-Portals-Template-Emporium-4.webp');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 100vh;
	}
}


.page-id-21690.pmpro-body-level-required.pmpro-body-has-access {
	main {
		background: none;
		padding-top: 0;
		padding-bottom: 0;
		height: auto;
	}
}

.vault-intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	h2 {
		margin-top: 0;
		font-family: 'ITC Avant Garde Gothic Demi';
        font-weight: 500;
		text-transform: uppercase;
	}
}

.pmpro {
	.pmpro_card {
		border: 3px solid #000;
	}
	.pmpro_card_content {
		text-align: center;
	}
	.pmpro_card_content+.pmpro_card_actions {
		border-top: 3px solid #000 !important;
		text-align: center;
		background: #000;
        color: #fff;

		a {
			color: #fff;
		}
	}

	.pmpro_content_message .pmpro_card_title {
		justify-content: center;
		font-size: 2rem;
	}
}

@media (max-width: 600px) {
	.pmpro  {
		.pmpro_content_message .pmpro_card_title {
			text-align: center;
			font-size: 1.4rem;

			svg {
				display: none;
			}
		}
	}
}