/*
Theme Name:     Laura Lake Theme
Theme URI:      n/a
Template:       kadence
Author:         Vojkan Cvijanovic
Author URI:     https://seoenergy.com/
Description:    A theme for Laura Lake AI-Ready Buyer™ Research

Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/


	
.brand img:hover {animation:jello-vertical .5s linear both} @keyframes jello-vertical{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}100%{transform:scale3d(1,1,1)}}

.site-branding .site-title hover {animation:jello-vertical .5s linear both} @keyframes jello-vertical{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}100%{transform:scale3d(1,1,1)}}




::-moz-selection { 
  color: white;
  background: #000;
}

::selection {
  color: white;
  background: #000;
}

	

@keyframes slide-down {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}


@keyframes slide-up {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}


.item-at-start {
    background-color: transparent; 
    transition: background-color 0.5s ease, opacity 0.5s ease; 
    opacity: 1;
}


.item-is-stuck {
    background-color: white; 
    animation: slide-down 0.5s ease-out; 
    opacity: 1; 
}


.item-hidden {
    background-color: transparent; 
    animation: slide-up 0.5s ease-in; 
    opacity: 0; 
}
.item-is-stuck {

box-shadow: 0 2px 4px rgb(45 62 80 / 8%);
}

	
.rotate-text {  transform-origin: 0 0;    transform: rotate(-90deg);    
position: absolute;    
width: 350px !important;    bottom: 0;    
margin-left: 20px;}. 
.rotate-text-container {  position: relative;}

.rotate-text2 {  transform-origin: 0 0;    transform: rotate(-90deg);    
position: absolute;    
width: 350px !important;    bottom: 0;    
margin-left: 1px;}. 
.rotate-text-container {  position: relative;}



.yith-wcbm-badge {
    z-index: 10; 
}

.wp-block-kadence-posts .loop-entry {
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,.00);
	border-radius: .25rem
}


.justify-text 
{
	text-align: justify;
  text-justify: inter-word;
}




/* ======================================================
   LAURA LAKE — THEME CSS (Final Unified Build)
   Sticky Nav ✓ | Readable Nav Colors ✓ | Blog Titles ✓
   ====================================================== */

/* -------------------------------------------------------
   LOGO & BRANDING
   ------------------------------------------------------- */
/* Remove hover "jello" animation on logo */
.brand img:hover { animation: none !important; transform: none !important; }

/* Ensure logo consistency (normal + sticky) */
.site-branding img,
.kadence-sticky-header .site-branding img {
  height: auto;
  width: auto;
  max-width: 100%;
  transition: none !important;
}

/* -------------------------------------------------------
   TEXT SELECTION
   ------------------------------------------------------- */
::-moz-selection { color: white; background: #B3165A; }
::selection      { color: white; background: #B3165A; }

/* -------------------------------------------------------
   STICKY HEADER ANIMATIONS
   ------------------------------------------------------- */
@keyframes slide-down { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes slide-up   { from { transform: translateY(0); opacity: 1; }       to { transform: translateY(-100%); opacity: 0; } }

.item-at-start {
  background-color: transparent;
  transition: background-color .5s ease, opacity .5s ease;
  opacity: 1;
}
.item-is-stuck {
  background-color: #ffffff;
  animation: slide-down .5s ease-out;
  opacity: 1;
  box-shadow: 0 2px 4px rgb(45 62 80 / 8%);
}
.item-hidden {
  background-color: transparent;
  animation: slide-up .5s ease-in;
  opacity: 0;
}

/* ======================================================
   ✅ STICKY NAVIGATION – FINAL / CLEAN
   ====================================================== */

/* Ensure header always remains white and clean */
.site-header,
.kadence-sticky-header.item-is-stuck .site-header {
  background-color: #FFFFFF !important;
  box-shadow: none !important;
}

/* Remove pill backgrounds completely */
.site-header .header-navigation .menu > li > a,
.kadence-sticky-header.item-is-stuck .header-navigation .menu > li > a {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Override Kadence nav variables */
.site-header .header-navigation {
  --navColor: #1A1F2B !important;        /* Charcoal text */
  --navColorHover: #B3165A !important;   /* Magenta hover */
  --navColorActive: #1A1F2B !important;
  --navItemBackground: transparent !important;
  --navItemBackgroundHover: transparent !important;
  --navItemBackgroundActive: transparent !important;
}

/* Link states */
.site-header .header-navigation .menu > li > a {
  color: #1A1F2B !important;
  font-weight: 600;
  letter-spacing: .02em;
}
.site-header .header-navigation .menu > li > a:hover,
.site-header .header-navigation .menu > li > a:focus {
  color: #B3165A !important;
}

/* Active state with Magenta underline only */
.site-header .header-navigation .menu > li.current-menu-item > a,
.site-header .header-navigation .menu > li.current-menu-ancestor > a {
  color: #1A1F2B !important;
  border-bottom: 2px solid #B3165A !important;
}

/* Submenus = white surfaces for accessibility */
.site-header .kadence-navigation .sub-menu {
  background: #FFFFFF !important;
  box-shadow: 0 6px 18px rgb(0 0 0 / 10%) !important;
}
.site-header .kadence-navigation .sub-menu a {
  background: transparent !important;
  color: #1A1F2B !important;
}
.site-header .kadence-navigation .sub-menu a:hover {
  color: #B3165A !important;
}

/* Mobile menu toggle should stay Charcoal */
.site-header .menu-toggle {
  background: transparent !important;
  color: #1A1F2B !important;
  box-shadow: none !important;
}

/* Remove pseudo-bg used by some Kadence presets */
.site-header .header-navigation .menu > li > a::before {
  background: transparent !important;
  box-shadow: none !important;
}

/* -------------------------------------------------------
   TYPOGRAPHY
   ------------------------------------------------------- */
.justify-text { text-align: justify; text-justify: inter-word; }

body, .entry-content, .entry-content p {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #111;
}

/* Editorial-leaning headline style */
.entry-content h1,
.single .entry-header .entry-title {
  font-family: 'Playfair Display', serif;
  font-size: 48px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: #1A1F2B !important;
}

/* Ensure linked post titles don't turn magenta */
.single-post .entry-title a {
  color: #1A1F2B !important;
}
.single-post .entry-title a:hover {
  color: #B3165A !important;
}

/* Responsive type */
@media (max-width: 782px) {
  .entry-content h1 { font-size: 36px; }
  .entry-content h2 { font-size: 28px; }
  .entry-content h3 { font-size: 22px; }
  body, .entry-content, .entry-content p { font-size: 17px; }
}

/* -------------------------------------------------------
   BUTTONS & LINKS
   ------------------------------------------------------- */
.wp-block-button__link {
  background-color: #B3165A;
  color: #fff !important;
  border-radius: 4px;
  padding: 12px 26px;
}
.wp-block-button__link:hover { background-color: #8c1248; }

/* -------------------------------------------------------
   PAGE-SPECIFIC
   ------------------------------------------------------- */
.page-id-500029 .entry-title,
.page-id-500029 .entry-header { display: none !important; margin: 0; padding: 0; }
.page-id-500029 .content-area { padding-top: 20px !important; margin-top: 0 !important; }
.page-id-500029 .site-main { margin-top: 0 !important; }

/* ======================================================
   FIX — Similar Posts Title Size (Theme-generated list)
   ====================================================== */

/* Targets the “Similar Posts” section titles */
.single-post .related-posts li a,
.single-post .post-navigation .related-posts li a {
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #1A1F2B !important; /* your charcoal brand color */
    letter-spacing: 0 !important;
}

/* Optional: spacing between list items */
.single-post .related-posts li {
    margin-bottom: 12px !important;
}

/* ======================================================
   FIX — Similar Posts Font Size (Kadence Related Posts)
   ====================================================== */

.wp-block-kadence-posts h3.entry-title,
.wp-block-kadence-posts h3.entry-title a {
    font-size: 15px !important;
    line-height: 1.0 !important;
    font-weight: 600 !important;
    color: #1A1F2B !important;   /* your charcoal */
    letter-spacing: 0 !important;
}