.elementor-kit-6{--e-global-color-text:#323232;--e-global-color-primary:#033429;--e-global-color-secondary:#028476;--e-global-color-accent:#A54D1E;--e-global-color-aokgold:#FFE88B;--e-global-color-aokforest:#0E5133;--e-global-color-aokcream:#FDFDF5;--e-global-color-aoklinen:#F2F1E8;--e-global-color-aokblack:#000000;--e-global-color-aokwhite:#FFFFFF;--e-global-typography-primary-font-family:"Nineties Headliner";--e-global-typography-primary-font-size:72px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Perfectly Nineties";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:1.05em;--e-global-typography-secondary-letter-spacing:-1px;--e-global-typography-text-font-family:"Red Hat Display";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.45em;--e-global-typography-text-letter-spacing:-0.4px;--e-global-typography-accent-font-family:"Red Hat Display";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.2em;--e-global-typography-accent-letter-spacing:-0.6px;--e-global-typography-aokdisplay-font-family:"Nineties Headliner";--e-global-typography-aokdisplay-font-size:108px;--e-global-typography-aokdisplay-font-weight:400;--e-global-typography-aokdisplay-text-transform:uppercase;--e-global-typography-aokdisplay-line-height:0.95em;--e-global-typography-aokdisplay-letter-spacing:0px;--e-global-typography-aokscript-font-family:"Perfectly Nineties";--e-global-typography-aokscript-font-size:92px;--e-global-typography-aokscript-font-weight:400;--e-global-typography-aokscript-text-transform:none;--e-global-typography-aokscript-font-style:italic;--e-global-typography-aokscript-line-height:1em;--e-global-typography-aokscript-letter-spacing:-1px;--e-global-typography-aokh2-font-family:"Nineties Headliner";--e-global-typography-aokh2-font-size:56px;--e-global-typography-aokh2-font-weight:400;--e-global-typography-aokh2-text-transform:uppercase;--e-global-typography-aokh2-line-height:1.15em;--e-global-typography-aokh2-letter-spacing:0.5px;--e-global-typography-aokserifitalic-font-family:"Perfectly Nineties";--e-global-typography-aokserifitalic-font-size:50px;--e-global-typography-aokserifitalic-font-weight:400;--e-global-typography-aokserifitalic-text-transform:none;--e-global-typography-aokserifitalic-font-style:italic;--e-global-typography-aokserifitalic-line-height:1em;--e-global-typography-aokserifitalic-letter-spacing:-1.5px;--e-global-typography-aokcardtitle-font-family:"Perfectly Nineties";--e-global-typography-aokcardtitle-font-size:38px;--e-global-typography-aokcardtitle-font-weight:400;--e-global-typography-aokcardtitle-text-transform:none;--e-global-typography-aokcardtitle-line-height:1em;--e-global-typography-aokcardtitle-letter-spacing:-2px;--e-global-typography-aokbodybold-font-family:"Red Hat Display";--e-global-typography-aokbodybold-font-size:22px;--e-global-typography-aokbodybold-font-weight:700;--e-global-typography-aokbodybold-line-height:1.35em;--e-global-typography-aokbodybold-letter-spacing:-0.8px;--e-global-typography-6c68862-font-family:"Nineties Headliner";--e-global-typography-6c68862-font-size:40px;--e-global-typography-6c68862-text-transform:none;--e-global-typography-6c68862-line-height:1.2em;--e-global-typography-6c68862-word-spacing:-1px;--e-global-typography-39ebeae-font-family:"Perfectly Nineties";--e-global-typography-39ebeae-font-size:36px;--e-global-typography-39ebeae-text-transform:none;--e-global-typography-39ebeae-font-style:italic;--e-global-typography-39ebeae-line-height:1.2em;--e-global-typography-39ebeae-letter-spacing:-1px;--e-global-typography-17ab17b-font-family:"Red Hat Display";--e-global-typography-17ab17b-font-size:15px;--e-global-typography-17ab17b-font-weight:700;--e-global-typography-17ab17b-text-transform:uppercase;--e-global-typography-17ab17b-letter-spacing:4px;--e-global-typography-aoktag-font-family:"Red Hat Display";--e-global-typography-aoktag-font-size:12px;--e-global-typography-aoktag-font-weight:700;--e-global-typography-aoktag-line-height:1.3em;--e-global-typography-aoktag-letter-spacing:0.2px;background-color:var( --e-global-color-aokcream );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-accent );color:var( --e-global-color-aokwhite );border-radius:8px 8px 8px 8px;padding:14px 40px 14px 40px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-aokwhite );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-aokh2-font-family ), Sans-serif;font-size:var( --e-global-typography-aokh2-font-size );font-weight:var( --e-global-typography-aokh2-font-weight );text-transform:var( --e-global-typography-aokh2-text-transform );line-height:var( --e-global-typography-aokh2-line-height );letter-spacing:var( --e-global-typography-aokh2-letter-spacing );}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-6c68862-font-family ), Sans-serif;font-size:var( --e-global-typography-6c68862-font-size );text-transform:var( --e-global-typography-6c68862-text-transform );line-height:var( --e-global-typography-6c68862-line-height );word-spacing:var( --e-global-typography-6c68862-word-spacing );}.elementor-kit-6 h4{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:56px;--e-global-typography-secondary-font-size:34px;--e-global-typography-text-font-size:18px;--e-global-typography-accent-font-size:18px;--e-global-typography-aokdisplay-font-size:80px;--e-global-typography-aokscript-font-size:70px;--e-global-typography-aokh2-font-size:46px;--e-global-typography-aokserifitalic-font-size:46px;--e-global-typography-aokcardtitle-font-size:34px;--e-global-typography-aokbodybold-font-size:19px;--e-global-typography-aoktag-font-size:12px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-aokh2-font-size );line-height:var( --e-global-typography-aokh2-line-height );letter-spacing:var( --e-global-typography-aokh2-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-6c68862-font-size );line-height:var( --e-global-typography-6c68862-line-height );word-spacing:var( --e-global-typography-6c68862-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:30px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;--e-global-typography-aokdisplay-font-size:52px;--e-global-typography-aokscript-font-size:42px;--e-global-typography-aokh2-font-size:36px;--e-global-typography-aokserifitalic-font-size:32px;--e-global-typography-aokcardtitle-font-size:30px;--e-global-typography-aokbodybold-font-size:17px;--e-global-typography-6c68862-font-size:30px;--e-global-typography-6c68862-line-height:0.8em;--e-global-typography-39ebeae-font-size:24px;--e-global-typography-aoktag-font-size:12px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-6 h2{font-size:var( --e-global-typography-aokh2-font-size );line-height:var( --e-global-typography-aokh2-line-height );letter-spacing:var( --e-global-typography-aokh2-letter-spacing );}.elementor-kit-6 h3{font-size:var( --e-global-typography-6c68862-font-size );line-height:var( --e-global-typography-6c68862-line-height );word-spacing:var( --e-global-typography-6c68862-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== Art of Kind Design – reusable scroll effects ===== */

/* STICKY COLUMN
   Add class "aok-sticky" to a column inside a row (Advanced > CSS Classes).
   It pins below the header while the column beside it scrolls. Desktop only. */
@media (min-width:1025px){
  .aok-sticky{position:sticky !important;top:40px !important;align-self:flex-start !important;}
}

/* STACKING TILES
   Add class "aok-stack" to the parent container and "aok-stack-card" to each tile.
   The first tile pins near the top of the screen and stays put; each following
   tile slides up and lands exactly on top of it, covering the one before. Desktop only. */
.aok-stack-card{background-color:#0B4035;border-radius:20px;padding:20px;}
@media (min-width:1025px){
  .aok-stack-card{position:sticky !important;top:40px !important;min-height:340px;box-shadow:0 -14px 34px rgba(0,0,0,.28);}
}
/* Light tiles for cream/linen sections: also add "aok-stack-card--light" */
.aok-stack-card.aok-stack-card--light{background-color:#FDFDF5;box-shadow:0 -14px 34px rgba(50,50,50,.12);}

/* Full-width stacking sections: add "aok-stack-card--full" alongside "aok-stack-card".
   Each section pins at the very top and the next full-width section slides up over it. */
.aok-stack-card.aok-stack-card--full{border-radius:0;box-shadow:0 -18px 40px rgba(0,0,0,.18);}
@media (min-width:1025px){
  .aok-stack-card.aok-stack-card--full{top:0 !important;min-height:100vh;}
}

/* PHOTO COLLAGE
   Add class "aok-collage" to a row of 4 photo tiles (big, small, small, big).
   On tablet and mobile it keeps the two-column collage instead of stacking,
   and shows each image whole (no cropping) so text in screenshots isn't cut off. */
@media (max-width:1024px){
  .aok-collage{flex-direction:row !important;flex-wrap:wrap !important;gap:6px !important;align-items:flex-start !important;}
  .aok-collage > .e-con{width:calc(34% - 3px) !important;max-width:none !important;}
  .aok-collage > .e-con:nth-child(4n+1 of .e-con), .aok-collage > .e-con:nth-child(4n of .e-con){width:calc(66% - 3px) !important;}
  .aok-collage .elementor-widget-image, .aok-collage .elementor-widget-image a{width:100% !important;max-width:100% !important;height:auto !important;}
  .aok-collage img{width:100% !important;max-width:100% !important;height:auto !important;aspect-ratio:auto !important;object-fit:contain !important;display:block;}
}

/* TEAL TEXT: wrap words in <span class="teal">…</span> to color them teal */
.teal{color:#028476;}

/* CLICKABLE CARDS
   Add class "aok-card-link" to a card container that has a button inside.
   The button's link then covers the whole card. */
.aok-card-link{position:relative;cursor:pointer;}
.aok-card-link .elementor-widget-button, .aok-card-link .elementor-widget-button .elementor-widget-container, .aok-card-link .elementor-button-wrapper{position:static !important;}
.aok-card-link .elementor-widget-button a.elementor-button::after{content:"";position:absolute;inset:0;z-index:4;}
.aok-card-link:hover{transform:translateY(-3px);transition:transform .2s ease;}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nineties Headliner';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://artofkinddesign.com/wp-content/uploads/2026/10/ninetiesheadliner-regular-webfont.woff2') format('woff2'),
		url('https://artofkinddesign.com/wp-content/uploads/2026/10/ninetiesheadliner-regular-webfont.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Perfectly Nineties';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://artofkinddesign.com/wp-content/uploads/2026/10/perfectlynineties-regular-webfont.woff2') format('woff2'),
		url('https://artofkinddesign.com/wp-content/uploads/2026/10/perfectlynineties-regular-webfont.woff') format('woff');
}
@font-face {
	font-family: 'Perfectly Nineties';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://artofkinddesign.com/wp-content/uploads/2026/10/perfectlynineties-italic-webfont.woff2') format('woff2'),
		url('https://artofkinddesign.com/wp-content/uploads/2026/10/perfectlynineties-italic-webfont.woff') format('woff');
}
/* End Custom Fonts CSS */