/* ============================================================================
 * cards
 * ============================================================================
 * Be More P.U.N.K. - Theme
 */
				

/* ----------------------------------------------------------------------------
 * colours
 * --------------------------------------------------------------------------*/

.card-cw-01 li {

	/* 01. White | pair with .on_light */
	background-color: var(--wp--preset--color--white);
	}

.card-cw-112 li:not(.cards ul li) {

	/* border: 12. Black: off
	 * background: 01. White
	 * pair with .on_light
	 */

	background-color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--theme-black-off);
	border-width: 0.3rem;
	border-style: solid;
	}

	.card-cw-23 li { background-color: var(--wp--preset--color--theme-purple); }

		.card-cw-23 li blockquote p { color: var(--wp--preset--color--white); }

.card-cw-123 li:not(.cards ul li) {

	/* border: 23. Purple
	 * background: 01. White
	 * pair with .on_light
	 */

	background-color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--theme-purple);
	border-width: 0.3rem;
	border-style: solid;
	}


/* ----------------------------------------------------------------------------
 * clickable
 * --------------------------------------------------------------------------*/

 .clickable-this:hover a {
	color: var(--wp--preset--color--theme-purple);
	text-decoration: underline;
	}


/* ----------------------------------------------------------------------------
 * inners
 * --------------------------------------------------------------------------*/

ul.cards .copy-wrapper:not(.card-cw-02 .copy-wrapper):not( ul.cards.copy-inset-medium .copy-wrapper ) {
	padding: var(--wp--preset--spacing--40);
	}

ul.cards.copy-inset-medium li .copy-wrapper:not(ul.card-cw-02.on_light.copy-inset-medium.card-arrow li .copy-wrapper) { padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--70) var(--wp--preset--spacing--60) var(--wp--preset--spacing--70) }

	ul.card-cw-02.on_light.copy-inset-small.card-arrow li .copy-wrapper p, ul.card-cw-02.on_light.copy-inset-medium.card-arrow li .copy-wrapper p {
		padding: 0 0 var(--wp--preset--spacing--60) 0;
		}



/* ----------------------------------------------------------------------------
 * images
 * --------------------------------------------------------------------------*/

.cards img {

	/* removes the unwanted space between bottom of image and closing of picture tag */
	display: block;
    width: 100%;
    height: auto;
    }


/* ----------------------------------------------------------------------------
 * text
 * --------------------------------------------------------------------------*/

.card-cw-112 li h3:not(.card-cw-112 .copy-wrapper h3) {
	background-color: var(--wp--preset--color--theme-black-off);
	color: var(--wp--preset--color--white);
	padding: var(--wp--preset--spacing--40);
	margin-bottom: 0;
	}

.card-cw-123 li h3 {
	background-color: var(--wp--preset--color--theme-purple);
	color: var(--wp--preset--color--white);
	padding: var(--wp--preset--spacing--40);
	}

.copy-wrapper p:last-of-type { margin-bottom: 0; }




/* ----------------------------------------------------------------------------
 * reviews (child-card-review)
 * ----------------------------------------------------------------------------
 * https://unicodeplus.com/
 */

.child-card-review h3 { margin-bottom: 0.2rem; }

div.review-meta { margin-bottom: var(--wp--preset--spacing--40); }

	.child-card-review h3 { margin-bottom: 0; }

	.review-meta p, p.review-rating { margin-bottom: 0 !important; }

	p.review-rating { 
		background-size: auto 100%;
		background-repeat: no-repeat;
		height: var(--wp--preset--spacing--50);
		margin-bottom: 0.2rem !important;
		}

	.review-stars-one { background-image: url("../images/icon_stars_one.svg"); }

	.review-stars-two { background-image: url("../images/icon_stars_two.svg"); }

	.review-stars-three { background-image: url("../images/icon_stars_three.svg"); }

	.review-stars-four { background-image: url("../images/icon_stars_four.svg"); }

	.review-stars-five { background-image: url("../images/icon_stars_five.svg"); }

	.review-rating span {
	
		/* hide the text and display appropriate number of stars */
		position: absolute;
		left: -999em;
		}

	p.review-author {
		font-weight: var(--wp--custom--fw-semi-bold);
		}

/*
.child-card-review p:first-of-type::before {
	content: "\1F676";
	font-size: var(--wp--preset--font-size--fs-extra-large);
	margin-right: 0.2rem;
	}

.child-card-review p:last-of-type::after {
	content: "\1F678";
	font-size: var(--wp--preset--font-size--fs-extra-large);
	margin-left: 0.2rem;
	}

*/