418 Norman Street

Beverly Hills, CA 90210

$14,299,000

View Details

/* === WHITEWOLF / KADENCE: DARK + ORANGE THEME (wklej: Wygląd → Personalizacja → Dodatkowy CSS) === */

/* 1) ZMIENNE KOLORÓW */
:root{
  --ww-bg: #0f0f0f;
  --ww-bg-2: #141414;
  --ww-bg-3: #1a1a1a;
  --ww-text: #ffffff;
  --ww-text-dim: rgba(255,255,255,.78);
  --ww-border: rgba(255,255,255,.10);
  --ww-shadow: 0 18px 40px rgba(0,0,0,.55);
  --ww-accent: #ff6a00;
  --ww-accent-2: #ff7f24;
}

/* 2) BAZA STRONY */
html, body{
  background: var(--ww-bg) !important;
  color: var(--ww-text) !important;
}
body{
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* Tło contentu / kontenerów */
#page, .site, .site-content, .content-area{
  background: transparent !important;
}

/* 3) TYPOGRAFIA + LINKI */
h1,h2,h3,h4,h5,h6{
  color: var(--ww-text) !important;
  letter-spacing: .2px;
}
p, li, span, small, .entry-content{
  color: var(--ww-text-dim);
}
a{
  color: var(--ww-accent);
  text-decoration: none;
}
a:hover{
  color: var(--ww-accent-2);
  text-decoration: none;
}

/* 4) NAGŁÓWEK (HEADER) – Kadence */
.site-header,
#masthead{
  background: linear-gradient(180deg, rgba(15,15,15,.96), rgba(15,15,15,.70)) !important;
  border-bottom: 1px solid var(--ww-border);
  backdrop-filter: blur(8px);
}
.site-header .site-title,
.site-header .site-description{
  color: var(--ww-text) !important;
}
.site-header a,
#masthead a{
  color: var(--ww-text) !important;
}
.site-header a:hover,
#masthead a:hover{
  color: var(--ww-accent) !important;
}

/* 5) MENU / NAWIGACJA */
.main-navigation a,
.main-navigation .menu a{
  color: var(--ww-text) !important;
  opacity: .92;
}
.main-navigation a:hover{
  color: var(--ww-accent) !important;
  opacity: 1;
}

/* 6) PRZYCISKI (Gutenberg + Kadence + WP) */
button,
input[type="submit"],
.wp-block-button__link,
.kb-button,
.kt-button,
a.button,
.button{
  background: var(--ww-accent) !important;
  color: #fff !important;
  border: 1px solid rgba(255,106,0,.65) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 26px rgba(255,106,0,.22);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.kb-button:hover,
.kt-button:hover,
a.button:hover,
.button:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 16px 34px rgba(255,106,0,.28);
}

/* Przycisk obrys (outline) – jeśli używasz stylu outline */
.is-style-outline .wp-block-button__link{
  background: transparent !important;
  color: var(--ww-text) !important;
  border: 1px solid rgba(255,106,0,.85) !important;
  box-shadow: none !important;
}
.is-style-outline .wp-block-button__link:hover{
  background: rgba(255,106,0,.12) !important;
}

/* 7) SEKCJE / WIERSZE (Kadence Row Layout) */
.wp-site-blocks > *{
  background: transparent;
}

/* Karty / boxy (Kadence Info Box itd.) */
.kt-info-box,
.kb-info-box,
.kt-row-layout-inner,
.kb-row-layout-wrap .kb-row-layout-id{
  color: var(--ww-text);
}

.kb-accordion-item,
.kb-info-box,
.wp-block-group,
.wp-block-cover,
.wp-block-media-text{
  border-color: var(--ww-border);
}

/* 8) OBRAZY / GALERIE – „mocny” look */
img, .wp-block-image img{
  border-radius: 10px;
}
.wp-block-gallery img,
.kb-gallery-wrap img,
.kt-image-overlay-wrap img{
  border-radius: 10px !important;
}

/* Hover zoom (na galeriach/kaflach) */
.wp-block-image img,
.kb-gallery-wrap img{
  transition: transform .22s ease, filter .22s ease;
}
.wp-block-image img:hover,
.kb-gallery-wrap img:hover{
  transform: scale(1.03);
  filter: contrast(1.05) saturate(1.05);
}

/* 9) FORMULARZE */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select{
  background: var(--ww-bg-2) !important;
  color: var(--ww-text) !important;
  border: 1px solid var(--ww-border) !important;
  border-radius: 10px !important;
}
input:focus,
textarea:focus,
select:focus{
  outline: none !important;
  border-color: rgba(255,106,0,.75) !important;
  box-shadow: 0 0 0 3px rgba(255,106,0,.18) !important;
}

/* 10) STOPKA */
.site-footer,
#colophon{
  background: #0b0b0b !important;
  border-top: 1px solid var(--ww-border);
  color: var(--ww-text-dim) !important;
}
.site-footer a,
#colophon a{
  color: var(--ww-text) !important;
  opacity: .9;
}
.site-footer a:hover,
#colophon a:hover{
  color: var(--ww-accent) !important;
  opacity: 1;
}

/* 11) „BIAŁE” TŁA, KTÓRE CZĘSTO SIĘ WKRADAJĄ (Gutenberg) */
.entry-content .has-background{
  background-color: transparent !important;
}
.wp-block-separator{
  border-color: var(--ww-border) !important;
  opacity: 1;
}

/* 12) DELIKATNY „NOCNY” GRADIENT W TLE CAŁEJ STRONY */
body:before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(900px 500px at 20% 10%, rgba(255,106,0,.10), transparent 60%),
              radial-gradient(900px 500px at 80% 20%, rgba(255,255,255,.06), transparent 60%),
              linear-gradient(180deg, #0f0f0f 0%, #0b0b0b 100%);
  z-index: -1;
}
/* === WHITEWOLF / KADENCE: DARK + ORANGE THEME (wklej: Wygląd → Personalizacja → Dodatkowy CSS) === */ /* 1) ZMIENNE KOLORÓW */ :root{ –ww-bg: #0f0f0f; –ww-bg-2: #141414; –ww-bg-3: #1a1a1a; –ww-text: #ffffff; –ww-text-dim: rgba(255,255,255,.78); –ww-border: rgba(255,255,255,.10); –ww-shadow: 0 18px 40px rgba(0,0,0,.55); –ww-accent: #ff6a00; –ww-accent-2: #ff7f24; } /* 2) BAZA STRONY */ html, body{ background: var(–ww-bg) !important; color: var(–ww-text) !important; } body{ -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; } /* Tło contentu / kontenerów */ #page, .site, .site-content, .content-area{ background: transparent !important; } /* 3) TYPOGRAFIA + LINKI */ h1,h2,h3,h4,h5,h6{ color: var(–ww-text) !important; letter-spacing: .2px; } p, li, span, small, .entry-content{ color: var(–ww-text-dim); } a{ color: var(–ww-accent); text-decoration: none; } a:hover{ color: var(–ww-accent-2); text-decoration: none; } /* 4) NAGŁÓWEK (HEADER) – Kadence */ .site-header, #masthead{ background: linear-gradient(180deg, rgba(15,15,15,.96), rgba(15,15,15,.70)) !important; border-bottom: 1px solid var(–ww-border); backdrop-filter: blur(8px); } .site-header .site-title, .site-header .site-description{ color: var(–ww-text) !important; } .site-header a, #masthead a{ color: var(–ww-text) !important; } .site-header a:hover, #masthead a:hover{ color: var(–ww-accent) !important; } /* 5) MENU / NAWIGACJA */ .main-navigation a, .main-navigation .menu a{ color: var(–ww-text) !important; opacity: .92; } .main-navigation a:hover{ color: var(–ww-accent) !important; opacity: 1; } /* 6) PRZYCISKI (Gutenberg + Kadence + WP) */ button, input[type=”submit”], .wp-block-button__link, .kb-button, .kt-button, a.button, .button{ background: var(–ww-accent) !important; color: #fff !important; border: 1px solid rgba(255,106,0,.65) !important; border-radius: 10px !important; box-shadow: 0 10px 26px rgba(255,106,0,.22); transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } button:hover, input[type=”submit”]:hover, .wp-block-button__link:hover, .kb-button:hover, .kt-button:hover, a.button:hover, .button:hover{ transform: translateY(-1px); filter: brightness(1.05); box-shadow: 0 16px 34px rgba(255,106,0,.28); } /* Przycisk obrys (outline) – jeśli używasz stylu outline */ .is-style-outline .wp-block-button__link{ background: transparent !important; color: var(–ww-text) !important; border: 1px solid rgba(255,106,0,.85) !important; box-shadow: none !important; } .is-style-outline .wp-block-button__link:hover{ background: rgba(255,106,0,.12) !important; } /* 7) SEKCJE / WIERSZE (Kadence Row Layout) */ .wp-site-blocks > *{ background: transparent; } /* Karty / boxy (Kadence Info Box itd.) */ .kt-info-box, .kb-info-box, .kt-row-layout-inner, .kb-row-layout-wrap .kb-row-layout-id{ color: var(–ww-text); } .kb-accordion-item, .kb-info-box, .wp-block-group, .wp-block-cover, .wp-block-media-text{ border-color: var(–ww-border); } /* 8) OBRAZY / GALERIE – „mocny” look */ img, .wp-block-image img{ border-radius: 10px; } .wp-block-gallery img, .kb-gallery-wrap img, .kt-image-overlay-wrap img{ border-radius: 10px !important; } /* Hover zoom (na galeriach/kaflach) */ .wp-block-image img, .kb-gallery-wrap img{ transition: transform .22s ease, filter .22s ease; } .wp-block-image img:hover, .kb-gallery-wrap img:hover{ transform: scale(1.03); filter: contrast(1.05) saturate(1.05); } /* 9) FORMULARZE */ input[type=”text”], input[type=”email”], input[type=”tel”], textarea, select{ background: var(–ww-bg-2) !important; color: var(–ww-text) !important; border: 1px solid var(–ww-border) !important; border-radius: 10px !important; } input:focus, textarea:focus, select:focus{ outline: none !important; border-color: rgba(255,106,0,.75) !important; box-shadow: 0 0 0 3px rgba(255,106,0,.18) !important; } /* 10) STOPKA */ .site-footer, #colophon{ background: #0b0b0b !important; border-top: 1px solid var(–ww-border); color: var(–ww-text-dim) !important; } .site-footer a, #colophon a{ color: var(–ww-text) !important; opacity: .9; } .site-footer a:hover, #colophon a:hover{ color: var(–ww-accent) !important; opacity: 1; } /* 11) „BIAŁE” TŁA, KTÓRE CZĘSTO SIĘ WKRADAJĄ (Gutenberg) */ .entry-content .has-background{ background-color: transparent !important; } .wp-block-separator{ border-color: var(–ww-border) !important; opacity: 1; } /* 12) DELIKATNY „NOCNY” GRADIENT W TLE CAŁEJ STRONY */ body:before{ content:””; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(900px 500px at 20% 10%, rgba(255,106,0,.10), transparent 60%), radial-gradient(900px 500px at 80% 20%, rgba(255,255,255,.06), transparent 60%), linear-gradient(180deg, #0f0f0f 0%, #0b0b0b 100%); z-index: -1; }

Stylish and Comfortable House

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consectetur augue a finibus sodales. Ut non nisi turpis. Sed tellus odio, iaculis nec erat sit amet, ornare facilisis orci. Maecenas elementum quam eu neque sagittis porttitor. Praesent aliquam euismod augue et gravida. Vivamus quis malesuada urna. Nunc et libero nec sapien laoreet feugiat. Donec tristique enim eu dignissim facilisis. Fusce feugiat maximus ante, vitae efficitur nibh vulputate vel.

Phasellus quis lacus et tortor varius efficitur. Cras sagittis eget massa sed cursus. Nunc rutrum mauris nibh, ac molestie leo rhoncus quis. Phasellus porttitor a ante sit amet fermentum.

Details

Beds7
Baths13
Living Area15,000 sq ft.
Built2018
Lot Size5.50 acres
Got any Questions?

Connect With Paul Hoff

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consectetur augue a finibus sodales. Ut non nisi turpis.

Sed tellus odio, iaculis nec erat sit amet, ornare facilisis orci. Maecenas elementum quam eu neque sagittis porttitor.

I’m Interested

Lorem ipsum dolor sit amet, consectetur adipiscing elit.