.elementor-kit-12{--e-global-color-primary:#1A1A1A;--e-global-color-secondary:#C08C36;--e-global-color-text:#1A1A1A;--e-global-color-accent:#DBDBDB;--e-global-color-ae005b8:#FFFFFF;--e-global-color-dc2af34:#B07715;--e-global-color-6300194:#F1F1F1;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-4e2ee94-font-family:"Rock Salt";--e-global-typography-d84c0ae-font-family:"Spectral";}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{background-color:var( --e-global-color-dc2af34 );color:var( --e-global-color-primary );}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
TAJ PALACE — CONSOLIDATED SITE STYLESHEET
All custom CSS in one place (Elementor Site Settings kit).
Sections: 1 Header · 2 Footer · 3 Hero arch divider ·
4 About layout · 5 Per-page mobile responsive
============================================================ */
/* ---------- 1. HEADER (template 52) ---------- */
.elementor-52 .elementor-icon-list-icon { display: none !important; }
.elementor-52 .elementor-icon-list-item a { letter-spacing: 1px; }
@media (max-width: 1200px) {
.elementor-52 .elementor-icon-list-items.elementor-inline-items { flex-wrap: wrap; justify-content: center; row-gap: 6px; }
}
@media (max-width: 767px) {
.elementor-52 .e-con { padding-top: 14px !important; padding-bottom: 14px !important; gap: 10px !important; justify-content: center !important; }
.elementor-52 .elementor-widget-image img { max-width: 150px !important; }
.elementor-52 .elementor-widget-image { text-align: center !important; }
.elementor-52 .elementor-icon-list-item a { font-size: 13px !important; }
.elementor-52 .elementor-icon-list-items.elementor-inline-items { row-gap: 2px !important; }
.elementor-52 .elementor-button { padding: 12px 26px !important; font-size: 13px !important; }
}
/* ---------- 2. FOOTER (template 60) ---------- */
.elementor-60 .elementor-icon-list-icon { display: none !important; }
.elementor-60 .elementor-icon-list-item a { letter-spacing: 4px; }
body .elementor-element-2c8f187d { --width: 460px; }
/* Figma arrangement: logo left, links center, socials right */
.elementor-60 .elementor-element-2c8f187d { order: -1; }
.elementor-60 .elementor-element-76bbe550 { order: 0; }
.elementor-60 .elementor-element-6201e9dd { order: 1; align-self: flex-end; }
@media (max-width: 767px) {
.elementor-60 .e-con, .elementor-60 .e-con-inner { --flex-direction: column; --width: 100%; }
.elementor-60 .e-con-inner > .e-con { align-items: center !important; }
.elementor-60 .elementor-widget-image { text-align: center !important; }
.elementor-60 .elementor-icon-list-item a { justify-content: center; }
.elementor-60 .elementor-widget-social-icons { text-align: center !important; }
.elementor-60 .elementor-social-icons-wrapper { justify-content: center !important; display: flex; }
}
/* ---------- 3. HERO DOME-ARCH DIVIDER (all 6 heroes) ---------- */
body .elementor-element-eaaa2af, body .elementor-element-5e137fc, body .elementor-element-e4c1d80,
body .elementor-element-1e44416, body .elementor-element-0c1d8ee, body .elementor-element-ef8f98f {
border-radius: 0 !important; overflow: visible !important;
padding-bottom: clamp(140px, 18vw, 320px) !important;
}
body .elementor-element-eaaa2af::after, body .elementor-element-5e137fc::after, body .elementor-element-e4c1d80::after,
body .elementor-element-1e44416::after, body .elementor-element-0c1d8ee::after, body .elementor-element-ef8f98f::after {
content: ""; position: absolute; left: 0; right: 0; bottom: -1px;
height: clamp(50px, 11.2vw, 215px);
background: url("data:image/svg+xml;utf8,") bottom center / 100% 100% no-repeat;
pointer-events: none; z-index: 5;
}
/* Homepage arch meets the #F1F1F1 belief section */
body .elementor-element-eaaa2af::after {
background-image: url("data:image/svg+xml;utf8,");
}
/* ---------- 4. ABOUT PAGE LAYOUT (123) ---------- */
body .elementor-element-3f63a0e, body .elementor-element-698723b, body .elementor-element-0259f03,
body .elementor-element-b4a6e55, body .elementor-element-9b31de1 { --width: 176px; }
body .elementor-element-71d4d2e, body .elementor-element-d2edfc9, body .elementor-element-e58c760,
body .elementor-element-d8c2928, body .elementor-element-b1a733b { --width: 230px; }
body .elementor-element-7147d8b { --width: 460px; }
@media (max-width: 767px) {
body .elementor-element-3f63a0e, body .elementor-element-698723b, body .elementor-element-0259f03,
body .elementor-element-b4a6e55, body .elementor-element-9b31de1 { --width: 46%; }
body .elementor-element-71d4d2e, body .elementor-element-d2edfc9, body .elementor-element-e58c760,
body .elementor-element-d8c2928, body .elementor-element-b1a733b { --width: 100%; }
body .elementor-element-7147d8b { --width: 100%; }
}
/* ---------- 5. MOBILE RESPONSIVE (pages) ---------- */
@media (max-width: 767px) {
.elementor-68 .e-con, .elementor-68 .e-con-inner,
.elementor-99 .e-con, .elementor-99 .e-con-inner,
.elementor-107 .e-con, .elementor-107 .e-con-inner,
.elementor-110 .e-con, .elementor-110 .e-con-inner,
.elementor-123 .e-con, .elementor-123 .e-con-inner,
.elementor-126 .e-con, .elementor-126 .e-con-inner,
.elementor-129 .e-con, .elementor-129 .e-con-inner { --flex-direction: column; --width: 100%; }
.elementor-68 .e-con, .elementor-99 .e-con, .elementor-107 .e-con, .elementor-110 .e-con,
.elementor-123 .e-con, .elementor-126 .e-con, .elementor-129 .e-con { padding-left: 24px !important; padding-right: 24px !important; }
.elementor-68 .e-con.e-grid { --grid-template-columns: repeat(2, 1fr); --e-con-grid-template-columns: repeat(2, 1fr); }
.elementor-68 h1.elementor-heading-title, .elementor-99 h1.elementor-heading-title,
.elementor-107 h1.elementor-heading-title, .elementor-123 h1.elementor-heading-title { font-size: clamp(26px, 8.5vw, 40px) !important; letter-spacing: 3px !important; }
.elementor-110 h1.elementor-heading-title { font-size: clamp(24px, 8vw, 38px) !important; letter-spacing: 4px !important; }
.elementor-126 h1.elementor-heading-title { font-size: clamp(22px, 7vw, 34px) !important; letter-spacing: 3px !important; }
.elementor-129 h1.elementor-heading-title { font-size: clamp(26px, 8vw, 38px) !important; }
.elementor-68 h2.elementor-heading-title, .elementor-99 h2.elementor-heading-title,
.elementor-107 h2.elementor-heading-title, .elementor-110 h2.elementor-heading-title,
.elementor-123 h2.elementor-heading-title, .elementor-126 h2.elementor-heading-title,
.elementor-129 h2.elementor-heading-title { font-size: clamp(22px, 7vw, 32px) !important; letter-spacing: 2px !important; }
.elementor-68 h3.elementor-heading-title, .elementor-68 h4.elementor-heading-title,
.elementor-99 h3.elementor-heading-title, .elementor-99 h4.elementor-heading-title,
.elementor-107 h3.elementor-heading-title, .elementor-107 h4.elementor-heading-title,
.elementor-110 h3.elementor-heading-title, .elementor-110 h4.elementor-heading-title,
.elementor-123 h3.elementor-heading-title, .elementor-123 h4.elementor-heading-title,
.elementor-126 h3.elementor-heading-title, .elementor-126 h4.elementor-heading-title,
.elementor-129 h3.elementor-heading-title, .elementor-129 h4.elementor-heading-title { letter-spacing: 2px !important; }
}
/* ---------- 6. FOOTER MANDALA ART (Figma) ---------- */
body .elementor-element-2986d00c {
background:
url("https://tajpalacevegas.com/wp-content/uploads/2026/07/taj-footer-mandala-right.jpg") top right / auto 92% no-repeat,
url("https://tajpalacevegas.com/wp-content/uploads/2026/07/taj-footer-mandala-left.jpg") bottom left / auto 68% no-repeat
#000000 !important;
}
@media (max-width: 767px) {
body .elementor-element-2986d00c {
background:
url("https://tajpalacevegas.com/wp-content/uploads/2026/07/taj-footer-mandala-right.jpg") top right / 70% auto no-repeat
#000000 !important;
}
}
/* ---------- 7. ABOUT: Our Mission gallery ---------- */
.elementor-123 .elementor-element-6bfe83c .swiper-slide img,
.elementor-123 .elementor-element-6bfe83c .swiper-slide { height: 400px; object-fit: cover; }
/* 7b. Mission gallery: full-width 3-up strip */
body .elementor-element-7147d8b { --width: min(1180px, 96%); width: min(1180px, 96%) !important; max-width: 100%; }
/* ---------- 8. INTERACTIVE COMPONENTS (reusable classes; JS in "Taj Interactions" code snippet) ---------- */
/* 8a. Homepage location .elementor-kit-12 */
.taj-loc-tile { cursor: pointer; transition: opacity .35s ease, box-shadow .35s ease, transform .35s ease; }
.taj-loc-tile:not(.is-active) { opacity: .55; }
.taj-loc-tile.is-active { opacity: 1; box-shadow: 0 0 0 3px #C08C36; transform: translateY(-4px); }
.taj-loc-row { display: none !important; }
.taj-loc-row.is-active { display: flex !important; animation: tajFadeUp .45s ease; }
@keyframes tajFadeUp { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
body .elementor-element-50ce4ee, body .elementor-element-2e7d2f8 { display: none; }
/* 8b. Review slider */
.taj-review-viewport { overflow: hidden; width: 100%; max-width: 920px; margin: 0 auto; position: relative; }
.taj-review-track { display: flex; transition: transform .55s cubic-bezier(.4,0,.2,1); }
.taj-review-track > .taj-review-card { flex: 0 0 100% !important; max-width: 100% !important; --width: 100%; box-sizing: border-box; }
.taj-review-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: transparent; border: 1px solid #C08C36; color: #C08C36; width: 44px; height: 44px; border-radius: 50%; font-size: 22px; line-height: 1; cursor: pointer; z-index: 6; transition: background .3s ease, color .3s ease; }
.taj-review-arrow:hover { background: #C08C36; color: #0A0A0A; }
.taj-review-arrow.prev { left: 10px; }
.taj-review-arrow.next { right: 10px; }
.taj-review-dots { display: flex; gap: 10px; justify-content: center; margin-top: 26px; }
.taj-review-dot { width: 10px; height: 10px; border-radius: 50%; background: #FFFFFF; opacity: .5; border: none; padding: 0; cursor: pointer; transition: background .3s ease, opacity .3s ease; }
.taj-review-dot.is-active { background: #C08C36; opacity: 1; }
@media (max-width: 767px) { .taj-review-arrow { display: none; } }
/* 8c. Hungry? order links: center-out gold underline */
.taj-order-link .elementor-button { background: transparent !important; border: none !important; border-radius: 0 !important; color: #FFFFFF !important; position: relative; padding: 10px 6px !important; letter-spacing: 3px; }
.taj-order-link .elementor-button::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; height: 2px; background: #C08C36; transition: left .35s ease, right .35s ease; }
.taj-order-link .elementor-button:hover::after, .taj-order-link .elementor-button:focus::after { left: 0; right: 0; }
/* 8d. Catering category reveal */
.taj-cater-row { align-items: stretch !important; }
.taj-cater-tile { flex: 1 1 0; --width: auto; min-height: 340px; overflow: hidden; cursor: pointer; position: relative; transition: flex-grow .55s cubic-bezier(.4,0,.2,1); }
.taj-cater-tile .elementor-background-overlay { transition: opacity .55s ease !important; }
.taj-cater-tile:hover, .taj-cater-tile.is-open { flex-grow: 2.4; }
.taj-cater-tile:hover .elementor-background-overlay, .taj-cater-tile.is-open .elementor-background-overlay { opacity: .22 !important; }
.taj-cater-tile h4 { position: relative; z-index: 2; text-shadow: 0 2px 10px rgba(0,0,0,.75); }
@media (max-width: 767px) {
.taj-cater-tile { min-height: 110px; transition: min-height .5s ease; }
.taj-cater-tile.is-open { min-height: 380px; }
}
/* 8d-fix: catering tile backgrounds (explicit — regen cascade unreliable) */
body .elementor-element-d377267 { background: url("https://tajpalacevegas.com/wp-content/uploads/2026/07/taj-photo-nov25-8.jpg") center / cover no-repeat !important; }
body .elementor-element-d0bf48f { background: url("https://tajpalacevegas.com/wp-content/uploads/2026/07/taj-ig-09.jpg") center / cover no-repeat !important; }
body .elementor-element-cb564f0 { background: url("https://tajpalacevegas.com/wp-content/uploads/2026/07/taj-about-gallery-1.jpg") center / cover no-repeat !important; }
body .elementor-element-1d5ed33 { background: url("https://tajpalacevegas.com/wp-content/uploads/2026/07/taj-ig-05.jpg") center / cover no-repeat !important; }
/* dark veil via pseudo-element so headings stay readable; lifts on hover/open */
.taj-cater-tile::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.68); transition: background .55s ease; z-index: 1; }
.taj-cater-tile:hover::before, .taj-cater-tile.is-open::before { background: rgba(0,0,0,.22); }
/* 8d-fix2: beat Elementor container flex vars */
.taj-cater-row .taj-cater-tile { flex: 1 1 0 !important; --flex-grow: 1; --flex-shrink: 1; --flex-basis: 0; --width: auto; }
.taj-cater-row .taj-cater-tile:hover, .taj-cater-row .taj-cater-tile.is-open { flex-grow: 2.4 !important; --flex-grow: 2.4; }
/* 3b. Hero size/crop tuning: tighter heroes, video full-bleed centered */
body .elementor-element-eaaa2af, body .elementor-element-5e137fc, body .elementor-element-e4c1d80,
body .elementor-element-1e44416, body .elementor-element-0c1d8ee, body .elementor-element-ef8f98f {
padding-bottom: clamp(80px, 12.5vw, 235px) !important;
}
@media (min-width: 768px) {
body .elementor-element-eaaa2af, body .elementor-element-5e137fc, body .elementor-element-e4c1d80,
body .elementor-element-1e44416, body .elementor-element-0c1d8ee, body .elementor-element-ef8f98f {
min-height: 600px !important; --min-height: 600px;
}
body .elementor-element-eaaa2af { min-height: 560px !important; --min-height: 560px; }
}
/* homepage hero bg video: FULL-BLEED cover, centered crop */
.elementor-element-eaaa2af .elementor-background-video-container { top: 0 !important; height: 100% !important; }
.elementor-element-eaaa2af video.elementor-background-video-hosted { object-fit: cover; object-position: 50% 45% !important; width: 100% !important; height: 100% !important; left: 0 !important; transform: none !important; position: absolute !important; }
/* 3b-fix: anchor full-bleed video to container top-left */
.elementor-element-eaaa2af video.elementor-background-video-hosted { top: 0 !important; left: 0 !important; }/* End custom CSS */