/*
Theme Name: Memberlite - Child Theme
Theme URI: https://www.paidmembershipspro.com/themes/memberlite
Description: This is a Memberlite child theme.   
Author: Kim Coleman
Author URI: https://www.strangerstudios.com/  
Template: memberlite
Version: 1.0.0.0.17
License: GPL-2.0+  
License URI: http://www.gnu.org/licenses/gpl-2.0.html  
*/

/* Site Header */
.site-header-variation .menu {
	font-family: var(--memberlite-header-font);
	font-size: var(--wp--preset--font-size--16);
	font-weight: 600;
}

/** General Layouts **/
.masthead {
	padding-bottom: 0;
}

.masthead + .row {
	margin-top: var(--wp--preset--spacing--20);
}

/** Posts **/
.grid-list article {
	box-shadow: var(--pmpro--box-shadow);
}

/** Recipes **/
.single-recipe .masthead h1 {
	text-align: center;
}

/** Membership Account Area **/
.pmpro-account .pmpro_form_field-file-pdf img {
	display: none;
}

.pmpro #pmpro_account-links .pmpro_card {
	margin: 0;
}
#pmpro_account-links ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#pmpro_account-links ul ul {
	margin-top: var(--wp--preset--spacing--10);
}
#pmpro_account-links ul ul ul,
.pmpro-member-navigation ul.sub-menu {
	gap: calc( var(--wp--preset--spacing--10) / 2 );
	margin: calc( var(--wp--preset--spacing--10) / 2 ) 0 0 29px;
}
#pmpro_account-links ul ul ul a,
.pmpro-member-navigation ul.sub-menu a {
	font-weight: normal;
}
#pmpro_account-links ul li {
	margin-bottom: 0;
}
#pmpro_account-links ul li a,
.pmpro-member-navigation ul li a {
	font-weight: 700;
	letter-spacing: -0.03rem;
	text-decoration: none;
}
#pmpro_account-links ul li a:hover,
.pmpro-member-navigation ul li a:hover {
	text-decoration: underline;
}
#pmpro_account-links ul li a i,
.pmpro-member-navigation ul li a i {
	display: inline-block;
	opacity: 0.6;
	width: 26px;
}
.pmpro-member-navigation ul {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--10);
}

/** Download Library **/
/* The Add On's grid is a fixed three columns at every width. Step it down to match .grid-list. */
.pmpro_download_library.pmpro_download_library-columns-3 {
	grid-template-columns: 1fr;
}

/* The Add On ellipsizes titles on one line, which truncates them at a third of the content width. */
.pmpro_download_library-grid .pmpro_download-title {
	overflow: visible;
	white-space: normal;
}

/* Bottom-align the download buttons when descriptions run to different lengths. */
.pmpro_download_library-grid .pmpro_download-card .pmpro_card_content {
	display: flex;
	flex-direction: column;
}
.pmpro_download_library-grid .pmpro_download-card .pmpro_card_content > p:last-of-type {
	margin-top: auto;
}

@media (min-width: 768px) {
	.pmpro_download_library.pmpro_download_library-columns-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1160px) {
	.pmpro_download_library.pmpro_download_library-columns-3 {
		grid-template-columns: repeat(3, 1fr);
	}
}

/** bbPress **/
.forum-archive p.pmpro_bbp_membership_msg {
	display: none;
}

/** Block Styles **/
.wp-block-group.is-style-blob-1,
.wp-block-group.is-style-blob-2,
.wp-block-group.is-style-blob-3 {
	position: relative;
	padding: 4rem 3rem;
	transition: border-radius 600ms ease-in-out;
}

.wp-block-group.is-style-blob-1 {
	border-radius: 62% 38% 46% 54% / 60% 43% 57% 40%;
}

.wp-block-group.is-style-blob-2 {
	border-radius: 71% 29% 33% 67% / 30% 62% 38% 70%;
}

.wp-block-group.is-style-blob-3 {
	border-radius: 1rem 8rem 1rem 8rem;
}

.wp-block-group.is-style-blob-1:hover {
	border-radius: 54% 46% 58% 42% / 47% 56% 44% 53%;
}

.wp-block-group.is-style-blob-2:hover {
	border-radius: 63% 37% 45% 55% / 38% 54% 46% 62%;
}

.wp-block-group.is-style-blob-3:hover {
	border-radius: 8rem 1rem 8rem 1rem;
}

.blob-overhang {
	position: relative;
	z-index: 2;
}

.blob-overhang img {
	display: block;
	max-width: 100%;
	height: auto;
}

.blob-overhang-top {
	margin-top: -3rem;
}

.blob-overhang-bottom {
	margin-bottom: -3rem;
}

.blob-overhang-left {
	margin-left: -3rem;
}

.blob-overhang-right {
	margin-right: -3rem;
}

@media (max-width: 600px) {
	.wp-block-group.is-style-blob-1,
	.wp-block-group.is-style-blob-2,
	.wp-block-group.is-style-blob-3 {
		padding: 2.5rem 2rem;
	}

	.wp-block-group.is-style-blob-1,
	.wp-block-group.is-style-blob-2 {
		border-radius: 3rem;
	}

	.wp-block-group.is-style-blob-3 {
		border-radius: 0.75rem 4rem 0.75rem 4rem;
	}

	.blob-overhang-top {
		margin-top: -1.25rem;
	}

	.blob-overhang-bottom {
		margin-bottom: -1.25rem;
	}

	.blob-overhang-left {
		margin-left: -1.25rem;
	}

	.blob-overhang-right {
		margin-right: -1.25rem;
	}
}

:root {
	--wave-color: #<?php echo esc_attr( $wave ); ?>;
	--wave-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24'%3E%3Cpath d='M3 17C45 3 95 5 130 11c35 6 75 4 107-5' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");
	--arch-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 30'%3E%3Cg fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round'%3E%3Cpath d='M4 15C28 4 78 4 112 11'/%3E%3Cpath d='M16 26C38 16 78 16 102 21'/%3E%3C/g%3E%3C/svg%3E");
}

.wp-block-separator.is-style-wave,
.wp-block-separator.is-style-double-arch {
	border: 0;
	background-color: var(--wave-color);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}
 
/* Full-width swoosh. Stretches to the container. */
.wp-block-separator.is-style-wave {
	width: 100%;
	max-width: 100%;
	height: 26px;
	-webkit-mask-image: var(--wave-mask);
	mask-image: var(--wave-mask);
}
 
/* Small centered accent. Fixed width so the stroke weight stays constant. */
.wp-block-separator.is-style-double-arch {
	width: 132px;
	max-width: 100%;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	-webkit-mask-image: var(--arch-mask);
	mask-image: var(--arch-mask);
}
 
/* Left-align the arch by adding the alignleft class in the sidebar. */
.wp-block-separator.is-style-double-arch.alignleft {
	margin-left: 0;
}
 
@media (max-width: 600px) {
	.wp-block-separator.is-style-wave {
		height: 18px;
	}
 
	.wp-block-separator.is-style-double-arch {
		width: 104px;
		height: 24px;
	}
}

@media print {
	.site-footer {
		display: none;
	}
}