/*
  Theme Name: Ollie Child
  Theme URI: http://olliewp.com
  Template: ollie
  Author: Mike McAlister
  Author URI: http://mikemcalister.com
  Description: Launch a blazing-fast, pixel-perfect website with the Ollie WordPress block theme! Ollie features over 50 beautiful pattern designs, 7 full-page pattern layouts, and a fully-customizable design system with Global Styles. Ollie integrates seamlessly with all of the powerful new WordPress editor features, giving you the most lightweight and powerful website builder on the planet — no expensive page builder plugin required! ✶ Full demo: https://demo.olliewp.com ✶
  Tags: blog,portfolio,entertainment,grid-layout,one-column,two-columns,three-columns,four-columns,block-patterns,block-styles,custom-logo,custom-menu,editor-style,featured-images,full-site-editing,full-width-template,rtl-language-support,style-variations,template-editing,theme-options,translation-ready,wide-blocks
  Version: 1.6.0.1787364000
  Updated: 2026-05-13 14:37:21

  */

  :root {
    --rar-page: #FDFAF8;
    --rar-ivory: #FFFFFF;
    --rar-blush: #F8E4E8;
    --rar-border: #F0C4CD;
    --rar-rose: #DC93A5;
    --rar-heading: #625659;
    --rar-text: #625659;
    --rar-muted: #8C8285;
  }

  body {
    background-color: var(--rar-page) !important;
    color: var(--rar-text);
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
  }

  h1, h2, h3, h4, h5, h6 {
    color: var(--rar-heading);
    font-family: "EB Garamond", serif;
    font-weight: 500;
  }

  .my-image-section .wp-block-media-text__media {
    padding: 0 !important;
  }

  .my-image-section .wp-block-media-text__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  /* Right Column - must be relative */
  .right-col {
    position: relative !important;
    overflow: visible !important;
  }

  /* Spacer to reserve space for badge */
  .badge-spacer {
    display: block;
    height: 100px; /* same as badge size */
    width: 100%;
  }

  /* Circle Badge */
  .circle-badge-right {
    position: absolute !important;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px !important;
    height: auto !important;
    display: block !important;
    z-index: 10;
  }

  /* TABLET */
  @media (min-width: 768px) and (max-width: 1024px) {
    .circle-badge-right {
      width: 110px !important;
      bottom: -55px;
    }

    .badge-spacer {
      height: 80px;
    }
  }



  /* MOBILE */
  @media (max-width: 767px) {
    .circle-badge-right {
      width: 90px !important;
      bottom: -45px;
      left: 50%;
    }

    .badge-spacer {
      height: 60px;
    }
  }
  @media (max-width: 767px) {
    .circle-badge-righted-side{
      width: 90px !important;
      bottom: -70px;
      left: 50%!important;
    }

    .badge-spacer {
      height: 60px;
    }
  }

  .circle-badge-righted-side{
    position: absolute !important;
    bottom: -70px;
    left: 100%;
    transform: translateX(-50%);
    width: 140px !important;
    height: auto !important;
    display: block !important;
    z-index: 10;
  }


  .wp-block-kadence-heading h1,
  .wp-block-kadence-heading h2,
  .wp-block-kadence-heading h3,
  .wp-block-kadence-heading h4,
  .wp-block-kadence-heading h5,
  .wp-block-kadence-heading h6 {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .wp-block-kadence-advancedheading,
  .wp-block-paragraph {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
  }
  .kadence-video-overlay{
  background:none!important;
  }
  .kb-svg-icon-wrap svg {
    stroke: none !important;
  }


  .kt-video-svg-icon  {
    color: #ffffff!important;
    background-color: #A67878!important;
    border-radius: 50%;
    padding: 12px;
  }
  .kt-video-svg-icon.kt-video-svg-icon-size-auto:not(.kt-video-svg-icon-style-stacked) svg {
    width: 24px !important;
    height: 24px !important;
  }
  .kt-video-svg-icon.kt-video-svg-icon-size-auto:not(.kt-video-svg-icon-style-stacked) {
      width: auto;
      height: auto;
  }

.wp-block-navigation__responsive-container.is-menu-open {
    z-index: 99999 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-block-navigation__responsive-container {
    z-index: 99999 !important;
}

/* Also ensure the header itself stacks above content */
.site-header {
    position: relative;
    z-index: 9999;
}

/* Keep the header's social links visible in the left grid column. */
.dto-header-socials {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center;
    gap: 16px;
    margin: 0 !important;
    padding: 0 !important;
}

/* Keep Blog out of the social-links area; it belongs in the main navigation. */
.dto-header-main a[href="/blog/"],
.dto-header-main a[href$="/blog/"] {
  display: none !important;
}

.dto-header-main li:has(> a[href="/blog/"]),
.dto-header-main li:has(> a[href$="/blog/"]) {
  display: none !important;
}

/* Keep Blog after FAQs and before My Account even when the saved menu order differs. */
.dto-header-navigation .wp-block-navigation-item:has(a[href="/blog/"]),
.dto-header-navigation .wp-block-navigation-item:has(a[href$="/blog/"]) {
  order: 8;
}

.dto-header-navigation .wp-block-navigation-item:has(a[href="/my-account/"]),
.dto-header-navigation .wp-block-navigation-item:has(a[href$="/my-account/"]) {
  order: 9;
}

/* The Blog footer link is intentionally removed from the site navigation. */
.dto-footer-blog-link {
  display: none !important;
}

.dto-header-socials .wp-social-link {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--rar-rose) !important;
    list-style: none !important;
}

.dto-header-socials .wp-social-link::before,
.dto-header-socials .wp-social-link::after {
    content: none !important;
    display: none !important;
}

.dto-header-socials .wp-social-link-instagram {
    overflow: hidden !important;
}

.dto-header-socials .wp-social-link-instagram svg,
.dto-header-socials .wp-social-link-instagram svg *,
.dto-header-socials .wp-social-link-instagram svg path,
.dto-header-socials .wp-social-link-instagram svg circle {
    color: var(--rar-rose) !important;
    fill: var(--rar-rose) !important;
    stroke: var(--rar-rose) !important;
}
/* Move close button to left side */
.wp-block-navigation__responsive-container-close {
    left: 0 !important;
    right: auto !important;
}
/* Fix 3: Restore two-column layout */
.kb-row-layout-id21_153a6c-5c > .kt-row-column-wrap {
    max-width: var(--wp--style--global--content-size) !important;
}

.kb-row-layout-id21_153a6c-5c {
    --breakout-negative-margin-right: calc( ( ( ( var(--global-vw, 100vw) - ( var(--wp--style--global--content-size) - ( 0px*2 ) ) ) / 2 ) *-1) + -1px) !important;
    --breakout-negative-margin-left: calc( ( ( ( var(--global-vw, 100vw) - ( var(--wp--style--global--content-size) - ( 0px*2 ) ) ) / 2 ) *-1) + -1px) !important;
}
/* Consistent button typography site-wide. */
  .wp-block-button__link,
  .wp-element-button,
  button.wp-element-button {
  font-family: "Inter", sans-serif !important;
}

/* Keep legacy page-specific selectors on the supplied rebrand type system. */
body :is(h1, h2, h3, h4, h5, h6),
body :is(h1, h2, h3, h4, h5, h6) * {
  font-family: "Cormorant Garamond", serif !important;
  font-weight: 600;
}

body :is(
  p,
  li,
  label,
  input,
  textarea,
  select,
  button,
  .wp-block-navigation,
  .wp-block-button__link,
  .wp-element-button
) {
  font-family: "Inter", sans-serif;
}