/**
 * Stay True — global frontend styles.
 */

 /*Footer*/
 .footer-extra {background: #f6f4ef!important;  padding: 0 15px!important}

/* Square featured images in blog / artists / releases loop cards. */
.blog-wrapper .entry-header .post-thumbnail {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.blog-wrapper .entry-header .post-thumbnail img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

/* Force top-anchored square crop on every archive card thumbnail —
   overrides Razzi's default .post-thumbnail styling which centers portrait
   sources and clips the face. Wildcarded so it applies whether the card
   wrapper is .blog-wrapper, .razzi-posts__list, or a plain archive. */
body.archive .post-thumbnail,
body.blog .post-thumbnail,
body.search .post-thumbnail,
.razzi-posts__list .post-thumbnail,
.razzi-posts__wrapper .post-thumbnail {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
}

body.archive .post-thumbnail img,
body.blog .post-thumbnail img,
body.search .post-thumbnail img,
.razzi-posts__list .post-thumbnail img,
.razzi-posts__wrapper .post-thumbnail img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center top !important;
}

/* Single pages keep their natural aspect — never let the archive override
   spill into the single-launchpad_releases/_artists layouts. */
.single .post-thumbnail,
.single .post-thumbnail img {
	aspect-ratio: auto !important;
	object-position: unset !important;
	position: static !important;
	inset: auto !important;
}


  .single-launchpad_releases  .post-wrapper .entry-content,
  .single-launchpad_artists  .post-wrapper .entry-content,
  .single-post.full-content .comments-area {
    max-width: 780px;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .single-launchpad_releases  .entry-header,
  .single-launchpad_artists  .entry-header {
  margin-bottom: 70px; text-align: center
}
.razzi-post__tag,
.razzi-post__socials-share,
.lp-listen-now,
  {text-align: center;}
.site-breadcrumb {
 padding: 19px 0 0 10px !important;
}

.single-launchpad_releases .site-content,
.single-launchpad_artists .site-content {
  padding-top: 30px;
}
.launchpad_releases .blog-date,
.launchpad_artists .blog-date {display:none!important}
/* Release meta only shows the release date, so drop Razzi's "/" separator. */
.single-launchpad_releases .entry-meta .meta-date:before {
	content: none;
	margin-right: 0;
}
/* Release single: featured image + artist image side-by-side. */
.single-launchpad_releases .lp-release-media {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin: 30px 0;
}

.single-launchpad_releases .lp-release-media__item {
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.single-launchpad_releases .lp-release-media__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.single-launchpad_releases .lp-release-media:has(> .lp-release-media__item:only-child) {
	grid-template-columns: 1fr;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 600px) {
	.single-launchpad_releases .lp-release-media {
		grid-template-columns: 1fr;
	}
}

/* Listen Now button on single releases. */
.lp-listen-now {
	margin: 40px 0; text-align: center;
}
.entry-footer { text-align: center;}
.lp-listen-now__link {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 6px 4px 10px;
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.lp-listen-now__link:hover,
.lp-listen-now__link:focus-visible {
	opacity: 0.75;
	color: inherit;
	text-decoration: none;
}

.lp-listen-now__label {
	font-size: 15px;
}

.lp-listen-now__arrow {
	display: inline-block;
	font-size: 16px;
	transition: transform 0.2s ease;
}

.lp-listen-now__link:hover .lp-listen-now__arrow,
.lp-listen-now__link:focus-visible .lp-listen-now__arrow {
	transform: translateX(4px);
}

.entry-meta .meta-catalog {
	font-weight: 700;
}

/* Artist single: Bandcamp shortcode + streaming/store icon row. */
.lp-artist-bandcamp__intro {
	margin: 60px 0 12px;
	text-align: center;
}

.lp-artist-bandcamp {
	margin: 0 auto 20px;
	max-width: 420px;
}

.lp-artist-bandcamp iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 0;
}

.lp-service-links-wrap {
	margin: 40px 0 10px;
	text-align: center;
}

.lp-service-links__heading {
	font-size: 13px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin: 0 0 18px;
	opacity: 0.7;
}

.lp-service-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.lp-service-links__item {
	margin: 0;
	padding: 0;
}

.lp-service-links__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	color: inherit;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0.02em;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.lp-service-links__link:hover,
.lp-service-links__link:focus-visible {
	background-color: currentColor;
	transform: translateY(-1px);
	text-decoration: none;
}

.lp-service-links__link:hover .lp-service-links__label,
.lp-service-links__link:focus-visible .lp-service-links__label,
.lp-service-links__link:hover .lp-service-links__icon,
.lp-service-links__link:focus-visible .lp-service-links__icon {
	color: #f6f4ef;
}

.lp-service-links__icon {
	width: 18px;
	height: 18px;
	display: block;
	flex-shrink: 0;
}

.lp-service-links__label {
	white-space: nowrap;
}

#contact_hero video{transform: translate(-50%,-50%)!important;}
.page-header__content.container {
    margin-right: auto!important;
margin-left: auto!important;
padding-left: 40px!important;
padding-right: 40px!important;
width: 100%;

}
.razzi-posts__found-inner .count-bar { width: auto!important}
.post-type-archive #content,
.razzi-blog-page .page-header + .site-content,
.archive .site-content {
  padding-top: 80px!important;
  padding-bottom: 80px!important;
  background: #1d1d1d!important;
   
}
.post-type-archive  .razzi-button.button-normal {
  color: #E8E4DE!important;
}
.post-type-archive  .razzi-button.button-normal:hover {
  color: #F6F4EF!important;
}
.post-type-archive .entry-content {
color: #f6f4ef!important 
}
.post-type-archive .site-breadcrumb {display: none!important}
/* Tag & category archives: force 3-column grid so mixed CPT results
   (posts, releases, artists) render as cards, matching the blog/releases
   archives. Overrides Razzi's default single-column tag/category layout. */
.tag .razzi-posts__wrapper,
.tag .razzi-posts__list,
.category .razzi-posts__wrapper,
.category .razzi-posts__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.newsletter-popup-layout-2-columns .newsletter-popup-wrapper {
  padding: 85px 70px 26px!important;
}
.tag .razzi-posts__wrapper > article,
.tag .razzi-posts__list > article,
.category .razzi-posts__wrapper > article,
.category .razzi-posts__list > article {
	width: 100%;
	max-width: 100%;
	margin: 0;
}
a.aiovg-link-social {padding: 10px 12px !important;background: #1d1d1d!important; border-radius: 50px!important; }
.single-aiovg_videos h1.page-header__title {
  font-size: 48px!important;
  font-weight: 400!important;
  text-align: center !important;
  letter-spacing: 0!important;
  text-transform: none!important
}
@media (min-width: 600px) {
 .single-post .site-breadcrumb {
text-align:center
 }

}

@media (max-width: 600px) {
	.lp-service-links {
		gap: 8px;
	}
	.lp-service-links__link {
		padding: 8px 14px;
		font-size: 12px;
	}
	 .page-header__content.container {
  margin-right: 0 !important;
  margin-left: 0!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}
}
@media (max-width: 991px) {
	.tag .razzi-posts__wrapper,
	.tag .razzi-posts__list,
	.category .razzi-posts__wrapper,
	.category .razzi-posts__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.tag .razzi-posts__wrapper,
	.tag .razzi-posts__list,
	.category .razzi-posts__wrapper,
	.category .razzi-posts__list {
		grid-template-columns: 1fr;
	}
}
h1.page-header__title {
  padding: 60px 0 19px!important;
  font-family: "Epilogue", Sans-serif;
  font-size: 10vw;
  font-weight: 600;
  text-transform: lowercase;
  font-style: normal;
  text-decoration: none;
  line-height: 1em;
  letter-spacing: -8px;
  word-spacing: 0px;
  color: var( --e-global-color-secondary )!important;
  text-align: left !important;
  margin-bottom: -20px!important;
}
.razzi-post__socials-share .social-share-link {
  border-radius: 50px;
}
.razzi-post__socials-share .social-share-link {
  border-radius: 50px;
}

/* Main navigation hover + active colour. */
body #primary-menu .nav-menu > li > a:hover,
body #primary-menu .nav-menu > li.current-menu-item > a,
body #primary-menu .nav-menu > li.current-menu-ancestor > a,
body #primary-menu .nav-menu > li.current-menu-parent > a,
body #primary-menu .nav-menu > li.active > a,
body #primary-menu .nav-menu > li:hover > a,
body #primary-menu .nav-menu .sub-menu a:hover,
body #primary-menu .nav-menu .sub-menu .current-menu-item > a {
	color: #8B867E !important;
}

.main-navigation .nav-menu > li > a:after {
	background-color: #8B867E !important;

}

/* Footer social icons on Elementor post 20888. */
.elementor-20888 .elementor-social-icon,
.elementor-20888 .elementor-social-icon svg,
.elementor-20888 .elementor-social-icon i {
	background-color: transparent !important;
	color: #1d1d1d !important;
	fill: #1d1d1d !important;
	transition: color 0.2s ease, fill 0.2s ease;
}

.elementor-20888 .elementor-social-icon:hover,
.elementor-20888 .elementor-social-icon:focus-visible,
.elementor-20888 .elementor-social-icon:hover svg,
.elementor-20888 .elementor-social-icon:hover i {
	color: #8f8a82 !important;
	fill: #8f8a82 !important;
}

/* Hero social icons on post 49 (elementor-element-e64ed86). */
.elementor-element-e64ed86 .elementor-social-icon,
.elementor-element-e64ed86 .elementor-social-icon svg,
.elementor-element-e64ed86 .elementor-social-icon i {
	background-color: transparent !important;
	color: #ffffff !important;
	fill: #ffffff !important;
	transition: color 0.2s ease, fill 0.2s ease;
}

.elementor-element-e64ed86 .elementor-social-icon:hover,
.elementor-element-e64ed86 .elementor-social-icon:focus-visible,
.elementor-element-e64ed86 .elementor-social-icon:hover svg,
.elementor-element-e64ed86 .elementor-social-icon:hover i {
	color: #8f8a82 !important;
	fill: #8f8a82 !important;
}

.catalog-toolbar-right {display: none!important}
.catalog-toolbar-tabs__content {margin: auto!important}

ul.products li.product .product-inner,
.ul.products li.product .product-summary {
  background-color: transparent!important;
text-align:center
}
ul.products.product-loop-layout-1 li.product .woocommerce-loop-product__title {
color: #868179!important
}
ul.products li.product .product-inner .product-summary {
    background-color: transparent!important;
}
ul.products.product-loop-layout-1 li.product .product-summary span.price{
color: #fff!important

}

/* Shop archive: make the product thumbnail fill its card so title/price sit
   centered under a full-width image. Razzi's default rules leave the img at
   its intrinsic 300px, which off-centers the (center-aligned) text below when
   the catalog is set to 3 columns and cards are wider than 300px. */
.woocommerce-page ul.products li.product .product-thumbnail,
.woocommerce-page ul.products li.product .product-thumbnail .woocommerce-loop-product__link,
.post-type-archive-product ul.products li.product .product-thumbnail,
.post-type-archive-product ul.products li.product .product-thumbnail .woocommerce-loop-product__link,
.tax-product_cat ul.products li.product .product-thumbnail,
.tax-product_cat ul.products li.product .product-thumbnail .woocommerce-loop-product__link {
	display: block;
	width: 100%;
}

.woocommerce-page ul.products li.product .product-thumbnail .woocommerce-loop-product__link img,
.post-type-archive-product ul.products li.product .product-thumbnail .woocommerce-loop-product__link img,
.tax-product_cat ul.products li.product .product-thumbnail .woocommerce-loop-product__link img,
.woocommerce-page ul.products li.product > a.woocommerce-loop-product__link > img,
.post-type-archive-product ul.products li.product > a.woocommerce-loop-product__link > img,
.tax-product_cat ul.products li.product > a.woocommerce-loop-product__link > img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}
/* All-in-One Videos Carousel (Elementor widget) */
.stay-true-aiovg-videos-carousel .entry-header {
	position: relative;
	overflow: hidden;
}
.stay-true-aiovg-videos-carousel .post-thumbnail {
	display: block;
	position: relative;
}
.stay-true-aiovg-videos-carousel .post-thumbnail::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.55) 100%);
	pointer-events: none;
	transition: opacity 0.3s ease;
	opacity: 0.9;
}
.stay-true-aiovg-videos-carousel .aiovg-play-badge {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.9);
	color: #fff;
	opacity: 0.85;
	transition: transform 0.3s ease, opacity 0.3s ease;
	pointer-events: none;
	z-index: 2;
	filter: drop-shadow(0 2px 8px rgba(0,0,0,0.45));
}
.stay-true-aiovg-videos-carousel .blog-wrapper:hover .aiovg-play-badge {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}
.stay-true-aiovg-videos-carousel .aiovg-duration-badge {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	padding: 3px 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	color: #fff;
	background: rgba(0,0,0,0.75);
	border-radius: 3px;
	letter-spacing: 0.02em;
}
.stay-true-aiovg-videos-carousel .aiovg-video-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin: 0 0 10px;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var( --e-global-color-text, #777 );
}
.site-header__border {
  border-bottom: 0px!important
}
.razzi-posts__wrapper a.razzi-button.button-normal {
  color: #E8E4DE!important;
}
.razzi-posts__wrapper a.razzi-button.button-normal:hover {
  color: #8b867e!important;
}