/* ==========================================================================
   Ketyswit Beauty — Homepage 2026 (dark-luxury, scroll-driven)
   Loaded only on the front page. External file → bypasses WPFC HTML-minify.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --k-ink:#0e0b09; --k-ink-2:#161110; --k-char:#221a15;
  --k-cream:#f6efe3; --k-cream-2:#ece0cc;
  --k-gold:#c9a24e; --k-gold-2:#e7c986; --k-gold-soft:#d8bd82;
  --k-text:#efe7d9; --k-dim:#b3a78f; --k-ink-text:#221a12;
  --k-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --k-display:'Playfair Display',Georgia,serif;
  --k-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --k-ease:cubic-bezier(.16,1,.3,1);
  --k-wrap:1240px;
}

/* ---- reset within our scope ---- */
.k26,.k26 *{box-sizing:border-box;margin:0}
.k26{
  background:var(--k-ink);color:var(--k-text);
  font-family:var(--k-sans);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
.k26.page_content{max-width:none;width:auto;padding:0;margin:0;float:none}
.k26 img{display:block;width:100%;height:100%;object-fit:cover}
.k26 picture{display:block;width:100%;height:100%}
.k26 a{color:inherit;text-decoration:none}
/* decorative layers must never intercept taps (iOS Safari steals touches otherwise) */
.k26-hero__media,.k26-hero__video,.k26-hero__veil,
.k26-story__media,.k26-story__veil,.k26-card__media{pointer-events:none}
.k26-hero__inner::before,.k26-story__text::before{pointer-events:none}
.k26-btn,.k26-call-fab,.k26-card{pointer-events:auto;position:relative;z-index:2}
.k26 h1,.k26 h2,.k26 h3{font-family:var(--k-display);font-weight:600;line-height:1.04;letter-spacing:-.01em;color:#f4eee2!important}
.k26-story__text h2{color:#f4eee2!important}
.k26-sec-head p,.k26-final p{color:#d6ccb6!important}
.k26-story__text p{color:#f1eadc!important;text-shadow:0 1px 12px rgba(0,0,0,.6)}

/* ---- reveal ---- */
.k26-anim [data-reveal]{opacity:0;transform:translateY(24px);
  transition:opacity 1s var(--k-ease),transform 1s var(--k-ease)}
.k26-anim [data-reveal].is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .k26-anim [data-reveal]{opacity:1!important;transform:none!important;transition:none}
}

/* ---- shared ---- */
.k26-eyebrow{font-family:var(--k-sans);font-size:.74rem;font-weight:600;
  letter-spacing:.32em;text-transform:uppercase;color:var(--k-gold-2)}
.k26-sec-head{max-width:var(--k-wrap);margin:0 auto;padding:0 clamp(20px,5vw,40px);text-align:center}
.k26-sec-head h2{font-size:clamp(2.1rem,5vw,3.6rem)}
.k26-sec-head p{margin-top:14px;color:var(--k-dim);font-size:1.05rem;
  font-family:var(--k-serif);font-style:italic;font-size:1.3rem}

/* gold hairline */
.k26-services::before,.k26-loc::before{content:"";display:block;width:64px;height:1px;
  margin:0 auto;background:linear-gradient(90deg,transparent,var(--k-gold),transparent)}

/* ---- buttons ---- */
.k26-btn{position:relative;display:inline-flex;align-items:center;gap:.6em;
  padding:18px 40px;border-radius:999px;font-family:var(--k-sans);
  font-weight:600;font-size:.86rem;letter-spacing:.16em;text-transform:uppercase;
  will-change:transform;transition:transform .5s var(--k-ease),box-shadow .5s var(--k-ease)}
.k26-btn--gold{background:linear-gradient(135deg,var(--k-gold-2),var(--k-gold));
  color:var(--k-ink-text);box-shadow:0 10px 34px -12px rgba(201,162,78,.7)}
.k26-btn--gold::after{content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(135deg,#fff,var(--k-gold-2));opacity:0;transition:opacity .5s var(--k-ease)}
.k26-btn--gold span{position:relative;z-index:1}
.k26-btn--gold:hover{transform:translateY(-3px);
  box-shadow:0 18px 48px -12px rgba(201,162,78,.85),0 0 0 1px rgba(231,201,134,.55)}
.k26-btn--gold:hover::after{opacity:1}

/* ==========================================================================
   HERO
   ========================================================================== */
.k26-hero{position:relative;min-height:100svh;display:flex;align-items:center;
  justify-content:center;text-align:center;overflow:hidden;isolation:isolate}
.k26-hero__media{position:absolute;inset:0;z-index:-2}
.k26-hero__media img{transform:scale(1.06);animation:k26-kenburns 18s var(--k-ease) both}
.k26-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  animation:k26-kenburns 24s ease-in-out both}
@keyframes k26-kenburns{from{transform:scale(1.12)}to{transform:scale(1.0)}}
.k26-hero__veil{position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(120% 90% at 50% 30%,transparent 0%,rgba(14,11,9,.35) 60%,rgba(14,11,9,.86) 100%),
    linear-gradient(180deg,rgba(14,11,9,.55) 0%,rgba(14,11,9,.15) 35%,rgba(14,11,9,.8) 100%);}
.k26-hero__inner{position:relative;max-width:760px;padding:0 24px}
.k26-hero__title{font-size:clamp(3.2rem,9vw,6.6rem);margin:.18em 0 .26em;
  text-shadow:0 2px 40px rgba(0,0,0,.4)}
.k26-hero__sub{max-width:540px;margin:0 auto 2.2em;color:#efe7d9;
  font-family:var(--k-serif);font-size:clamp(1.15rem,2.6vw,1.5rem);line-height:1.5}
.k26-hero__inner .k26-eyebrow{display:inline-block;margin-bottom:.4em}
/* floating call button — elegant gold disc, always within reach, never crowds the hero */
.k26-call-fab{position:fixed;bottom:22px;right:18px;z-index:90;
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  color:#1d150c;background:linear-gradient(135deg,#ecd29a,#c9a24e);
  box-shadow:0 12px 30px -8px rgba(201,162,78,.7),inset 0 0 0 1px rgba(255,255,255,.18);
  transition:transform .45s var(--k-ease),box-shadow .45s var(--k-ease)}
.k26-call-fab::before{content:"";position:absolute;inset:0;border-radius:50%;
  box-shadow:0 0 0 0 rgba(201,162,78,.5);animation:k26-pulse 2.6s ease-out infinite}
@keyframes k26-pulse{0%{box-shadow:0 0 0 0 rgba(201,162,78,.45)}70%{box-shadow:0 0 0 16px rgba(201,162,78,0)}100%{box-shadow:0 0 0 0 rgba(201,162,78,0)}}
.k26-call-fab:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 18px 42px -8px rgba(201,162,78,.9)}
@media(prefers-reduced-motion:reduce){.k26-call-fab::before{animation:none}}
.k26-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);
  font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--k-dim)}
.k26-scroll::after{content:"";display:block;width:1px;height:42px;margin:12px auto 0;
  background:linear-gradient(var(--k-gold),transparent);animation:k26-scrolld 2.2s var(--k-ease) infinite}
@keyframes k26-scrolld{0%{transform:scaleY(.2);transform-origin:top;opacity:.3}
  50%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.2);transform-origin:bottom;opacity:.3}}

/* ==========================================================================
   USP STRIP
   ========================================================================== */
.k26-usps{display:flex;flex-wrap:wrap;justify-content:center;gap:0;
  max-width:var(--k-wrap);margin:0 auto;padding:54px clamp(20px,5vw,40px);
  background:var(--k-ink)}
.k26-usp{flex:1 1 180px;text-align:center;padding:8px 20px;position:relative}
.k26-usp+.k26-usp::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:46px;background:linear-gradient(transparent,var(--k-gold),transparent);opacity:.5}
.k26-usp__big{display:block;font-family:var(--k-display);font-size:1.7rem;color:var(--k-gold-2)}
.k26-usp__small{display:block;margin-top:4px;font-size:.82rem;letter-spacing:.06em;color:var(--k-dim)}

/* ==========================================================================
   SERVICES
   ========================================================================== */
.k26-services{padding:clamp(70px,10vw,120px) 0;background:linear-gradient(180deg,var(--k-ink),var(--k-ink-2))}
.k26-services::before{margin-bottom:50px}
.k26-grid{max-width:var(--k-wrap);margin:54px auto 0;padding:0 clamp(20px,5vw,40px);
  display:grid;gap:18px;grid-template-columns:repeat(6,1fr)}
.k26-card{position:relative;overflow:hidden;border-radius:14px;min-height:360px;
  display:flex;align-items:flex-end;isolation:isolate;background:var(--k-char);
  transition:transform .7s var(--k-ease),box-shadow .7s var(--k-ease);
  transition-delay:calc(var(--i,0)*70ms)}
.k26-card:nth-child(1){grid-column:span 3}
.k26-card:nth-child(2){grid-column:span 3}
.k26-card:nth-child(3){grid-column:span 2}
.k26-card:nth-child(4){grid-column:span 2}
.k26-card:nth-child(5){grid-column:span 2}
.k26-card__media{position:absolute;inset:0;z-index:-2}
.k26-card__media img{transition:transform 1.1s var(--k-ease)}
.k26-card::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,transparent 30%,rgba(11,8,6,.45) 60%,rgba(11,8,6,.92) 100%)}
.k26-card__body{padding:26px 26px 24px;width:100%}
.k26-card__title{display:block;font-family:var(--k-display);font-size:1.5rem;font-weight:600}
.k26-card__desc{display:block;margin-top:4px;color:var(--k-dim);font-size:.92rem}
.k26-card__go{position:absolute;top:22px;right:24px;width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;border:1px solid rgba(231,201,134,.4);color:var(--k-gold-2);
  font-size:1.1rem;opacity:0;transform:translateX(-6px);transition:all .5s var(--k-ease)}
.k26-card:hover{transform:translateY(-7px);box-shadow:0 30px 60px -28px rgba(0,0,0,.8)}
.k26-card:hover .k26-card__media img{transform:scale(1.07)}
.k26-card:hover .k26-card__go{opacity:1;transform:none;background:rgba(201,162,78,.16)}

/* ==========================================================================
   STORY
   ========================================================================== */
.k26-story{position:relative;min-height:84vh;display:flex;align-items:center;
  justify-content:center;text-align:center;overflow:hidden;isolation:isolate}
.k26-story__media{position:absolute;inset:0;z-index:-2}
.k26-story__media img{transform:scale(1.04)}
.k26-story__veil{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(10,7,5,.62),rgba(10,7,5,.78) 50%,rgba(10,7,5,.9))}
.k26-story .k26-hero__video{filter:brightness(.56)}
.k26-story__text{max-width:680px;padding:60px 28px;position:relative;isolation:isolate}
.k26-story__text::before{content:"";position:absolute;inset:-40px -16px;z-index:-1;
  background:radial-gradient(125% 100% at 50% 50%,rgba(6,4,2,.82),rgba(6,4,2,.42) 60%,transparent 80%)}
.k26-story__text h2{font-size:clamp(2rem,5vw,3.4rem);font-style:italic;font-family:var(--k-serif);font-weight:500}
.k26-story__text p{margin-top:24px;font-family:var(--k-serif);font-size:clamp(1.15rem,2.4vw,1.45rem);
  line-height:1.7;color:#e7dccb}
.k26-story__text::before{content:"";display:block;width:54px;height:1px;margin:0 auto 28px;
  background:linear-gradient(90deg,transparent,var(--k-gold),transparent)}

/* ==========================================================================
   LOCATION
   ========================================================================== */
.k26-loc{max-width:var(--k-wrap);margin:0 auto;padding:clamp(70px,10vw,120px) clamp(20px,5vw,40px);
  display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.k26-loc::before{grid-column:1/-1;margin-bottom:18px}
.k26-loc__info h2{font-size:clamp(2rem,4.5vw,3.2rem)}
.k26-loc__addr{margin-top:18px;font-family:var(--k-serif);font-size:1.35rem;color:#e7dccb}
.k26-loc__hours{margin-top:10px;color:var(--k-dim)}
.k26-loc__phone{display:inline-block;margin-top:22px;font-size:1.2rem;color:var(--k-gold-2);
  border-bottom:1px solid rgba(231,201,134,.4);padding-bottom:3px;transition:border-color .4s}
.k26-loc__phone:hover{border-color:var(--k-gold-2)}
.k26-loc__map{border-radius:14px;overflow:hidden;height:380px;border:1px solid rgba(231,201,134,.18)}
.k26-loc__map iframe{width:100%;height:100%;border:0;filter:grayscale(.3) contrast(1.05)}

/* ==========================================================================
   FINAL CTA
   ========================================================================== */
.k26-final{padding:clamp(80px,12vw,140px) clamp(20px,5vw,40px);text-align:center;
  background:radial-gradient(120% 140% at 50% 0%,var(--k-char),var(--k-ink) 70%)}
.k26-final__inner{max-width:620px;margin:0 auto}
.k26-final__inner::before{content:"";display:block;width:54px;height:1px;margin:0 auto 30px;
  background:linear-gradient(90deg,transparent,var(--k-gold),transparent)}
.k26-final h2{font-size:clamp(2.2rem,5.5vw,3.8rem)}
.k26-final p{margin:18px 0 36px;color:var(--k-dim);font-family:var(--k-serif);
  font-size:1.3rem;font-style:italic}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media(max-width:900px){
  .k26-grid{grid-template-columns:repeat(2,1fr)}
  .k26-card:nth-child(n){grid-column:span 1}
  .k26-card:nth-child(1){grid-column:span 2}
  .k26-loc{grid-template-columns:1fr;gap:30px}
  .k26-loc__map{height:300px}
}
@media(max-width:560px){
  .k26{font-size:16px}
  .k26-hero{min-height:92svh}
  .k26-grid{grid-template-columns:1fr}
  .k26-card,.k26-card:nth-child(1){grid-column:span 1;min-height:300px}
  .k26-usp{flex-basis:50%}
  .k26-usp:nth-child(3){flex-basis:100%;margin-top:16px}
  .k26-usp+.k26-usp::before{display:none}
}

/* ==========================================================================
   FRONT-PAGE HEADER — dark-luxury, transparent over hero (overrides Xtra theme)
   ========================================================================== */
body.home .header-mob-top-bar,
body.home .header_1,
body.home .header_2,
body.home .header_4{
  background:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important}
/* top bar text (Broneerimine / language) → cream */
body.home .header-mob-top-bar,body.home .header-mob-top-bar *,
body.home .header_1 .it_text,body.home .header_1 .elm_icon_text,
body.home .wpml-ls-native,body.home .wpml-ls a{color:#efe7d9!important}
/* kill the beige fills on every header pill / icon button */
body.home .header_1 .cz_elm > a,
body.home .header_4 .cz_elm > a{background:transparent!important}
body.home .cz_header_button{
  background:transparent!important;background-image:none!important;
  border:1px solid rgba(231,201,134,.5)!important;border-radius:12px!important;
  color:#e7c986!important;box-shadow:none!important;transition:all .4s var(--k-ease)}
/* phone + burger → clean gold glyphs, no boxy border */
body.home .cz_elm[class*="icon_header"] > a,
body.home .cz_elm[class*="menu_header"] > a{
  background:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;color:#e7c986!important;
  padding:6px 8px!important;transition:color .4s var(--k-ease)}
body.home .cz_elm[class*="icon_header"] > a:hover,
body.home .cz_elm[class*="menu_header"] > a:hover{color:#f3dca0!important}
body.home .cz_elm[class*="icon_header"] i,
body.home .cz_elm[class*="menu_header"] i,
body.home .icon_offcanvas_menu{font-size:23px!important}
/* hide only the offcanvas CLOSE (X) icon; leave Codevz responsive burgers intact */
body.home i.offcanvas-close,body.home .offcanvas-close,body.home .cz_close_offcanvas{display:none!important}
/* minimal header: keep only the burger; drop the phone icon (theme floats it at an
   uneven height that can't be aligned reliably across devices; phone stays in the
   menu + clickable in the Location section + the Broneeri CTA) */
body.home .cz_elm[class*="icon_header"]{display:none!important}
/* centre the burger cleanly */
body.home .header_4_right,body.home .header_4_right > .clr,
body.home .header_2_right,body.home .header_2_right > .clr{
  display:flex!important;align-items:center!important;justify-content:flex-end!important}
/* hide the duplicate Broneeri CTA the theme injects into the header / sticky bar */
body.home .cz_header_button{display:none!important}

/* ==========================================================================
   FRONT-PAGE FOOTER — dark-luxury (overrides Xtra beige footer)
   ========================================================================== */
body.home .footer_1,body.home .cz_middle_footer{
  background:#0e0b09!important;background-image:none!important;border:0!important}
body.home .footer_2{background:#0a0705!important;border:0!important}
body.home .page_footer,body.home .page_footer *{color:#c4b8a2!important;border-color:rgba(231,201,134,.18)!important}
body.home .page_footer a{color:#cfc3ae!important;transition:color .3s ease}
body.home .page_footer a:hover{color:#e7c986!important}
/* full-width centered columns so address/phone/email don't wrap word-by-word */
body.home .cz_middle_footer .row,body.home .cz_middle_footer .elms_row,
body.home .cz_middle_footer .clr,body.home .cz_middle_footer [class*="elms_"],
body.home .cz_middle_footer .footer_widget,body.home .cz_middle_footer .cz_elm{
  width:100%!important;max-width:100%!important;float:none!important;display:block!important;text-align:center!important}
body.home .cz_middle_footer{font-size:.9rem!important;line-height:1.7!important}
body.home .cz_middle_footer p,body.home .cz_middle_footer a,
body.home .cz_middle_footer span,body.home .cz_middle_footer div{
  word-break:keep-all!important;overflow-wrap:normal!important;white-space:normal!important}
body.home .cz_middle_footer .footer_widget{margin:0 auto 22px!important;padding:0 14px!important}
/* social icons → elegant gold outline discs */
body.home .page_footer .cz_social_icons a,body.home .page_footer .social_icons a{
  border:1px solid rgba(231,201,134,.45)!important;border-radius:50%!important;
  color:#e7c986!important;background:transparent!important;
  width:44px!important;height:44px!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;margin:5px!important;transition:all .35s ease}
body.home .page_footer .cz_social_icons a:hover,body.home .page_footer .social_icons a:hover{
  background:rgba(231,201,134,.14)!important;border-color:#e7c986!important;transform:translateY(-3px)}
/* gold hairline above the bottom copyright bar */
body.home .footer_2{border-top:1px solid rgba(231,201,134,.14)!important}
/* drop the oversized dark logo image in the footer (header already carries the brand) */
body.home .cz_middle_footer .widget_media_image{display:none!important}
/* replace the leftover "Web by sitedesign.ee" credit with a clean copyright line */
body.home .footer_2_center .it_text{font-size:0!important;line-height:1.6!important}
body.home .footer_2_center .it_text br,
body.home .footer_2_center .it_text a{display:none!important}
body.home .footer_2_center .it_text::after{content:"© 2026 Ketyswit Beauty · Tallinn";
  font-size:13px!important;letter-spacing:.04em;color:rgba(255,255,255,.45)!important;display:inline-block;padding:4px 0}
body.home .cz_header_button:hover{
  background:linear-gradient(135deg,#e7c986,#c9a24e)!important;color:#221a12!important;
  border-color:transparent!important}
/* icons (phone, burger) gold */
body.home .header_1 i,body.home .header_4 i,
body.home .icon_offcanvas_menu,body.home .icon_mobile_offcanvas_menu,
body.home .header_1 .fa,body.home .header_4 .fa{color:#e7c986!important}
/* logo stays light */
body.home .logo,body.home .logo *{color:#fff!important}
/* menu links cream, gold on hover */
body.home #menu_header_2 > .cz > a,body.home #menu_header_4 > .cz > a{color:#efe7d9!important}
/* scrolled → dark glass */
body.home .onSticky .header_2,body.home .onSticky .header_4,
body.home .cz_sticked .header_2,body.home .cz_sticked .header_4{
  background:rgba(13,10,8,.9)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* ==========================================================================
   HERO TEXT LEGIBILITY — guaranteed contrast behind the wordmark
   ========================================================================== */
.k26-hero__inner{isolation:isolate}
.k26-hero__inner::before{content:"";position:absolute;inset:-60px -40px;z-index:-1;
  background:radial-gradient(120% 100% at 50% 52%,rgba(9,6,4,.62),rgba(9,6,4,.22) 55%,transparent 75%)}
.k26-hero__title{color:#fff;text-shadow:0 2px 36px rgba(0,0,0,.6),0 1px 6px rgba(0,0,0,.5)}
.k26-hero__sub{color:#f3ece0;text-shadow:0 1px 14px rgba(0,0,0,.5)}

/* aggressive: clear EVERY beige surface in the front-page header zone */
body.home .page_header,
body.home .page_header > div,
body.home .page_header [class*="header_"],
body.home .page_header [class*="top-bar"],
body.home .page_header [class*="top_bar"],
body.home .page_header .header-mob-top-bar,
body.home .page_header .row,
body.home .page_header .clr,
body.home .page_header .cz_elm{
  background:transparent!important;background-image:none!important;border-color:transparent!important}
/* button inner fills off (outline kept from rule above) */
body.home .cz_elm[class*="icon_header"] a,
body.home .cz_elm[class*="icon_header"] a *,
body.home .cz_elm[class*="menu_header"] a,
body.home .cz_header_button,
body.home .cz_header_button *{background:transparent!important;background-image:none!important}
/* keep the scrolled-state dark glass winning */
body.home .onSticky .header_2,body.home .onSticky .header_4,
body.home .cz_sticked .header_2,body.home .cz_sticked .header_4{
  background:rgba(13,10,8,.92)!important}

/* hide the cheap beige top bar on the front page (Broneerimine dups the hero CTA) */
body.home .header_1,
body.home .header-mob-top-bar{display:none!important}
/* icon glyphs (burger, phone) carry the beige fill on the <i> itself → gold, no fill */
body.home i.icon_offcanvas_menu,
body.home i.icon_mobile_offcanvas_menu,
body.home i[class*="czico"],
body.home .cz_elm[class*="icon_header"] i,
body.home .cz_elm[class*="menu_header"] i{
  background:transparent!important;background-color:transparent!important;color:#e7c986!important}
/* dark canvas (kills the white body showing through) + header overlaid on the hero */
html,body.home{background:#0e0b09!important}
body.home .page_header{position:absolute!important;top:0;left:0;right:0;width:100%;z-index:60}
body.home #layout > .inner_layout,body.home .inner_layout.header_onthe_cover{position:relative}
/* WPML language switcher carries the last beige fill on its links → transparent + cream */
body.home .wpml-ls-item-toggle,
body.home .js-wpml-ls-item-toggle,
body.home .wpml-ls-link,
body.home .wpml-ls-sub-menu,
body.home .wpml-ls-sub-menu a,
body.home .wpml-ls li,
body.home .wpml-ls a{
  background:transparent!important;background-color:transparent!important;
  color:#efe7d9!important;border-color:rgba(231,201,134,.25)!important}