/*
Theme Name: WP VIP Launched Microsite
Theme URI: https://wpvip.com/
Author: WordPress Special Projects
Author URI: https://wpspecialprojects.wordpress.com
Description: Custom theme for WP VIP Launched microsite.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpviplaunched
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
html {
  scroll-behavior: smooth;
}

body * {
  font-synthesis: none;
}
body.single-releases::before, body.page-template-release-content::before {
  content: url(/wp-content/themes/wpvip-launched/assets/images/bg-launched.svg);
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  max-width: 100%;
  overflow: hidden;
  /* Firefox-specific background image */
}
@-moz-document url-prefix() {
  body.single-releases::before, body.page-template-release-content::before {
    content: url(/wp-content/themes/wpvip-launched/assets/images/bg-launched-firefox.svg);
  }
}
body mark {
  background-color: transparent;
}
body .space-between {
  justify-content: space-between;
}
@media (max-width: 782px) {
  body .mobile-center {
    justify-content: center;
  }
  body .mobile-hide {
    display: none;
  }
  body header .wp-block-site-logo {
    max-width: 250px;
  }
}
@media (min-width: 1237px) {
  body .desktop-hide {
    display: none;
  }
}
@media (min-width: 782px) and (max-width: 1236px) {
  body .tablet-hide {
    display: none;
  }
}
body .no-bg > .wp-block-group {
  background: unset !important;
}

.wp-site-blocks:has(.swiper) {
  overflow: clip;
}

.page-template-search-without-footer {
  background-color: var(--wp--preset--color--black);
}
.page-template-search-without-footer:has(#wpadminbar) .wp-site-blocks {
  min-height: calc(100% - var(--wp-admin--admin-bar--height));
}
.page-template-search-without-footer .wp-site-blocks {
  display: flex;
  flex-flow: column;
  height: 100%;
  min-height: 100dvh;
}
.page-template-search-without-footer .wp-site-blocks main {
  flex: 1;
}

.post-type-archive-releases .wp-block-post-title a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.is-style-heading-coming-soon {
  font-size: var(--wp--custom--wpvip-lead-l-font-size);
  line-height: var(--wp--custom--wpvip-lead-l-line-height);
  font-family: var(--wp--preset--font-family--aktiv-grotesk-bold);
}
@media (max-width: 782px) {
  .is-style-heading-coming-soon {
    letter-spacing: -3px;
  }
}
@media (min-width: 782px) {
  .is-style-heading-coming-soon {
    letter-spacing: -4.5px;
  }
}

.is-style-heading-coming-soon-description {
  font-size: clamp(1.125rem, 1.125rem + (1vw - 6.4px) * 0.5, 1.375rem);
  line-height: clamp(1.6875rem, 1.6875rem + (1vw - 6.4px) * 0.375, 1.875rem);
}

.is-style-button-text-link {
  background: unset;
  padding: unset;
  color: inherit;
}
.is-style-button-text-link a,
.is-style-button-text-link .wp-element-button {
  color: var(--wp--preset--color--white);
  font-weight: 400;
  padding: unset;
  background: unset;
  transition: gap 0.3s;
}
.is-style-button-text-link a:hover,
.is-style-button-text-link .wp-element-button:hover {
  gap: var(--wp--preset--spacing--tiny);
}

.wp-block-button__link.wp-element-button[target=_blank]::after {
  content: "";
  width: 1.5rem;
  background: currentcolor;
  -webkit-mask-image: url(/wp-content/themes/wpvip-launched/assets/images/external.svg);
  mask-image: url(/wp-content/themes/wpvip-launched/assets/images/external.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  height: 1.4117647059em;
}

.wp-block-button.is-style-button-primary a,
.wp-block-button.is-style-button-primary .wp-element-button {
  background: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
}
.wp-block-button.is-style-button-primary a:hover,
.wp-block-button.is-style-button-primary .wp-element-button:hover {
  background: var(--wp--preset--color--charcoal);
}
.wp-block-button.is-style-button-primary a:focus, .wp-block-button.is-style-button-primary a:focus-visible,
.wp-block-button.is-style-button-primary .wp-element-button:focus,
.wp-block-button.is-style-button-primary .wp-element-button:focus-visible {
  background: var(--wp--preset--color--dark-gold);
}
.wp-block-button.is-style-button-primary a::after,
.wp-block-button.is-style-button-primary .wp-element-button::after {
  content: unset;
}

@media (min-width: 782px) {
  .is-style-paragraph-text-indent {
    text-indent: 16.6667%;
  }
}

.has-h-1-font-size {
  line-height: var(--wp--custom--wpvip-h-1-line-height);
  letter-spacing: var(--wp--custom--wpvip-h-1-letter-spacing);
  font-weight: 700;
}

.has-h-2-font-size {
  line-height: var(--wp--custom--wpvip-h-2-line-height);
  letter-spacing: var(--wp--custom--wpvip-h-2-letter-spacing);
  font-weight: 700;
}

.has-h-3-font-size {
  line-height: var(--wp--custom--wpvip-h-4-line-height);
  letter-spacing: var(--wp--custom--wpvip-h-3-letter-spacing);
  font-weight: 700;
}

.has-h-4-font-size {
  line-height: var(--wp--custom--wpvip-h-4-line-height);
  letter-spacing: var(--wp--custom--wpvip-h-4-letter-spacing);
  font-weight: 700;
}

.has-h-5-font-size {
  line-height: var(--wp--custom--wpvip-h-5-line-height);
  letter-spacing: var(--wp--custom--wpvip-h-5-letter-spacing);
  font-weight: 400;
}

.has-h-6-font-size {
  line-height: var(--wp--custom--wpvip-h-6-line-height);
  letter-spacing: var(--wp--custom--wpvip-h-6-letter-spacing);
  font-weight: 700;
}

.has-lead-font-size {
  line-height: 1.2;
  letter-spacing: var(--wp--custom--wpvip-lead-letter-spacing);
  font-weight: 700;
}

.has-leadl-font-size {
  line-height: var(--wp--custom--wpvip-lead-l-line-height);
  letter-spacing: var(--wp--custom--wpvip-lead-l-letter-spacing);
  font-weight: 700;
}

.has-leadxl-font-size {
  line-height: var(--wp--custom--wpvip-lead-xl-line-height);
  letter-spacing: var(--wp--custom--wpvip-lead-xl-letter-spacing);
  font-weight: 700;
}

.wp-block-separator {
  border-top-width: 1px;
}
@media (max-width: 782px) {
  .wp-block-separator {
    flex-grow: 1;
    flex-basis: auto;
  }
}

.stickynav:has(nav) > .wp-block-group {
  top: var(--wp--preset--spacing--tiny);
}
.stickynav:has(nav) .wp-block-navigation__responsive-container-content {
  justify-content: space-between;
}
.stickynav:has(nav) .wp-block-navigation-item.nav-highlight:not(:has(~ .nav-highlight)) a {
  color: var(--wp--preset--color--gold);
  font-weight: 700;
}
.stickynav:has(nav) .wp-block-navigation__responsive-container-close {
  padding-top: 3.5rem;
}
.stickynav .wp-block-group[id] {
  scroll-margin-top: var(--wp--preset--spacing--large);
  /* First section */
}
.stickynav .wp-block-group[id]:nth-of-type(2) {
  scroll-margin-top: calc(var(--wp--preset--spacing--xx-large) + var(--wp--preset--spacing--regular));
}

body.admin-bar .stickynav:has(nav) > .wp-block-group {
  top: calc(var(--wp--preset--spacing--tiny) + 32px);
}

details {
  padding: var(--wp--preset--spacing--x-small);
  background: var(--wp--preset--color--charcoal);
  border-radius: 4px;
  border: 1px solid var(--wp--preset--color--charcoal);
}
details summary {
  font-size: var(--wp--preset--font-size--h-3);
  font-weight: 700;
  line-height: var(--wp--custom--wpvip-h-4-line-height);
  letter-spacing: var(--wp--custom--wpvip-h-3-letter-spacing);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
details summary::-webkit-details-marker, details summary::marker {
  display: none;
  content: "";
}
details summary::after {
  content: url(/wp-content/themes/wpvip-launched/assets/images/expand-icon.svg);
  height: 40px;
  width: 40px;
}
details[open] {
  background: unset;
}
details[open] summary::after {
  content: url(/wp-content/themes/wpvip-launched/assets/images/collapse-icon.svg);
}

.is-style-group-spacing-first-section {
  padding-top: clamp(3.75rem, -2.946rem + 17.857vw, 13.125rem);
}

@media (max-width: 782px) {
  .is-style-group-mobile-left-aligned .wp-block-group {
    align-items: flex-start;
  }
  .is-style-group-mobile-left-aligned * {
    text-align: left;
  }
}
.is-style-group-mobile-left-aligned > .wp-block-group:has(.wp-block-image) {
  flex: 1;
}

@media (max-width: 782px) {
  .is-style-group-mobile-left-aligned {
    flex-direction: column;
    align-items: flex-start;
  }
  .is-style-group-mobile-left-aligned > .wp-block-group:has(.wp-block-image) {
    max-width: 70%;
    min-width: 50%;
  }
}
.wp-block-image,
.wp-block-post-featured-image {
  position: relative;
}
.wp-block-image *,
.wp-block-post-featured-image * {
  max-width: 100%;
}
.wp-block-image svg,
.wp-block-post-featured-image svg {
  height: 100%;
}
.wp-block-image .svg-play-pause-button,
.wp-block-post-featured-image .svg-play-pause-button {
  z-index: 9;
  /*opacity: 0;*/
  transition: 0.3s ease;
  height: 2.25rem;
  width: 2.25rem;
  background: rgba(255, 255, 255, 0.4705882353);
  border-radius: 50%;
  border: none;
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  backdrop-filter: blur(2px);
}
.wp-block-image .svg-play-pause-button .control-centered-small-icon,
.wp-block-post-featured-image .svg-play-pause-button .control-centered-small-icon {
  width: 1.125rem;
  color: var(--wp--custom--text--primary);
  opacity: 0.65;
}

header > .wp-block-group {
  padding-top: calc(var(--wp--preset--spacing--regular) + var(--wp--preset--spacing--tiny));
  padding-bottom: var(--wp--preset--spacing--regular);
}
@media (max-width: 1236px) {
  header {
    position: sticky;
    top: 0;
    z-index: 99;
  }
}

@media (min-width: 782px) and (max-width: 1236px) {
  body.admin-bar header {
    top: 32px;
  }
}
/*
 * Hide do not sell preferences button + CA privacy policy link
 * for all users, except users from USA or Canada
 */
.ca-users {
  display: none;
}

body.country-US .ca-users,
body.country-CA .ca-users {
  display: contents;
}

footer {
  margin-block-start: unset;
}
footer p {
  display: contents;
}
footer p a {
  text-decoration: none;
}
footer p a:hover {
  color: var(--wp--preset--color--gold);
}
footer p + p::before {
  content: "|";
}