/* Haygoodies Themes: base look for the header/footer templates from the Haygoodies kits (hh- / ks- classes).
   Written in your normal sky colours; while a skin is on, these colours are recoloured with the rest of the site. */

/* notice bar */
.elementor-element:is(.hh-notice, .ks-notice) { background-color: #CDEBFA; }
:is(.hh-notice, .ks-notice) :is(p, .elementor-widget-container) { color: #7A66AD; font-size: 14px; text-align: center; margin: 0; }
:is(.hh-notice, .ks-notice) strong { color: #7A66AD; }

/* header: a solid background so it never sits see-through over your banners */
.elementor-element:is(.hh-header, .ks-header) { background-color: #CDEBFA; box-shadow: 0 2px 0 #C4A6F0; transition: background-color .3s, box-shadow .3s; }
.elementor-element:is(.hh-header, .ks-header):is(.elementor-sticky--effects, .elementor-sticky--active) { background-color: rgba(205, 235, 250, 0.96); box-shadow: 0 6px 20px rgba(122, 102, 173, 0.22); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
:is(.hh-logo, .ks-logo) img { max-height: 92px; width: auto; }
:is(.hh-nav, .ks-nav) .elementor-nav-menu--main .elementor-item { color: #7A66AD; }
:is(.hh-nav, .ks-nav) .elementor-nav-menu--main .elementor-item:is(:hover, :focus-visible, .elementor-item-active) { color: #E596B6; }
:is(.hh-nav, .ks-nav) .elementor-nav-menu--main .elementor-item::after, :is(.hh-nav, .ks-nav) .elementor-nav-menu--main .elementor-item::before { background-color: #E596B6; }
:is(.hh-nav, .ks-nav) .elementor-nav-menu--dropdown { background-color: #FBFBFB; }
:is(.hh-nav, .ks-nav) .elementor-nav-menu--dropdown a { color: #2e263a; }
:is(.hh-nav, .ks-nav) .elementor-menu-toggle { color: #7A66AD; background-color: transparent; }
:is(.hh-search, .ks-search) .elementor-search-form__toggle i, :is(.hh-search, .ks-search) .elementor-search-form__toggle .e-font-icon-svg { color: #7A66AD; fill: #7A66AD; background-color: #FBFBFB; }
:is(.hh-cart, .ks-cart) .elementor-menu-cart__toggle .elementor-button { color: #7A66AD; background-color: #FBFBFB; border: 2px solid #C4A6F0; border-radius: 99px; }
:is(.hh-cart, .ks-cart) .elementor-menu-cart__toggle .elementor-button-icon { color: #7A66AD; }

/* footer from the kit */
.elementor-element:is(.hh-footer, .ks-footer) { background-color: #E8F4FB; }
:is(.hh-footer, .ks-footer) :is(.elementor-heading-title, p, li, .elementor-icon-list-text) { color: #2e263a; }
:is(.hh-footer, .ks-footer) a, :is(.hh-footer-links, .ks-footer-links) .elementor-icon-list-text { color: #7A66AD; }
:is(.hh-footer, .ks-footer) a:hover { color: #E596B6; }
.elementor-element:is(.hh-footer-graveyard, .ks-footer-meadow) { background-color: transparent; }