:root {
	--wp--custom--carousel-block--pagination-bullet-active-color: #fff;
	--wp--custom--carousel-block--pagination-bullet-color: rgba(255,255,255,.7);
	--wp--custom--carousel-block--pagination-bullet-size: 12px;
	--wp--custom--carousel-block--pagination-bullet-horizontal-gap: 10px;
}

@media screen and (max-width: 999px) {
	.desktop-only {
		display: none;
	}
}

@media screen and (min-width: 1000px) {
	.mobile-only {
		display: none;
	}
}

/* Footer */
footer.wp-block-template-part {
	margin-block-start: 0;
}

footer.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content[aria-current="page"], body.single-portfolio-item footer.wp-block-template-part .nav-projects>.wp-block-navigation-item__content.wp-block-navigation-item__content,
body.single-post footer.wp-block-template-part .nav-blog>.wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--preset--color--bgs-white);
	text-decoration: underline;
}

/* Header: Navigation */
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content[aria-current="page"],
body.single-portfolio-item header.wp-block-template-part .nav-projects>.wp-block-navigation-item__content.wp-block-navigation-item__content,
body.single-post header.wp-block-template-part .nav-blog>.wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: var(--wp--preset--color--bgs-teal);
	text-decoration: underline;
}

/* Content */
.wp-site-blocks h1>a, .wp-site-blocks h2>a, .wp-site-blocks h3>a, .wp-site-blocks h4>a, .wp-site-blocks h5>a, .wp-site-blocks h6>a {
	text-decoration: none;
}

.wp-site-blocks a:hover {
	opacity: 0.85;
}

/* Buttons */
.wp-block-buttons .wp-block-button.external-link>a {
	background-image: url('/wp-content/themes/bgstories-2025/assets/images/white-external-link.svg');
	background-position: center right 20px;
	background-repeat: no-repeat;
	background-size: 15px auto;
	padding-right: calc(1.333em + 20px);
}

/* Captions, generally */
.wp-block-image>figcaption {
	background: url('/wp-content/themes/bgstories-2025/assets/images/gray-triangle.svg') no-repeat top left;
	background-size: 30px auto;
	margin-top: 20px;
	padding-top: 25px;
}

/* Portfolio item */
ul.portfolio-item-taxonomy {
	list-style: none;
	padding-left: 0;
}

ul.portfolio-item-taxonomy>li {
	display: inline-block;
	line-height: 50px;
	padding-right: 20px;
}

ul.portfolio-item-taxonomy>li>a {
	display: inline-block;
	text-decoration: none;
}

ul.portfolio-item-taxonomy>li>a>img {
	height: auto !important;
	width: 30px !important;
	margin-right: 8px;
	vertical-align: middle;
}

.wp-block-group.portfolio-item-accessibility a {
	text-decoration: none;
}

.wp-block-group.portfolio-item-feature-highlight .wp-block-image>figcaption {
	background: url('/wp-content/themes/bgstories-2025/assets/images/light-teal-triangle.svg') no-repeat top left;
	background-size: 40px auto;
	margin-top: 20px;
	padding-top: 35px;
}

.wp-block-group.portfolio-item-testimonial .wp-block-heading {
	background: url('/wp-content/themes/bgstories-2025/assets/images/teal-triangle-down.svg') no-repeat bottom left;
	background-size: 40px auto;
	margin-bottom: 20px;
	padding-bottom: 40px;
}

.portfolio-item-related-container {
	display: flex;
	gap: 5%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.portfolio-item-related-container>.related-item {
	width: 28.3%;
}

.portfolio-item-related-container>.related-item img {
	height: auto;
	max-width: 100%;
}

@media screen and (max-width: 599px) {
	.portfolio-item-masthead .wp-block-cover {
		min-height: 50vh !important;
	}

	ul.portfolio-item-taxonomy>li {
		display: block;
	}
	
	.portfolio-item-related-container>.related-item {
		width: 45%;
	}
}

/* Porfolio browser */
.wp-block-group.portfolio-browser .cvp-live-filter {
	background-color: var(--wp--preset--color--bgs-teal);
	color: var(--wp--preset--color--white);
	margin-top: 10px;
	width: 100%;
	padding: 10px;
}

.wp-block-group.portfolio-browser .cvp-live-filter .cvp-label {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.wp-block-group.portfolio-browser .pt-cv-content-item img {
	height: auto;
	width: 100% !important;
}