/* Shared styles for theladybirdclub.com. Generated by scripts/build-css.py from /source-css;
   edit the sources or the script, not this file. Order matches the live WordPress cascade. */

/* ==================== Fonts (self-hosted) ==================== */
/* Jost and Nunito: the exact WOFF2 files Google Fonts serves (variable fonts, split by
   script). Bauhaus Lace: converted from the original OTF upload.
   Note: headings ask for "Bauhaus Lace Bolt", a family that has never existed on the live
   site, so browsers fall back to their default sans-serif. That fallback IS the approved
   design (confirmed by Ellie), so it is kept as is. The "Bauhaus Lace Bold" face the live
   site registers is used by nothing and is left out. */
@font-face{font-family:'Jost';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/jost-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Jost';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/jost-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/jost-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/nunito-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Nunito';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/nunito-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/nunito-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Nunito';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/nunito-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/nunito-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bauhaus Lace';font-style:normal;font-display:swap;src:url(/assets/fonts/bauhaus-lace-regular.woff2) format('woff2')}

/* ==================== WordPress core: small inline styles (only the rules the live site uses) ==================== */
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}


/* ==================== WordPress core: block library (only the rules the live site uses) ==================== */
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}
@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}
.wp-element-button{cursor:pointer}
:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}
.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

/* ==================== WordPress core: block styles printed on article pages (only the rules the live site uses) ==================== */

:where(.wp-block-latest-comments){padding-left:0}
:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}
:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}
.wp-block-latest-posts{box-sizing:border-box}
.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}
.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;overflow-wrap:break-word}
:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}
.wp-block-search__button{margin-left:10px;word-break:normal}
:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}
.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}
.wp-block-search__label{width:100%}
:where(.wp-block-search__input){-webkit-appearance:initial;-moz-appearance:initial;appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}
.wp-block-group{box-sizing:border-box}

/* ==================== WordPress core: classic theme styles (only the rules the live site uses) ==================== */


/* ==================== WordPress core: global styles (only the rules the live site uses) ==================== */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--neve-link-color: var(--nv-primary-accent);--wp--preset--color--neve-link-hover-color: var(--nv-secondary-accent);--wp--preset--color--nv-site-bg: var(--nv-site-bg);--wp--preset--color--nv-light-bg: var(--nv-light-bg);--wp--preset--color--nv-dark-bg: var(--nv-dark-bg);--wp--preset--color--neve-text-color: var(--nv-text-color);--wp--preset--color--nv-text-dark-bg: var(--nv-text-dark-bg);--wp--preset--color--nv-c-1: var(--nv-c-1);--wp--preset--color--nv-c-2: var(--nv-c-2);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}
:where(body) { margin: 0; }
body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}

/* ==================== Neve 4.2.16: style-main-new.min.css (only the rules the live site uses) ==================== */
.btn,.button,.button.button-primary,.button.button-secondary,.is-style-primary .wp-block-button__link,.is-style-secondary .wp-block-button__link,.wp-block-button__link,.wp-block-search .wp-block-search__button,button,input[type=button],input[type=reset],input[type=submit]{font-weight:var(--btnfontweight,700);font-size:var(--btnfs,var(--bodyfontsize));line-height:var(--btnlineheight,1.6);text-transform:var(--btntexttransform,none);cursor:pointer;box-sizing:border-box}
.container,.container-fluid{width:100%;margin:0 auto}
.nv-search,.row{display:flex}
#comments ol,ul{list-style:none}
.btn,.button,.wp-block-button__link,button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;box-sizing:border-box;border-color:currentColor;text-align:center;font-family:var(--bodyfontfamily),var(--nv-fallback-ff)}
.entry-header,.nv-post-cover{text-align:var(--textalign,center)}
.btn,.button.button-primary,.is-style-primary .wp-block-button__link,.wp-block-search .wp-block-search__button,button,input[type=button],input[type=reset],input[type=submit]{background:var(--primarybtnbg);color:var(--primarybtncolor);border-style:solid;border-color:currentColor;fill:currentColor;border-width:var(--primarybtnborderwidth,0);border-radius:var(--primarybtnborderradius,3px);padding:var(--primarybtnpadding,13px 15px);letter-spacing:var(--btnletterspacing,var(--bodyletterspacing));box-shadow:var(--primarybtnshadow,none)}
.btn:hover,.button.button-primary:hover,.is-style-primary .wp-block-button__link:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background:var(--primarybtnhoverbg);color:var(--primarybtnhovercolor);border-color:var(--primarybtnhovercolor)}
.button,.button.button-secondary,.is-style-secondary .wp-block-button__link{background-color:var(--secondarybtnbg);color:var(--secondarybtncolor);border-style:solid;border-color:currentColor;fill:currentColor;border-width:var(--secondarybtnborderwidth,0);border-radius:var(--secondarybtnborderradius,3px);padding:var(--secondarybtnpadding,7px 12px);letter-spacing:var(--btnletterspacing)}
.button.button-secondary:hover,.button:hover,.is-style-secondary .wp-block-button__link:hover{background-color:var(--secondarybtnhoverbg);color:var(--secondarybtnhovercolor);border-color:var(--secondarybtnhovercolor)}
.widget select,.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,form input:read-write,form select,form select option,form textarea,form.wp-block-search input.wp-block-search__input{border-style:solid;border-color:var(--formfieldbordercolor);border-width:var(--formfieldborderwidth);border-radius:var(--formfieldborderradius,3px);background:var(--formfieldbgcolor);color:var(--formfieldcolor);padding:var(--formfieldpadding);text-transform:var(--formfieldtexttransform);font-weight:var(--formfieldfontweight);font-family:var(--bodyfontfamily);font-size:var(--formfieldfontsize);letter-spacing:var(--formfieldletterspacing);line-height:var(--formfieldlineheight)}
.wpforms-container .wpforms-field-label,form label{font-weight:var(--formlabelfontweight,var(--bodyfontweight));text-transform:var(--formlabeltexttransform,none);letter-spacing:var(--formlabelletterspacing,normal);line-height:var(--formlabellineheight,var(--bodylineheight));font-size:var(--formlabelfontsize,var(--bodyfontsize))}
.entry-summary,.nv-meta-list li{font-weight:var(--fontweight);text-transform:var(--texttransform);letter-spacing:var(--letterspacing);line-height:var(--lineheight);font-size:var(--fontsize)}
.site-logo h1,.site-logo p,body{line-height:var(--bodylineheight);letter-spacing:var(--bodyletterspacing)}
.title.entry-title{font-size:var(--fontsize,var(--h1fontsize));font-weight:var(--fontweight,var(--h1fontweight));line-height:var(--lineheight,var(--h1lineheight));letter-spacing:var(--letterspacing,var(--h1letterspacing));text-transform:var(--texttransform,var(--h1texttransform))}
.blog-entry-title{font-size:var(--fontsize,var(--h3fontsize));font-weight:var(--fontweight,var(--h3fontweight));line-height:var(--lineheight,var(--h3lineheight));letter-spacing:var(--letterspacing,var(--h3letterspacing));text-transform:var(--texttransform,var(--h3texttransform))}
.blog-entry-title.is-h4,.comment-reply-title,.comments-title{font-size:var(--fontsize,var(--h4fontsize));font-weight:var(--fontweight,var(--h4fontweight));line-height:var(--lineheight,var(--h4lineheight));letter-spacing:var(--letterspacing,var(--h4letterspacing));text-transform:var(--texttransform,var(--h4texttransform))}
.nv-html-content p,blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p{margin-bottom:30px}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
ul{list-style:var(--liststyle,none)}
html{box-sizing:border-box;-ms-overflow-style:scrollbar;font-size:100%}
*,::after,::before{box-sizing:border-box}
audio,embed,img,object,video{height:auto;max-width:100%}
.widget,article{word-break:break-word}
.screen-reader-text:focus,body{background-color:var(--nv-site-bg);color:var(--nv-text-color)}
.container{padding-right:15px;padding-left:15px;max-width:var(--container)}
.w-100{width:100%}
.screen-reader-text,.show-on-focus{clip:rect(1px,1px,1px,1px);height:1px;width:1px}
.container-fluid>div,.row{margin:0 -15px}
.row{flex-wrap:wrap}
.col{padding:0 15px;margin:0 auto;flex-grow:1;max-width:100%}
body{font-size:var(--bodyfontsize);font-family:var(--bodyfontfamily),var(--nv-fallback-ff);text-transform:var(--bodytexttransform);font-weight:var(--bodyfontweight);overflow-x:hidden;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.site-logo h1,.site-logo p,h1{font-weight:var(--h1fontweight)}
h1,h2,h3,h4,h5,h6{font-family:var(--headingsfontfamily),var(--nv-fallback-ff);color:var(--headingcolor,inherit)}
a{--linkdeco:none;color:var(--nv-primary-accent);cursor:pointer;text-decoration:var(--linkdeco)}
a:hover,ins{text-decoration:none}
a:where(:not([class*=button])):focus,a:where(:not([class*=button])):hover{color:var(--nv-secondary-accent)}
.entry-content a:not([class]),.entry-content a[class]:not([class*=button]):not([class*=wp-block]),.nv-comment-content a:not([class]),.nv-comment-content a[class]:not([class*=button]):not([class*=wp-block]),.nv-template .neve-main a:not([class]),.widget_text a:not([class]){--linkdeco:underline}
h1{font-size:var(--h1fontsize);line-height:var(--h1lineheight);letter-spacing:var(--h1letterspacing);text-transform:var(--h1texttransform)}
h2{font-size:var(--h2fontsize);font-weight:var(--h2fontweight);line-height:var(--h2lineheight);letter-spacing:var(--h2letterspacing);text-transform:var(--h2texttransform)}
h3{font-size:var(--h3fontsize);font-weight:var(--h3fontweight);line-height:var(--h3lineheight);letter-spacing:var(--h3letterspacing);text-transform:var(--h3texttransform)}
h4{font-size:var(--h4fontsize);font-weight:var(--h4fontweight);line-height:var(--h4lineheight);letter-spacing:var(--h4letterspacing);text-transform:var(--h4texttransform)}
ol,ul{padding-left:var(--listpad,0)}
[tabindex="-1"]:focus-visible{outline:0}
.show-on-focus{position:absolute;top:32px;background:var(--nv-site-bg);padding:10px 15px}
.show-on-focus:focus{z-index:999999;width:auto;height:auto;clip:auto}
.screen-reader-text{border:0;clip-path:inset(50%);margin:-1px;overflow:hidden;padding:0;position:absolute!important;word-wrap:normal!important}
.blog-entry-title,.entry-title{word-wrap:break-word}
.screen-reader-text:focus{clip:auto!important;clip-path:none;display:block;height:auto;width:auto;left:5px;top:5px;line-height:normal;padding:10px 15px;text-decoration:none;z-index:100000}
.nav-ul .sub-menu,.nv-nav-search{visibility:hidden;right:0;z-index:100;box-shadow:rgba(149,157,165,.2) 0 8px 24px;position:absolute;opacity:0}
.nv-hover-off li:hover>.sub-menu:not(.dropdown-open){opacity:0!important;visibility:hidden!important}
@media (prefers-reduced-motion:reduce){.header-menu-sidebar,.hfg-ov,.tcb,.wrapper{transition:none!important}}
.nv-icon{fill:currentColor}
.site-logo{align-items:center;display:flex}
.site-logo img{max-width:var(--maxwidth);display:block;margin:0 auto}
.header-menu-sidebar .nav-ul .sub-menu,.nav-ul li:hover>.sub-menu{opacity:1;visibility:visible}
.caret{transition:transform .3s,color .3s}
.dd-title{flex-grow:var(--flexg);display:flex;align-items:center}
.nav-ul{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing)/ 2 * -1);margin-left:calc(var(--spacing)/ 2 * -1)}
.nav-ul>li{margin:0 calc(var(--spacing)/ 2)}
.nav-ul li a{min-height:var(--height);color:var(--color);position:relative;width:100%;display:flex;align-items:center}
.nav-ul .caret{line-height:0;justify-content:center;display:flex}
.nav-ul .caret svg{width:.5em;height:.5em}
.header-menu-sidebar .nav-ul li,.header-menu-sidebar .nv-nav-wrap,.nav-ul .sub-menu li{width:100%}
.nav-ul li{display:block;position:relative}
.nav-ul li>.wrap{display:flex;align-items:center;position:relative;padding:0 4px}
.nav-ul li.nv-active>.wrap .caret,.nav-ul li.nv-active>.wrap>a{color:var(--activecolor)}
.nav-ul li:hover>.wrap .caret,.nav-ul li:hover>.wrap>a{color:var(--hovercolor,var(--nv-primary-accent))}
.nav-ul .sub-menu{background:var(--bgcolor,var(--overlaycolor));top:100%}
.menu-item-nav-search.active .nv-nav-search,.sub-menu.dropdown-open{visibility:visible;opacity:1}
.nav-ul .sub-menu li{min-width:150px}
.nav-ul .sub-menu li>.wrap{padding:10px 20px;white-space:nowrap;display:flex}
.nav-ul button.caret-wrap{background:0 0;border:0;border-radius:0;box-shadow:none;padding:0;color:inherit;font:inherit;cursor:pointer;min-width:24px;min-height:24px;justify-content:center;align-items:center;margin-top:-8px;margin-bottom:-8px;position:relative}
.nav-ul:not(.menu-mobile):not(.neve-mega-menu)>li>.wrap>a{padding-top:1px}
.header-menu-sidebar .nav-ul{flex-direction:column;width:100%}
.header-menu-sidebar .nav-ul li:not([class*=block])>.wrap>a{padding:15px 0;white-space:normal}
.header-menu-sidebar .nav-ul .caret svg{width:var(--smiconsize,1em);height:var(--smiconsize,1em)}
.header-menu-sidebar .nav-ul .caret-wrap{margin:-15px 0;padding:15px}
.header-menu-sidebar .nav-ul .caret-wrap.dropdown-open .caret{transform:rotateX(180deg)}
.header-menu-sidebar .nav-ul .sub-menu{left:unset!important;top:unset!important;right:unset!important;background:0;position:relative;max-width:100%;box-shadow:none;display:none}
.header-menu-sidebar .nav-ul .sub-menu.dropdown-open{display:block;margin-left:10px}
.header-menu-sidebar .menu-item-nav-search.floating .nv-nav-search{position:absolute}
.nav-clickaway-overlay{position:fixed;width:100%;left:0;right:0;top:0;z-index:90;height:100vh}
.sm-style-full-height .sub-menu .wrap:hover>a,.sm-style-full-height .sub-menu .wrap:hover>a i,.sm-style-full-height .sub-menu .wrap:hover>a span,.sm-style-full-height .sub-menu .wrap:hover>a+.caret-wrap,.style-full-height>ul>li>.wrap:hover>a,.style-full-height>ul>li>.wrap:hover>a i,.style-full-height>ul>li>.wrap:hover>a span,.style-full-height>ul>li>.wrap:hover>a+.caret-wrap{color:var(--hovertextcolor,var(--color))!important}
.navbar-toggle-wrapper{align-items:center}
.navbar-toggle{--primarybtncolor:var(--color);--primarybtnhovercolor:var(--color);--primarybtnbg:var(--bgcolor, transparent);--primarybtnhoverbg:var(--bgcolor, transparent);--primarybtnborderwidth:var(--borderwidth, 1px);--primarybtnborderradius:var(--borderradius, 0);padding:var(--padding,10px 15px);box-shadow:none;display:flex;align-items:center}
.icon-bar{background-color:currentColor;transition:.1s;position:relative;display:block;width:15px;height:2px}
.tcb,.wrapper{transition:.3s cubic-bezier(.79,.14,.15,.86)}
.icon-bar:nth-child(2){margin:3px 0}
.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(1){transform:rotate(45deg);top:5px}
.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(2){opacity:0}
.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(3){transform:rotate(-45deg);bottom:5px}
.wrapper{display:flex;min-height:100vh;flex-direction:column;position:relative}
body>.wrapper:not(.et-fb-iframe-ancestor){overflow:hidden}
.neve-main{flex:1 auto}
.nv-page-title-wrap .nv-page-title{text-align:var(--textalign,left)}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=reset],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:vertical}
input:read-write:focus,select:focus,textarea:focus{box-shadow:0 0 3px 0 var(--nv-secondary-accent);--formfieldbordercolor:var(--nv-secondary-accent)}
button,input,select,textarea{margin:0;line-height:inherit;box-sizing:border-box}
::placeholder{color:inherit;opacity:.7}
label{display:inline-block}
.search-form.nv-search-labeled{flex-wrap:wrap}
.search-form.nv-search-labeled label{flex-basis:100%;margin-bottom:8px}
.search-form{display:flex;max-width:100%;line-height:1;--primarybtnbg:var(--formfieldbgcolor);--primarybtnhoverbg:var(--formfieldbgcolor);--primarybtncolor:var(--formfieldcolor);--primarybtnhovercolor:var(--formfieldcolor)}
.search-form svg{fill:var(--formfieldcolor);width:var(--formfieldfontsize);opacity:.7;height:auto}
.search-form .search-submit{display:flex;justify-content:center;align-items:center;min-width:45px;z-index:1;--primarybtnborderwidth:var(--formfieldborderwidth);--primarybtnborderradius:var(--formfieldborderradius);--primarybtnpadding:var(--formfieldpadding);border-bottom-left-radius:0;border-top-left-radius:0;border-left:0;border-color:var(--formfieldbordercolor);position:relative;height:var(--height);overflow:hidden;white-space:nowrap}
.search-form .search-submit::before{content:"";display:block;width:3px;height:100%;background-color:var(--formfieldbgcolor);left:-3px;top:0;bottom:0;position:absolute}
.search-form .search-field{overflow:hidden;text-overflow:ellipsis;height:var(--height);border-right:0;flex-grow:1;border-top-right-radius:0;border-bottom-right-radius:0;width:calc(100% - 45px);max-width:100%}
.search-form .search-field:focus~button{box-shadow:0 0 3px 0 var(--nv-secondary-accent);border-color:var(--nv-secondary-accent)}
.nv-meta-list{margin-bottom:20px;font-size:.9em}
.blog-entry-title,.layout-grid .content>.blog-entry-title{margin-bottom:10px}
.nv-meta-list li,.nv-meta-list span{display:inline-block}
.bypostauthor,.nv-post-navigation span,.nv-post-thumbnail-wrap img:not(.photo),.nv-post-thumbnail-wrap>a{display:block}
.nv-meta-list li:not(:last-child)::after,.nv-meta-list span:not(:last-child)::after{content:"/";padding:0 8px}
.nv-meta-list .posted-on:not(.nv-show-updated) .updated{display:none}
.entry-title a{color:var(--nv-text-color)}
.nv-index-posts{margin-top:60px}
.nv-index-posts .nv-page-title-wrap{margin-top:0}
.nv-post-thumbnail-wrap img{width:100%;box-shadow:var(--boxshadow,none)}
.posts-wrapper>article{width:var(--postwidth)}
.article-content-col{width:100%}
.article-content-col .content{width:100%;border-bottom:0 solid;display:flex;flex-direction:column}
.posts-wrapper{display:flex;flex-wrap:wrap;margin-bottom:40px}
.nv-non-grid-article,.nv-single-post-wrap>div:not(:last-child){margin-bottom:var(--spacing,60px)}
.excerpt-wrap>:last-child{margin-bottom:0}
.layout-grid .content>*,.nv-non-grid-article .non-grid-content>*,.nv-non-grid-article .nv-post-thumbnail-wrap{margin-bottom:20px}
.layout-grid .content>:last-child{margin-bottom:0}
body:not(.nv-blog-default) .posts-wrapper{margin-left:calc(-1 * var(--gridspacing,30px)/ 2);margin-right:calc(-1 * var(--gridspacing,30px)/ 2)}
body:not(.nv-blog-default) .posts-wrapper article{margin-bottom:calc(var(--gridspacing,30px));padding:0 calc(var(--gridspacing,30px)/ 2)}
.layout-covers .article-content-col,.layout-grid .article-content-col{overflow:hidden;border-radius:var(--borderradius);box-shadow:var(--cardboxshadow)}
.nv-page-title-wrap,.nv-single-post-wrap>div:first-child{margin-top:60px}
.attachment-neve-blog,.cover-post,.layout-grid,body .layout-grid>.article-content-col{display:flex}
.menu_sidebar_pull_left .wrapper .header-menu-sidebar,.menu_sidebar_slide_left .header-menu-sidebar{transform:translateX(-100%);left:0}
.layout-grid .article-content-col:has(.img-wrap:first-child){padding-top:0!important}
.layout-grid .article-content-col{padding:var(--padding,0);background:var(--cardbgcolor);color:var(--cardcolor,inherit)}
.layout-grid a{--nv-primary-accent:var(--cardcolor, inherit);--nv-text-color:var(--cardcolor, inherit)}
.nv-single-post-wrap>div:last-child{padding-bottom:30px}
.entry-header .title{margin-bottom:10px}
.header-menu-sidebar .navbar-toggle-wrapper button.navbar-toggle,.nv-iframe-embed{position:relative}
ul.page-numbers{display:flex;flex-wrap:wrap;gap:20px}
.page-numbers a,.page-numbers input[type=submit],.page-numbers span{line-height:1;background:var(--nv-light-bg);border-radius:3px;padding:12px 15px;color:inherit;display:block}
.page-numbers .dots{background:0}
.page-numbers .current{background:var(--nv-primary-accent);color:var(--nv-text-dark-bg)}
.page-numbers a:focus,.page-numbers a:hover{text-decoration:underline;color:var(--nv-secondary-accent)}
.header-menu-sidebar,.hfg-ov{position:fixed;visibility:hidden}
.excerpt-wrap,.nv-content-wrap{--listpad:20px;--liststyle:disc;--img-m:24px}
.excerpt-wrap ol,.excerpt-wrap ul,.nv-content-wrap ol,.nv-content-wrap ul{margin:30px 0}
.excerpt-wrap li,.nv-content-wrap li,.widget li{margin-top:10px}
.nv-index-posts,.nv-single-post-wrap{margin-bottom:60px}
.nv-sidebar-wrap{padding:60px 15px;margin-bottom:20px;flex-grow:1}
.widget{margin-bottom:40px}
.widget:last-child{margin:0}
.widget ul{padding:0}
.nv-page-title .neve-breadcrumbs-wrapper,.nv-title-meta-wrap .neve-breadcrumbs-wrapper{margin-bottom:30px;display:block}
.neve-breadcrumbs-wrapper{font-size:14px}
.neve-breadcrumbs-wrapper a{color:#676767}
.header-menu-sidebar-bg,[data-row-id],[data-row-id] a{color:var(--color)}
.hfg-is-group{display:flex;align-items:center}
.builder-item--footer-menu,.component-wrap,.item--inner,.menu-item-nav-search,.nav-ul .wrap a .dd-title,.nav-ul a,.palette-icon-wrapper,.site-logo,footer .nav-ul{justify-content:var(--justify,flex-start);text-align:var(--textalign,left)}
@media (min-width:960px){.neve-main>.container .col{max-width:70%}.neve-main>.container>.row{flex-wrap:nowrap}.nv-sidebar-wrap{max-width:30%}.nv-sidebar-wrap.nv-right{padding-left:45px}}
.header-menu-sidebar{padding:0;max-width:100%;top:0;z-index:999900;display:flex;height:100vh}
.header-menu-sidebar .navbar-toggle-wrapper{display:flex;justify-content:flex-end;padding:8px 10px}
.header-menu-sidebar-bg{background:var(--bgcolor);display:flex;flex-direction:column;word-wrap:break-word;width:100%}
.header-menu-sidebar-inner{padding:20px 0;overflow-x:hidden;height:100%;display:none;opacity:0;transition:opacity .3s}
.is-menu-sidebar .header-menu-sidebar-inner{display:block;opacity:1}
.hiding-header-menu-sidebar .header-menu-sidebar-inner{display:block;transition:.3s;opacity:0}
.header-menu-sidebar-inner .item--inner{width:100%}
.hiding-header-menu-sidebar .close-sidebar-panel{transition:.3s;opacity:0}
.menu_sidebar_slide_right .header-menu-sidebar{right:0;transform:translateX(100%)}
.menu_sidebar_pull_right .wrapper .header-menu-sidebar{right:0;transform:translateX(100%)}
.menu_sidebar_dropdown .header-menu-sidebar{box-shadow:none;position:absolute;top:unset;width:100%;display:block}
.menu_sidebar_dropdown .header-menu-sidebar-inner{max-height:0;padding:0}
.menu_sidebar_full_canvas .header-menu-sidebar{width:100%;bottom:0;right:0;opacity:0}
.menu_sidebar_full_canvas .header-menu-sidebar-inner{flex-grow:1}
.header-menu-sidebar .menu-item-nav-search{display:flex;align-items:center}
.hfg-ov{top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5);transform:translate3d(0,0,0);z-index:999899;transition:.3s linear;opacity:0}
#header-grid.global-styled:not(.neve-transparent-header):not(.has-sticky-rows--mobile):not(.has-sticky-rows--desktop),.builder-item,.site-footer,.site-header{position:relative}
.is-menu-sidebar .hfg-ov{visibility:visible;opacity:1}
.hfg-pe{pointer-events:none}
.is-menu-sidebar .hfg-pe{pointer-events:unset}
.site-footer{z-index:11}
.site-footer .item--inner{width:100%}
.footer--row .hfg-slot{display:flex;flex-direction:column}
.footer--row .row{display:grid;align-items:var(--valign)}
.hfg-grid,.hfg-slot{display:flex}
.footer--row .builder-item{width:100%}
@media (max-width:960px){footer .footer--row-inner .row{grid-template-columns:1fr}}
.site-header .header--row-inner{align-items:center;display:flex}
.builder-item{margin:4px 0;min-height:1px;padding-right:15px;padding-left:15px}
@media (min-width:960px){.builder-item{margin:8px 0}.hide-on-desktop{display:none}}
.hfg-slot{align-items:center}
.hfg-slot.right{justify-content:flex-end}
.header-menu-sidebar-bg,[class*=row-inner]{position:relative;background:var(--bgimage,var(--bgcolor,#fff));background-position:var(--bgposition,center);background-repeat:no-repeat;background-size:cover;background-attachment:var(--bgattachment)}
#header-grid.global-styled:not(.neve-transparent-header)::before,.header-menu-sidebar-bg::before,[class*=row-inner]::before{display:block;width:100%;top:0;bottom:0;position:absolute;content:"";background-color:var(--overlaycolor);opacity:var(--bgoverlayopacity)}
[class*=row-inner]:not(.footer--row-inner){border-bottom:var(--rowbwidth,0) solid var(--rowbcolor)}
.footer--row-inner{border-top:var(--rowbwidth,0) solid var(--rowbcolor)}
[data-row-id]{background:var(--bgcolor)}
[data-row-id] .row{display:grid;grid-template-columns:auto auto;min-height:var(--height,auto)}
.hfg_header.site-header:not(.neve-transparent-header){box-shadow:0 -1px 3px rgba(0,0,0,.1)}
.hfg-is-group>div:last-of-type .button{margin-left:20px}
.header .builder-item .item--inner[class*=button_base],.header .builder-item .item--inner[class*=nav-icon]{padding:0!important}
.header .builder-item [class*=button_base] .button{--primarybtnpadding:var(--padding)}
@media (max-width:959px){.hide-on-tablet{display:none}}
@media (max-width:576px){.hide-on-mobile{display:none}}
.component-wrap{display:flex;margin:4px 0}
.builder-item .item--inner{color:var(--color);font-family:var(--fontfamily,var(--bodyfontfamily));font-size:var(--fontsize,var(--bodyfontsize));line-height:var(--lineheight,var(--bodylineheight));letter-spacing:var(--letterspacing,var(--bodyletterspacing));font-weight:var(--fontweight,var(--bodyfontweight));text-transform:var(--texttransform,var(--bodytexttransform));padding:var(--padding,0);margin:var(--margin,0);position:relative}
.builder-item .item--inner.has_menu{position:unset}

/* ==================== Neve 4.2.16: Customizer settings output (only the rules the live site uses) ==================== */
.is-menu-sidebar .header-menu-sidebar { visibility: visible; }
.is-menu-sidebar.menu_sidebar_slide_left .header-menu-sidebar { transform: translate3d(0, 0, 0); left: 0; }
.is-menu-sidebar.menu_sidebar_slide_right .header-menu-sidebar { transform: translate3d(0, 0, 0); right: 0; }
.is-menu-sidebar.menu_sidebar_pull_right .header-menu-sidebar, .is-menu-sidebar.menu_sidebar_pull_left .header-menu-sidebar { transform: translateX(0); }
.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar { height: auto; }
.is-menu-sidebar.menu_sidebar_dropdown .header-menu-sidebar-inner { max-height: 400px; padding: 20px 0; }
.is-menu-sidebar.menu_sidebar_full_canvas .header-menu-sidebar { opacity: 1; }
.header-menu-sidebar .menu-item-nav-search:not(.floating) { pointer-events: none; }
.header-menu-sidebar .menu-item-nav-search .is-menu-sidebar { pointer-events: unset; }
.nv-meta-list li.meta:not(:last-child):after { content:"/" }
.nav-ul li .caret svg, .nav-ul li .caret img{width:var(--smiconsize, 0.5em);height:var(--smiconsize, 0.5em);}
.nav-ul .sub-menu li {border-style: var(--itembstyle);}
:root{ --container: 1140px;--postwidth:100%; --primarybtnbg: #f1eaaa; --primarybtnhoverbg: #db99d3; --primarybtncolor: #fff; --secondarybtncolor: #db99d3; --primarybtnhovercolor: #fff; --secondarybtnhovercolor: #db99d3;--primarybtnborderradius:3px;--secondarybtnborderradius:3px;--secondarybtnborderwidth:3px;--btnpadding:13px 15px;--primarybtnpadding:13px 15px;--secondarybtnpadding:calc(13px - 3px) calc(15px - 3px); --bodyfontfamily: Jost; --bodyfontsize: 16px; --bodylineheight: 1.6em; --bodyletterspacing: 0px; --bodyfontweight: 500; --bodytexttransform: none; --headingsfontfamily: Jost; --h1fontsize: 45px; --h1fontweight: 600; --h1lineheight: 1.2em; --h1letterspacing: 0px; --h1texttransform: none; --h2fontsize: 28px; --h2fontweight: 700; --h2lineheight: 1.3em; --h2letterspacing: 0px; --h2texttransform: none; --h3fontsize: 24px; --h3fontweight: 700; --h3lineheight: 1.4; --h3letterspacing: 0px; --h3texttransform: none; --h4fontsize: 20px; --h4fontweight: 700; --h4lineheight: 1.6; --h4letterspacing: 0px; --h4texttransform: none; --h5fontsize: 16px; --h5fontweight: 700; --h5lineheight: 1.6; --h5letterspacing: 0px; --h5texttransform: none; --h6fontsize: 14px; --h6fontweight: 700; --h6lineheight: 1.6; --h6letterspacing: 0px; --h6texttransform: none;--formfieldborderwidth:2px;--formfieldborderradius:3px; --formfieldbgcolor: var(--nv-site-bg); --formfieldbordercolor: #8c8c8c; --formfieldcolor: var(--nv-text-color);--formfieldpadding:10px 12px; }
.nv-post-thumbnail-wrap img{ aspect-ratio: 4/3; object-fit: cover; }
.layout-grid .nv-post-thumbnail-wrap{ margin-right:-25px;margin-left:-25px; }
.nv-index-posts{ --borderradius:8px;--padding:25px 25px 25px 25px;--cardboxshadow:0 0 2px 0 rgba(0,0,0,0.15); --cardbgcolor: var(--nv-site-bg); --cardcolor: var(--nv-text-color); }
.nv-meta-list{ --avatarsize: 20px; }
.single .nv-meta-list{ --avatarsize: 20px; }
.nv-post-cover .nv-title-meta-wrap, .nv-page-title-wrap, .entry-header{ --textalign: left; }
.single:not(.single-product), .page{ --c-vspace:0 0 0 0;; }
.scroll-to-top{ --color: var(--nv-text-dark-bg);--padding:8px 10px; --borderradius: 3px; --bgcolor: var(--nv-primary-accent); --hovercolor: var(--nv-text-dark-bg); --hoverbgcolor: var(--nv-primary-accent);--size:16px; }
.header-main{ --rowbcolor: var(--nv-site-bg); --color: var(--nv-text-color); --bgcolor: var(--nv-site-bg); }
.header-menu-sidebar-bg{ --justify: flex-start; --textalign: left;--flexg: 1;--wrapdropdownwidth: auto; --color: var(--nv-text-color); --bgcolor: var(--nv-site-bg); }
.header-menu-sidebar{ width: 360px; }
.builder-item--logo{ --maxwidth: 140px; --fs: 24px;--padding:10px 0;--margin:0; --textalign: left;--justify: flex-start; }
.builder-item--nav-icon,.header-menu-sidebar .close-sidebar-panel .navbar-toggle{ --borderradius:0; }
.builder-item--nav-icon{ --label-margin:0 5px 0 0;;--padding:10px 15px;--margin:0; }
.builder-item--primary-menu{ --hovercolor: var(--nv-primary-accent); --hovertextcolor: var(--nv-text-color); --activecolor: var(--nv-secondary-accent); --spacing: 20px; --height: 25px; --smiconsize: 7px;--padding:0;--margin:0; --fontsize: 1em; --lineheight: 1.6em; --letterspacing: 0px; --fontweight: 600; --texttransform: none; --iconsize: 1em; }
.builder-item--primary-menu .sub-menu{ --bstyle: none; --itembstyle: none; }
.builder-item--button_base{ --primarybtnbg: var(--nv-primary-accent); --primarybtncolor: var(--nv-site-bg); --primarybtnhoverbg: var(--nv-primary-accent); --primarybtnhovercolor: #fff;--primarybtnborderradius:28px;--primarybtnshadow:none;--primarybtnhovershadow:none;--padding:8px 12px;--margin:0; }
.footer-main-inner .row{ grid-template-columns:1fr; --valign: center; }
.footer-main{ --rowbcolor: var(--nv-light-bg); --color: var(--nv-text-color); --bgcolor: #a0badd; }
.builder-item--widget-area-4{ --padding:0;--margin:0; --textalign: left;--justify: flex-start; }
@media(min-width: 576px){:root{ --container: 1140px;--postwidth:50%;--btnpadding:13px 15px;--primarybtnpadding:13px 15px;--secondarybtnpadding:calc(13px - 3px) calc(15px - 3px); --bodyfontsize: 16px; --bodylineheight: 1.6em; --bodyletterspacing: 0px; --h1fontsize: 38px; --h1lineheight: 1.2em; --h1letterspacing: 0px; --h2fontsize: 30px; --h2lineheight: 1.2em; --h2letterspacing: 0px; --h3fontsize: 26px; --h3lineheight: 1.4; --h3letterspacing: 0px; --h4fontsize: 22px; --h4lineheight: 1.5; --h4letterspacing: 0px; --h5fontsize: 18px; --h5lineheight: 1.6; --h5letterspacing: 0px; --h6fontsize: 14px; --h6lineheight: 1.6; --h6letterspacing: 0px; }.layout-grid .nv-post-thumbnail-wrap{ margin-right:-25px;margin-left:-25px; }.nv-index-posts{ --padding:25px 25px 25px 25px; }.nv-meta-list{ --avatarsize: 20px; }.single .nv-meta-list{ --avatarsize: 20px; }.nv-post-cover .nv-title-meta-wrap, .nv-page-title-wrap, .entry-header{ --textalign: left; }.single:not(.single-product), .page{ --c-vspace:0 0 0 0;; }.scroll-to-top{ --padding:8px 10px;--size:16px; }.header-menu-sidebar-bg{ --justify: flex-start; --textalign: left;--flexg: 1;--wrapdropdownwidth: auto; }.header-menu-sidebar{ width: 360px; }.builder-item--logo{ --maxwidth: 120px; --fs: 24px;--padding:10px 0;--margin:0; --textalign: left;--justify: flex-start; }.builder-item--nav-icon{ --label-margin:0 5px 0 0;;--padding:10px 15px;--margin:0; }.builder-item--primary-menu{ --spacing: 20px; --height: 25px; --smiconsize: 7px;--padding:0;--margin:0; --fontsize: 1em; --lineheight: 1.6em; --letterspacing: 0px; --iconsize: 1em; }.builder-item--button_base{ --padding:8px 12px;--margin:0; }.builder-item--widget-area-4{ --padding:0;--margin:0; --textalign: left;--justify: flex-start; }}
@media(min-width: 960px){:root{ --container: 1140px;--postwidth:33.333333333333%;--btnpadding:13px 15px;--primarybtnpadding:13px 15px;--secondarybtnpadding:calc(13px - 3px) calc(15px - 3px); --bodyfontsize: 18px; --bodylineheight: 1.7em; --bodyletterspacing: 0px; --h1fontsize: 70px; --h1lineheight: 1.1em; --h1letterspacing: 0px; --h2fontsize: 29px; --h2lineheight: 1.2em; --h2letterspacing: -0.4px; --h3fontsize: 28px; --h3lineheight: 1.4; --h3letterspacing: 0px; --h4fontsize: 24px; --h4lineheight: 1.5; --h4letterspacing: 0px; --h5fontsize: 20px; --h5lineheight: 1.6; --h5letterspacing: 0px; --h6fontsize: 16px; --h6lineheight: 1.6; --h6letterspacing: 0px; }.layout-grid .nv-post-thumbnail-wrap{ margin-right:-25px;margin-left:-25px; }.nv-index-posts{ --padding:25px 25px 25px 25px; }body:not(.single):not(.archive):not(.blog):not(.search):not(.error404) .neve-main > .container .col, body.post-type-archive-course .neve-main > .container .col, body.post-type-archive-llms_membership .neve-main > .container .col{ max-width: 100%; }.neve-main > .archive-container .nv-index-posts.col{ max-width: 100%; }.neve-main > .single-post-container .nv-single-post-wrap.col{ max-width: 70%; }.neve-main > .single-post-container .nv-sidebar-wrap{ max-width: 30%; }.nv-meta-list{ --avatarsize: 20px; }.single .nv-meta-list{ --avatarsize: 20px; }.nv-post-cover .nv-title-meta-wrap, .nv-page-title-wrap, .entry-header{ --textalign: left; }.single:not(.single-product), .page{ --c-vspace:0 0 0 0;; }.scroll-to-top{ --padding:8px 10px;--size:16px; }.header-menu-sidebar-bg{ --justify: flex-start; --textalign: left;--flexg: 1;--wrapdropdownwidth: auto; }.header-menu-sidebar{ width: 360px; }.builder-item--logo{ --maxwidth: 241px; --fs: 24px;--padding:10px 0;--margin:0 0 0 -16px;; --textalign: left;--justify: flex-start; }.builder-item--nav-icon{ --label-margin:0 5px 0 0;;--padding:10px 15px;--margin:0; }.builder-item--primary-menu{ --spacing: 20px; --height: 25px; --smiconsize: 7px;--padding:0;--margin:0; --fontsize: 1.2em; --lineheight: 1.6em; --letterspacing: 0px; --iconsize: 1.2em; }.builder-item--button_base{ --padding:8px 15px 8px 16px;;--margin:0 -12px 0 0;; }.builder-item--widget-area-4{ --padding:0;--margin:0; --textalign: center;--justify: center; }}
.scroll-to-top {right: 20px; border: none; position: fixed; bottom: 30px; display: none; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; align-items: center; justify-content: center; z-index: 999; }
@supports (-webkit-overflow-scrolling: touch) {.scroll-to-top { bottom: 74px; }}
.scroll-to-top.image { background-position: center; }
.scroll-to-top .scroll-to-top-image { width: 100%; height: 100%; }
.scroll-to-top .scroll-to-top-label { margin: 0; padding: 5px; }
.scroll-to-top:hover { text-decoration: none; }
.scroll-to-top.scroll-to-top-left {left: 20px; right: unset;}
.scroll-to-top.scroll-show-mobile { display: flex; }
@media (min-width: 960px) {.scroll-to-top { display: flex; }}
.scroll-to-top { color: var(--color); padding: var(--padding); border-radius: var(--borderradius); background: var(--bgcolor); }
.scroll-to-top:hover, .scroll-to-top:focus { color: var(--hovercolor); background: var(--hoverbgcolor); }
.scroll-to-top-icon, .scroll-to-top.image .scroll-to-top-image { width: var(--size); height: var(--size); }
.scroll-to-top-image { background-image: var(--bgimage); background-size: cover; }
:root{--nv-primary-accent:#db99d3;--nv-secondary-accent:#f1eaaa;--nv-site-bg:#ffffff;--nv-light-bg:#f4f5f7;--nv-dark-bg:#121212;--nv-text-color:#3b3b3b;--nv-text-dark-bg:#ffffff;--nv-c-1:#9463ae;--nv-c-2:#be574b;--nv-fallback-ff:Arial, Helvetica, sans-serif;}

/* ==================== Neve Pro 3.2.13: blog_pro/style.min.css (only the rules the live site uses) ==================== */
.posts-wrapper article{text-align:var(--alignment)}
.article-content-col{border-bottom:solid;border-width:var(--borderwidth,0);border-color:var(--bordercolor)}
article.layout-grid .article-content-col{overflow:hidden;border-radius:var(--borderradius);background:var(--cardbgcolor);color:var(--cardcolor);box-shadow:var(--cardboxshadow)}
article.layout-grid a{color:var(--cardcolor,var(--nv-secondary-accent))}
article.layout-grid .entry-title a{color:var(--cardcolor,var(--nv-text-color))}
.hfg_header{width:100%;z-index:99999}
.hfg_header .header--row{height:auto;transition:height .2s ease-out;-webkit-transition:height .2s ease-out}
.hfg_footer{bottom:0;width:100%}
.my-account-container .sub-menu.dropdown-open,.my-account-container:hover .sub-menu{visibility:visible;opacity:1}
.nv--yoast-breadcrumb{margin:0}
.nv--yoast-breadcrumb a{color:var(--linkcolor)}
.nv--yoast-breadcrumb a:hover{color:var(--hovercolor)}
.header-menu-sidebar [class*=builder-item--divider] .component-wrap{justify-content:center;margin:0 -15px}
.header-menu-sidebar .divider{width:var(--divsize);border-bottom:var(--divwidth) var(--divstyle) var(--divcolor)}
@media (min-width:960px){.hfg_header:not(.has-sticky-rows--desktop):not(.neve-transparent-header){position:static}}

/* ==================== WPBakery 8.7.2: js_composer.min.css (only the rules the live site uses) ==================== */
.vc_row:after,.vc_row:before{content:" ";display:table}
.vc_row:after{clear:both}
.vc_column_container{width:100%}
.vc_row{margin-left:-15px;margin-right:-15px}
.vc_col-lg-1,.vc_col-lg-10,.vc_col-lg-11,.vc_col-lg-12,.vc_col-lg-2,.vc_col-lg-3,.vc_col-lg-4,.vc_col-lg-5,.vc_col-lg-6,.vc_col-lg-7,.vc_col-lg-8,.vc_col-lg-9,.vc_col-md-1,.vc_col-md-10,.vc_col-md-11,.vc_col-md-12,.vc_col-md-2,.vc_col-md-3,.vc_col-md-4,.vc_col-md-5,.vc_col-md-6,.vc_col-md-7,.vc_col-md-8,.vc_col-md-9,.vc_col-sm-1,.vc_col-sm-10,.vc_col-sm-11,.vc_col-sm-12,.vc_col-sm-2,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-5,.vc_col-sm-6,.vc_col-sm-7,.vc_col-sm-8,.vc_col-sm-9,.vc_col-xs-1,.vc_col-xs-10,.vc_col-xs-11,.vc_col-xs-12,.vc_col-xs-2,.vc_col-xs-3,.vc_col-xs-4,.vc_col-xs-5,.vc_col-xs-6,.vc_col-xs-7,.vc_col-xs-8,.vc_col-xs-9{box-sizing:border-box;min-height:1px;padding-left:15px;padding-right:15px;position:relative}
@media (min-width:768px){.vc_col-sm-1,.vc_col-sm-10,.vc_col-sm-11,.vc_col-sm-12,.vc_col-sm-2,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-5,.vc_col-sm-6,.vc_col-sm-7,.vc_col-sm-8,.vc_col-sm-9{float:left}.vc_col-sm-12{width:100%}}
.vc_clearfix:after,.vc_clearfix:before{content:" ";display:table}
.vc_clearfix:after,.vc_el-clearfix{clear:both}
.wpb_button,.wpb_content_element,ul.wpb_thumbnails-fluid>li{margin-bottom:35px}
.wpb-content-wrapper{border:none;display:block;margin:0;overflow:unset;padding:0}
.vc_row[data-vc-full-width]{overflow:hidden;transition:opacity .5s ease}
.vc_row.vc_row-o-full-height{min-height:100vh}
.vc_row.vc_row-flex{box-sizing:border-box;display:flex;flex-wrap:wrap}
.vc_row.vc_row-flex>.vc_column_container{display:flex}
.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner{display:flex;flex-direction:column;flex-grow:1;z-index:1}
@media (forced-colors:active),(forced-colors:none){.vc_row.vc_row-flex>.vc_column_container>.vc_column-inner>*{min-height:1em}}
.vc_row.vc_row-flex:after,.vc_row.vc_row-flex:before{display:none}
.vc_row.vc_row-o-columns-middle{align-content:center}
.vc_row.vc_row-o-columns-bottom:after,.vc_row.vc_row-o-columns-middle:after,.vc_row.vc_row-o-columns-top:after{content:"";display:block;height:0;overflow:hidden;visibility:hidden;width:100%}
.vc_column-inner:after,.vc_column-inner:before{content:" ";display:table}
.vc_column-inner:after{clear:both}
.vc_column_container{padding-left:0;padding-right:0}
.vc_column_container>.vc_column-inner{box-sizing:border-box;padding-left:15px;padding-right:15px;width:100%}

/* ==================== WPBakery full-width rows (replaces its JavaScript) ==================== */
/* On WordPress, js_composer_front.js measured each [data-vc-full-width] row and set
   left/width so it spans the window (minus any scrollbar). Here <main> is a size
   container, so 100cqw is that same width, and the row is pulled out of its centred
   column by half the difference. */
.neve-main{container-type:inline-size}
.vc_row[data-vc-full-width]{position:relative;left:0;box-sizing:border-box;width:100cqw;max-width:100cqw;margin-left:calc(50% - 50cqw)}

/* ==================== WordPress Additional CSS (site-wide custom CSS, complete) ==================== */
/* ============================================================
   THE LADYBIRD CLUB — BLOG LANDING
   · Display  → 'Bauhaus Lace Bolt'  (custom font — see note below)
   · Accent   → 'Bauhaus Lace' in #db99d3
   · Body     → 'Jost'
   Brand pastels: #FADADE #DEBAD9 #FCF7CE #DCF3EF #AFC2DA #F9D69E
   Ink #2D2521 · Lace-pink #db99d3
   Container: min(1100px, viewport) — same as homepage
   ============================================================ */

/* ── FONTS ──────────────────────────────────────────────────
   The Bauhaus fonts are CUSTOM (not on Google). They load from
   WordPress site-wide. If the headers look like Jost instead of
   the homepage's Bauhaus, the font file is not loading on this
   page — uncomment this block and paste your real font URLs
   (the exact ones the homepage uses):

@font-face{
  font-family:'Bauhaus Lace Bolt';
  src:url('https://www.theladybirdclub.com/wp-content/uploads/fonts/BauhausLaceBolt.woff2') format('woff2');
  font-weight:normal;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Bauhaus Lace';
  src:url('https://www.theladybirdclub.com/wp-content/uploads/fonts/BauhausLace.woff2') format('woff2');
  font-weight:normal;font-style:normal;font-display:swap;
}
   ──────────────────────────────────────────────────────────── */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Jost',sans-serif;
  color:#2D2521;
  background:#ffffff;
  font-size:15px;
  line-height:1.6;
}
a{text-decoration:none;color:inherit}

/* ── SHARED TYPE HELPERS (exact match to homepage) ──
   Canonical definition — used by BOTH the blog and homepage. */
.tlc-bauhaus{font-family:'Bauhaus Lace Bolt',sans-serif;display:inline;vertical-align:baseline;}
.tlc-lace{font-family:'Bauhaus Lace',serif;display:inline;vertical-align:baseline;color:#db99d3;}

/* ============================================================
   HERO  — contained rounded card (matches homepage width + radius)
   Two image layers crossfade on toggle (girls / parents) — no overlay
   ============================================================ */
.blog-hero{
  position:relative;overflow:hidden;
  width:min(1100px, calc(100vw - 4rem));
  margin:40px auto 0;
  border-radius:32px;
  background:#fff;
  box-shadow:0 12px 30px rgba(45,37,33,.05),0 32px 70px rgba(45,37,33,.05);
  display:flex;flex-direction:column;
}
/* image — two layers crossfade on toggle (girls / parents) */
.hero-layer{
  position:absolute;inset:0;
  background-size:cover;background-position:center right;
  transition:opacity .6s ease;
}
.hero-layer-teen{
  background-image:url('/assets/img/blog-hero-teen-1920.webp');
  opacity:1;
}
.hero-layer-parent{
  background-image:url('/assets/img/blog-hero-parent-1920.webp');
  opacity:0;
}
.blog-hero.hero-parent .hero-layer-teen{opacity:0}
.blog-hero.hero-parent .hero-layer-parent{opacity:1}

/* MOBILE-FIRST: stacked — text on top, image below as a rounded block */
.blog-hero-media{
  order:2;position:relative;
  margin:0 20px 22px;
  height:280px;
  border-radius:22px;
  overflow:hidden;
}
.blog-hero-text{
  order:1;position:relative;z-index:2;
  padding:44px 28px 30px;
  text-align:center;
}

/* DESKTOP: full image behind, text overlaid on the faded left */
@media(min-width:761px){
  .blog-hero{display:block;min-height:460px}
  .blog-hero-media{
    position:absolute;inset:0;
    margin:0;height:auto;border-radius:0;
  }
  .blog-hero-text{
    max-width:52%;
    text-align:left;
    padding:80px 0 80px 60px;
  }
}
@media(max-width:760px){
  .blog-hero{margin:24px auto 0;border-radius:24px}
  .hero-layer{background-position:center}
  .hero-layer-teen{background-image:url('/assets/img/blog-hero-teen-mobile-1000.webp')}
  .hero-layer-parent{background-image:url('/assets/img/blog-hero-parent-mobile-1000.webp')}
}

.blog-eyebrow{
  display:inline-block;
  font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:rgba(45,37,33,.5);
  margin-bottom:18px;
}
#hero-h1{
  display:block;
  line-height:1.1;
  margin:0 0 16px;
  /* size inherits from the Neve theme, exactly like the homepage #tlcH1.
     To set an explicit size for preview, add e.g. font-size:clamp(44px,6vw,72px); */
}
#hero-p{
  font-size:17px;line-height:1.8;
  color:#6b5752;
  max-width:480px;margin:0 0 32px;
}
@media(max-width:760px){#hero-p{margin:0 auto 28px}}

/* ── TOGGLE (identical mechanic to homepage #tlcToggle) ── */
.audience-toggle{
  display:inline-flex;
  background:rgba(45,37,33,.06);
  border-radius:100px;
  padding:5px;gap:4px;
}
.toggle-btn{
  font-family:'Jost',sans-serif;
  padding:12px 32px;border-radius:100px;
  font-weight:700;font-size:14px;cursor:pointer;border:none;
  background:transparent;color:rgba(45,37,33,.5);
  transition:background .3s,color .3s,box-shadow .3s;
}
.toggle-btn.active{
  background:rgba(255,255,255,.9);
  color:#2D2521;
  box-shadow:0 2px 12px rgba(45,37,33,.1);
}

/* ============================================================
   SECTIONS  (same 1100px container as homepage)
   ============================================================ */
.blog-sections{max-width:1100px;margin:0 auto;padding:72px 24px 96px}
@media(max-width:700px){.blog-sections{padding:56px 20px 72px}}

.audience-section{display:none}
.audience-section.visible{display:block;animation:tlcFade .5s ease}
@keyframes tlcFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.section-header{text-align:center;max-width:840px;margin:0 auto 48px}
.section-title{
  display:block;
  text-align:center;
  font-size:clamp(34px,4vw,52px);
  line-height:1.08;
}
.section-title .sec-ey{
  display:block;
  font-family:'Jost',sans-serif;
  font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:rgba(45,37,33,.38);
  margin-bottom:14px;
}
.section-desc{
  font-size:16px;line-height:1.8;color:#6b5752;
  max-width:520px;margin:18px auto 0;
}

/* ============================================================
   FEATURED ARTICLE  — editorial split (image + text)
   ============================================================ */
.featured-card{
  display:flex;align-items:stretch;
  background:#fff;
  border-radius:26px;overflow:hidden;
  margin-bottom:52px;
  box-shadow:0 4px 10px rgba(45,37,33,.06),0 18px 48px rgba(45,37,33,.1);
  transition:transform .35s ease,box-shadow .35s ease;
}
.featured-card:hover{
  transform:translateY(-5px);
  box-shadow:0 8px 18px rgba(45,37,33,.09),0 28px 64px rgba(45,37,33,.15);
}
.featured-media{
  flex:0 0 44%;
  position:relative;
  min-height:320px;
}
.featured-media img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;display:block;
}
.featured-body{
  flex:1;
  padding:48px 52px;
  display:flex;flex-direction:column;justify-content:center;
}
.featured-tag{
  font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
  color:rgba(45,37,33,.55);
  margin-bottom:16px;
}
.featured-title{
  font-family:'Bauhaus Lace Bolt',sans-serif;
  font-size:clamp(28px,3.4vw,40px);
  line-height:1.12;
  color:#2D2521;
  margin-bottom:16px;
}
.featured-excerpt{
  font-size:16px;line-height:1.75;
  color:#5a4a46;
  margin-bottom:26px;
}
.featured-link{
  align-self:flex-start;
  font-weight:700;font-size:15px;
  color:#2D2521;
  border-bottom:2px solid #db99d3;
  padding-bottom:2px;
}
@media(max-width:760px){
  .featured-card{flex-direction:column}
  .featured-media{flex:auto;min-height:220px}
  .featured-body{padding:32px 28px}
}

/* ============================================================
   SPOTLIGHT  — For Dads / For Mums, 50/50 dark cards that pop
   ============================================================ */
.spotlight-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:56px;
}
@media(max-width:600px){.spotlight-grid{grid-template-columns:1fr}}
.spotlight-card{
  position:relative;overflow:hidden;
  background:#2D2521;color:#fff;
  border-radius:20px;
  padding:32px 30px;min-height:178px;
  display:flex;flex-direction:column;justify-content:space-between;gap:16px;
  box-shadow:0 4px 10px rgba(45,37,33,.12),0 14px 36px rgba(45,37,33,.18);
  transition:transform .3s ease,box-shadow .3s ease;
}
.spotlight-card:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 18px rgba(45,37,33,.18),0 22px 50px rgba(45,37,33,.24);
}
.spotlight-label{
  font-family:'Bauhaus Lace Bolt',sans-serif;font-weight:700;font-size:25px;line-height:1.16;
  color:#fff;
  margin-bottom:8px;
}
.spotlight-label .tlc-lace{font-size:1.12em;}
.spotlight-title{
  font-family:'Jost',sans-serif;
  font-weight:400;font-size:14px;line-height:1.55;
  color:rgba(255,255,255,.72);
}
.spotlight-cta{
  align-self:flex-start;
  font-weight:700;font-size:13px;
  color:#fff;
  border-bottom:2px solid #db99d3;
  padding-bottom:2px;
}

/* ============================================================
   CATEGORY GRID  — pastel + soft bubbles + clear CTA
   ============================================================ */
.cat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:56px;
}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cat-grid{grid-template-columns:1fr}}

.cat-card{
  display:block;border-radius:20px;overflow:hidden;
  box-shadow:0 2px 4px rgba(45,37,33,.05),0 8px 24px rgba(45,37,33,.07);
  transition:transform .3s ease,box-shadow .3s ease;
}
.cat-card:hover{
  transform:translateY(-5px);
  box-shadow:0 4px 8px rgba(45,37,33,.08),0 18px 42px rgba(45,37,33,.12);
}
.cat-card-inner{
  position:relative;overflow:hidden;
  padding:26px 24px;min-height:185px;
  display:flex;flex-direction:column;justify-content:space-between;gap:18px;
}
.cat-bubble{position:absolute;border-radius:50%;opacity:.55;z-index:0;pointer-events:none}
.cat-card-top{position:relative;z-index:1}
.cat-card-label{
  font-family:'Bauhaus Lace Bolt',sans-serif;font-weight:600;font-size:23px;line-height:1.16;
  color:#2D2521;
  margin-bottom:8px;
}
.cat-card-title{
  font-size:13px;font-weight:600;line-height:1.5;
  color:rgba(45,37,33,.6);
}
.cat-card-count{font-size:13px;color:rgba(45,37,33,.55);line-height:1.5}
.cat-card-cta{
  position:relative;z-index:1;align-self:flex-start;
  font-weight:700;font-size:12px;
  color:#2D2521;
  border-bottom:2px solid #db99d3;
  padding-bottom:2px;
  transition:color .2s;
}
.cat-card:hover .cat-card-cta{color:#9a6e8c}
.cat-card-wide-arrow{
  width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.65);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:background .3s,transform .3s;
}
.cat-card:hover .cat-card-wide-arrow{background:#fff;transform:translateX(4px)}

/* ── SPOTLIGHT DIVIDER ── */
.spotlight-divider{
  display:flex;align-items:center;gap:18px;
  margin:8px 0 28px;
}
.spotlight-divider::before,
.spotlight-divider::after{
  content:"";flex:1;height:1px;
  background:rgba(45,37,33,.14);
}
.spotlight-divider span{
  font-size:11px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:rgba(45,37,33,.4);
}

/* ── MOST SEARCHED / POPULAR STRIP ── */
.recent-strip{
  background:#faf7f5;
  border:1px solid rgba(45,37,33,.06);
  border-radius:24px;
  padding:32px 36px;
  box-shadow:0 8px 28px rgba(45,37,33,.05);
}
@media(max-width:700px){.recent-strip{padding:24px 20px;border-radius:20px}}
.strip-title{
  font-family:'Bauhaus Lace Bolt',sans-serif;font-size:24px;
  margin-bottom:18px;
}
.article-list{display:flex;flex-direction:column}
.article-row{
  display:flex;align-items:center;gap:16px;
  padding:16px 12px;
  border-bottom:1px solid rgba(45,37,33,.1);
  border-radius:10px;
  transition:background .2s;
}
.article-row:last-child{border-bottom:none}
.article-row:hover{background:rgba(219,153,211,.12)}
.article-row-tag{
  flex-shrink:0;
  font-size:10px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  padding:6px 12px;border-radius:100px;
}
.article-row-title{flex:1;font-size:15px;font-weight:500;color:#2D2521;line-height:1.4}
.article-row-arrow{
  flex-shrink:0;font-size:22px;color:rgba(45,37,33,.35);
  transition:transform .2s,color .2s;
}
.article-row:hover .article-row-arrow{color:#db99d3;transform:translateX(3px)}
@media(max-width:600px){
  .article-row{flex-wrap:wrap;gap:8px}
  .article-row-title{flex-basis:100%;order:3}
}

/* ============================================================
   APP DOWNLOAD CTA  — screenshot + store buttons (matches homepage)
   Shows for both audiences, below the content.
   ============================================================ */
.app-cta{
  margin:36px 0 0;
  border-radius:32px;
  background:linear-gradient(135deg,#fef0f3 0%,#f3e8f6 55%,#e8eef7 100%);
  overflow:hidden;
}
.app-cta-inner{
  display:flex;align-items:center;gap:48px;
  padding:56px 60px;
}
.app-cta-text{flex:1;display:flex;flex-direction:column;align-items:flex-start}
.app-cta-h2{
  display:block;
  font-size:clamp(30px,3.6vw,46px);
  line-height:1.1;
  margin:0 0 16px;
}
.app-cta-p{
  font-size:16px;line-height:1.8;color:#5a4a46;
  max-width:440px;margin:0 0 28px;
}
.app-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}

/* store buttons reuse the homepage .tlc-btn-p base (defined below);
   only the icon gap / sizing differ, scoped so there is NO clash. */
.app-btns .tlc-btn-p{gap:9px;padding:11px 22px;font-size:15px}
.app-btns .tlc-btn-p svg{flex-shrink:0;display:block}

/* trust line */
.app-trust{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.app-ti{
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(45,37,33,.42);display:flex;align-items:center;gap:5px;
}
.app-ti-sep{font-family:'Bauhaus Lace',serif;color:#db99d3;font-size:1.2em;line-height:1}

/* screenshot */
.app-cta-shot{flex:0 0 36%;display:flex;justify-content:center}
.app-shot-img{
  width:100%;max-width:300px;height:auto;display:block;
  border-radius:24px;
  filter:drop-shadow(0 30px 40px rgba(45,37,33,.18)) drop-shadow(0 8px 16px rgba(45,37,33,.08));
}

@media(max-width:800px){
  .app-cta-inner{flex-direction:column;text-align:center;padding:44px 28px 40px;gap:32px}
  .app-cta-text{align-items:center}
  .app-cta-p{margin-left:auto;margin-right:auto}
  .app-btns{justify-content:center}
  .app-trust{justify-content:center}
  .app-cta-shot{order:-1}
}


/* ── BLOG TOGGLE ── */
#tlcBlogToggle { display:inline-flex; background:rgba(45,37,33,.06); border-radius:100px; padding:5px; gap:4px; margin-bottom:48px; }


#tlcReviewsCta {
    text-align: center;
    margin-top: 48px;
}
/* ── NAV ── */
.hfg_header, #header-grid, .header--row { z-index: 1000 !important; }

/* ── HERO STICKY ── */
#tlcSticky { visibility: hidden; }

/* ── DESKTOP GRID ── */
#tlcGrid {
    --offset: 0;
    --gap: clamp(8px,1.2vw,14px);
    width: min(1100px, calc(100vw - 4rem));
    height: min(calc(100vh - 24px), calc(((min(1100px, 100vw - 4rem) - 4*var(--gap)) / 5) * 3.75 + 2*var(--gap)));
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: repeat(3,1fr);
    gap: var(--gap);
    position: absolute;
    top: 50%; left: 50%;
    translate: -50% -50%;
}
.tlc-layer { display:grid; grid-column:1/-1; grid-row:1/-1; grid-template-columns:subgrid; grid-template-rows:subgrid; }
.tlc-layer > div { overflow:hidden; border-radius:10px; }
#tlcGrid img { width:100%; height:100%; object-fit:cover; border-radius:10px; display:block; }
.tlc-cc { width:100%; height:100%; display:block; border-radius:10px; }
#tlcLayer1 div:nth-child(odd)  { grid-column:1; }
#tlcLayer1 div:nth-child(even) { grid-column:-2; }
#tlcLayer2 div:nth-child(odd)  { grid-column:calc(2 + var(--offset)); }
#tlcLayer2 div:nth-child(even) { grid-column:calc(-3 - var(--offset)); }
#tlcLayer3 div:nth-child(1) { grid-column:calc(3 + var(--offset)); grid-row:1; }
#tlcLayer3 div:nth-child(2) { grid-column:calc(3 + var(--offset)); grid-row:-1; }
#tlcScalerWrap { position:relative; grid-area:2/calc(3 + var(--offset)); z-index:2; width:100%; height:100%; }
#tlcScaler { position:absolute; top:50%; left:50%; translate:-50% -50%; object-fit:cover; object-position:center 30%; border-radius:16px; width:100%; height:100%; max-width:none!important; max-height:none!important; }
.tlc-mob { display:none; }

/* ── MOBILE GRID ── */
@media(max-width:600px) {
    .tlc-desk { display:none; }
    .tlc-mob  { display:grid; }
    #tlcGrid { grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(5,1fr); --offset:-1; height:calc(100% - 8px); width:calc(100% - 8px); }
    #tlcScalerWrap { grid-area:3/2 !important; }
}

/* ── OVERLAY ── */
#tlcOverlay { pointer-events:none; }
#tlcOverlayInner { pointer-events:auto; padding:60px 35px 36px 25px; width:100%; max-width:680px; box-sizing:border-box; }
@media(max-width:600px) {
    #tlcOverlayInner { text-align:center; padding:48px 24px 32px 24px; }
    #tlcBtns { justify-content:center; }
    #tlcTrust { justify-content:center; }
}

/* ── BAUHAUS FONTS ── (defined once near the top — duplicate removed) */

/* ── HERO HEADING ── */
#tlcH1 { display:block; line-height:1.1; margin:0 0 16px; }
#tlcSubtitle { line-height:1.8; max-width:100%; margin-bottom:22px; }

/* ── BUTTONS ── */
#tlcBtns { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
.tlc-btn-p { display:inline-flex; align-items:center; padding:7px 26px; border-radius:100px; font-weight:700; background:#2D2521; color:#fff; text-decoration:none; box-shadow:0 6px 22px rgba(45,37,33,.18); transition:transform .2s; }
.tlc-btn-p:hover { transform:translateY(-2px); }
.tlc-btn-icon { height:50px !important; width:auto !important; max-width:50px !important; display:inline-block; flex-shrink:0; vertical-align:middle; object-fit:contain; margin-left:10px; }

/* ── TRUST BAR ── */
#tlcTrust { display:flex; gap:14px; flex-wrap:wrap; }
.tlc-ti { font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:rgba(45,37,33,.42); display:flex; align-items:center; gap:5px; }
.tlc-ti-sep { font-family:'Bauhaus Lace',serif; color:#db99d3; font-size:1.2em; line-height:1; margin:0 4px; }

/* ── SCENE ── */
#tlcScene { min-height:260vh; position:relative; }

/* ── WHO ARE YOU ── */
#tlcWho { background:transparent; padding:50px 48px 80px; }
@media(max-width:700px){ #tlcWho { padding:50px 24px 60px; } }
#tlcWhoHead { text-align:center; margin-bottom:48px; }
.tlc-ey { font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:rgba(45,37,33,.38); margin-bottom:14px; display:block; }
#tlcWhoH2 { display:block; text-align:center; font-size:clamp(38px,5vw,60px); line-height:1.05; margin-bottom:12px; }
#tlcWhoSub, .tlc-pp { font-size:16px; line-height:1.8; color:#6b5752; margin-bottom:24px; }
#tlcWhoSub { max-width:480px; margin:0 auto 36px; }
.tlc-pp { max-width:400px; }

/* ── TOGGLE ── */
#tlcToggle { display:inline-flex; background:rgba(45,37,33,.06); border-radius:100px; padding:5px; gap:4px; margin-bottom:64px; }
.tlc-tbtn { padding:12px 32px; border-radius:100px; font-weight:700; cursor:pointer; border:none; background:transparent; color:rgba(45,37,33,.5); transition:background .3s,color .3s,box-shadow .3s; }
.tlc-tbtn-active { background:rgba(255,255,255,0.85); color:#2D2521; box-shadow:0 2px 12px rgba(45,37,33,.1); }

/* ── PANELS ── */
.tlc-who-panel { width:100%; }
.tlc-pgrid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; max-width:1100px; margin:0 auto; position:relative; z-index:2; }
@media(max-width:800px){ .tlc-pgrid { grid-template-columns:1fr; gap:40px; } }
.tlc-pwrap { display:flex; flex-direction:column; align-items:flex-start; }
.tlc-pey { font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:rgba(45,37,33,.38); margin-bottom:14px; display:block; }
.tlc-h3 { display:block; font-size:clamp(30px,5vw,40px); margin-bottom:16px; position:relative; z-index:2; }

.tlc-feats { list-style:none; margin-bottom:28px; display:flex; flex-direction:column; gap:10px; padding:0; }
.tlc-feat { display:flex; align-items:flex-start; gap:14px; background:rgba(255,255,255,0.4); border:1px solid rgba(255,255,255,0.6); border-radius:16px; padding:14px 18px; line-height:1.5; color:#6b5752; font-size:15px; }
.tlc-feat b { font-size:16px; color:#2D2521; }
.tlc-ficon { width:38px; height:38px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.tlc-ficon svg { display:block; }

/* ── PHONE MOCKUP ── */
.tlc-phone-col { display:flex; justify-content:center; align-items:flex-end; }
.tlc-phone-img { width:100%; max-width:320px; height:auto; display:block; filter:drop-shadow(0 40px 40px rgba(0,0,0,0.15)) drop-shadow(0 8px 16px rgba(0,0,0,0.08)); transition:transform .4s ease,filter .4s ease; }
.tlc-phone-img:hover { transform:translateY(-8px); filter:drop-shadow(0 52px 48px rgba(0,0,0,0.18)) drop-shadow(0 12px 24px rgba(0,0,0,0.10)); }
@media(max-width:800px){ .tlc-phone-img { max-width:240px; } }

/* ── GLASS PANEL ── */
#tlcPanels { position:relative; min-height:500px; max-width:1100px; margin:0 auto; padding:48px; border-radius:32px; background:rgba(255,255,255,0.06); backdrop-filter:blur(18px) saturate(185%); -webkit-backdrop-filter:blur(18px) saturate(185%); border:1px solid rgba(255,255,255,0.18); box-shadow:inset 0 1px 1px rgba(255,255,255,0.8),inset 0 -1px 1px rgba(255,255,255,0.15),0 12px 30px rgba(45,37,33,0.05),0 32px 70px rgba(45,37,33,0.04); overflow:hidden; }
#tlcPanels::before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(180deg,rgba(255,255,255,0.35) 0%,rgba(255,255,255,0.08) 25%,transparent 60%); pointer-events:none; }
#tlcPanels::after  { content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.15); pointer-events:none; }
@media(max-width:800px){ #tlcPanels { padding:32px 24px; border-radius:24px; } }

/* ── MOBILE CENTRING ── */
@media(max-width:800px) {
    #tlcWhoHead { text-align:center; }
    .tlc-pwrap { align-items:center; text-align:center; }
    .tlc-pey { text-align:center; }
    .tlc-h3 { text-align:center; }
    .tlc-pp { text-align:center; max-width:100%; }
    .tlc-feats { width:100%; }
    .tlc-feat { text-align:left; }
    .tlc-pwrap .tlc-btn-p { align-self:center; }
}

/* ── MARQUEE ── */
.tlc-mq { overflow:hidden; width:100%; padding:28px 0; border-top:1px solid rgba(175,194,218,0.3); border-bottom:1px solid rgba(175,194,218,0.3); }
.tlc-mq__track { display:flex; width:max-content; animation:tlcMarquee 22s linear infinite; will-change:transform; }
@media(hover:hover){ .tlc-mq:hover .tlc-mq__track { animation-play-state:paused; } }
@media(prefers-reduced-motion:reduce){ .tlc-mq__track { animation:none; } }
@keyframes tlcMarquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.tlc-mq__item { display:inline-flex; align-items:center; gap:20px; padding:0 32px; white-space:nowrap; flex-shrink:0; }
.tlc-mq__text { font-family:'Jost',sans-serif; font-size:clamp(32px,4vw,52px); font-weight:700; color:#AFC2DA; letter-spacing:0.06em; line-height:1; }
.tlc-mq__icon { height:1em; width:auto; display:block; flex-shrink:0; }

/* ── BUBBLES ── */
body.home { position:relative; }
.home .nv-content-wrap, .home .hfg_header { position:relative; z-index:1; }
.tlc-bg-bubbles { position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; pointer-events:none; overflow:hidden; }
.tlc-bg-bubbles ul { position:absolute; top:0; left:0; width:100%; height:100%; list-style:none; margin:0; padding:0; }
.tlc-bg-bubbles li { position:absolute; display:block; border-radius:50%; bottom:-120px; animation:tlcBubble linear infinite; background:rgba(246,195,200,0.6); pointer-events:none; }
.tlc-bg-bubbles li:nth-child(1)  { left:15%; width:70px;  height:70px;  animation-duration:18s; animation-delay:0s;  }
.tlc-bg-bubbles li:nth-child(2)  { left:10%; width:22px;  height:22px;  animation-duration:13s; animation-delay:2s;  }
.tlc-bg-bubbles li:nth-child(3)  { left:70%; width:20px;  height:20px;  animation-duration:17s; animation-delay:4s;  }
.tlc-bg-bubbles li:nth-child(4)  { left:40%; width:55px;  height:55px;  animation-duration:20s; animation-delay:0s;  }
.tlc-bg-bubbles li:nth-child(5)  { left:62%; width:18px;  height:18px;  animation-duration:14s; animation-delay:1s;  }
.tlc-bg-bubbles li:nth-child(6)  { left:75%; width:90px;  height:90px;  animation-duration:22s; animation-delay:3s;  }
.tlc-bg-bubbles li:nth-child(7)  { left:28%; width:120px; height:120px; animation-duration:26s; animation-delay:7s;  }
.tlc-bg-bubbles li:nth-child(8)  { left:50%; width:24px;  height:24px;  animation-duration:32s; animation-delay:15s; }
.tlc-bg-bubbles li:nth-child(9)  { left:20%; width:14px;  height:14px;  animation-duration:24s; animation-delay:2s;  }
.tlc-bg-bubbles li:nth-child(10) { left:85%; width:100px; height:100px; animation-duration:16s; animation-delay:0s;  }
@keyframes tlcBubble {
    0%   { transform:translateY(0);      opacity:0;   }
    8%   { opacity:0.85; }
    75%  { opacity:0.55; }
    92%  { opacity:0.1;  }
    100% { transform:translateY(-640px); opacity:0;   }
}

/* ── REVIEWS ── */
#tlcReviews { padding:80px 48px; }
@media(max-width:700px){ #tlcReviews { padding:60px 24px; } }
#tlcReviewsHead { text-align:center; margin-bottom:48px; }
#tlcReviewsH2 { display:block; text-align:center; font-size:clamp(38px,5vw,60px); line-height:1.05; margin-bottom:12px; }
#tlcReviewsGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:1100px; margin:0 auto; }
@media(max-width:900px){ #tlcReviewsGrid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ #tlcReviewsGrid { grid-template-columns:1fr; } }
.tlc-review-card {
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow:
        0 2px 4px rgba(45,37,33,0.06),
        0 8px 24px rgba(45,37,33,0.08);
    transition: transform .3s ease, box-shadow .3s ease;
}
.tlc-review-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 4px 8px rgba(45,37,33,0.08),
        0 16px 40px rgba(45,37,33,0.12);
}
.tlc-stars { font-size:16px; color:#2D2521; letter-spacing:2px; }
.tlc-review-quote { font-size:15px; line-height:1.75; color:#2D2521; flex:1; }
.tlc-review-author { display:flex; flex-direction:column; gap:2px; margin-top:4px; }
.tlc-author-name { font-size:13px; font-weight:700; color:#2D2521; line-height:1.3; }
.tlc-author-role { font-size:11px; color:rgba(45,37,33,.55); line-height:1.3; }

/* ── FAQ ── */
#tlcFaq { padding:80px 0; }
@media(max-width:700px){ #tlcFaq { padding:60px 0; } }
#tlcFaqCard { background:#fce8eb; border-radius:32px; padding:64px 72px; max-width:1140px; margin:0 auto; width:calc(100% - 16px); overflow:visible; }
@media(max-width:700px){ #tlcFaqCard { padding:40px 28px; border-radius:24px; } }
#tlcFaqHead { text-align:center; margin-bottom:48px; }
#tlcFaqH2 { display:block; text-align:center; font-size:clamp(38px,5vw,60px); line-height:1.05; margin-bottom:12px; }
#tlcFaqList { display:flex; flex-direction:column; }
.tlc-faq-item { border-bottom:1px solid rgba(45,37,33,.15); }
.tlc-faq-item:first-of-type { border-top:1px solid rgba(45,37,33,.15); }
.tlc-faq-row { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 12px; cursor:pointer; border-radius:8px; transition:background .2s; }
.tlc-faq-row:hover { background:#db99d3; }
.tlc-faq-row.tlc-faq-open { background:#db99d3; }
.tlc-faq-q { font-size:16px; font-weight:700; color:#2D2521; flex:1; }
.tlc-faq-icon { flex-shrink:0; width:28px; height:28px; display:flex; align-items:center; justify-content:center; transition:transform .3s ease; overflow:visible; }
.tlc-faq-icon svg { overflow:visible; }
.tlc-faq-a { max-height:0; overflow:hidden; transition:max-height .35s ease; }
.tlc-faq-a p { padding:0 12px 20px; font-size:15px; line-height:1.8; color:rgba(45,37,33,.75); }
@media(max-width:700px){ #tlcFaqHead { text-align:center; } .tlc-faq-q { font-size:15px; } }

/* ==================== Neve: mobile menu tweaks it prints after the header ==================== */
.header-menu-sidebar .nav-ul li .wrap { padding: 0 4px; }.header-menu-sidebar .nav-ul li .wrap a { flex-grow: 1; display: flex; }.header-menu-sidebar .nav-ul li .wrap a .dd-title { width: var(--wrapdropdownwidth); }.header-menu-sidebar .nav-ul li .wrap button { border: 0; z-index: 1; background: 0; }.header-menu-sidebar .nav-ul li:not([class*=block]):not(.menu-item-has-children) > .wrap > a { padding-right: calc(1em + (18px*2)); text-wrap: wrap; white-space: normal;}.header-menu-sidebar .nav-ul li.menu-item-has-children:not([class*=block]) > .wrap > a { margin-right: calc(-1em - (18px*2)); padding-right: 46px;}

/* ==================== JavaScript-off fallbacks (new; no effect when JavaScript runs) ==================== */
/* Not from the live site. Fallbacks for visitors with JavaScript switched off, so all the
   content and the menu can be seen. Every rule starts with html:not(.js); base.njk adds the
   "js" class straight away when scripts run, so these rules never apply to anyone else
   and the design with JavaScript is unchanged. */

/* Home hero: the first frame of the scroll animation (photo with the heading over it),
   without the zoom. 157px / 88px / 98px are the header heights at each Neve breakpoint;
   the photo keeps a 4px gap all round, as the script draws it. */
html:not(.js) #tlcScene{min-height:0}
html:not(.js) #tlcSticky{visibility:visible;position:relative;height:calc(100vh - 157px);overflow:hidden}
html:not(.js) .tlc-layer{opacity:0}
html:not(.js) #tlcScalerWrap{position:static}
html:not(.js) #tlcScaler,html:not(.js) #tlcOverlay{width:min(1140px,100vw - 16px);height:calc(100vh - 165px)}
html:not(.js) #tlcOverlay{position:absolute;z-index:99;top:50%;left:50%;translate:-50% -50%;display:flex;align-items:center;justify-content:flex-start;padding-left:40px;box-sizing:border-box}
@media(max-width:959px){
html:not(.js) #tlcSticky{height:calc(100vh - 88px)}
html:not(.js) #tlcScaler,html:not(.js) #tlcOverlay{height:calc(100vh - 96px)}
}
@media(max-width:575px){
html:not(.js) #tlcSticky{height:calc(100vh - 98px)}
html:not(.js) #tlcScaler,html:not(.js) #tlcOverlay{height:calc(100vh - 106px)}
}

/* Home "For Girls / For Parents" and Blog "For Teens / For Parents": both sides shown one
   after the other, and the switch buttons (which need JavaScript) hidden. */
html:not(.js) #tlcToggle,html:not(.js) .audience-toggle{display:none}
html:not(.js) #tlcWhoParent{display:block!important;margin-top:48px}
html:not(.js) .audience-section{display:block}

/* FAQ answers shown open; the +/- icons hidden as they cannot be used. */
html:not(.js) .tlc-faq-a{max-height:none}
html:not(.js) .tlc-faq-icon{visibility:hidden}

/* Phones and tablets: the slide-out menu cannot open, so its links are shown under the
   header instead of the menu button, with the For Parents sub-menu open. */
@media(max-width:959px){
html:not(.js) .menu-mobile-toggle{display:none}
html:not(.js) .header-menu-sidebar{position:static;visibility:visible;transform:none;height:auto}
html:not(.js) .header-menu-sidebar-inner{display:block;opacity:1;padding:0 0 12px}
html:not(.js) .header-menu-sidebar .navbar-toggle-wrapper,html:not(.js) .header-menu-sidebar .caret-wrap{display:none}
html:not(.js) .header-menu-sidebar .nav-ul .sub-menu{display:block;margin-left:10px}
}
