/* Event Centar approved black and gold theme — 2026-10-23 */
:root{--ec-gold:#cfac50;--ec-dark:#20201f;--ec-ink:#252525}
body{color:var(--ec-ink)}
.headerContainer .topBar{background-color:#20201f;background-blend-mode:luminosity;border-bottom:1px solid #8c783f;padding:10px 0}
.headerContainer .menu{background:#20201f;border-bottom:1px solid #36332a}
.headerContainer .menu li a{color:#f7f4ed}
.headerContainer .menu li.active,.headerContainer .menu li:hover{background:linear-gradient(110deg,#c7a347,#f1d87d)!important}
.headerContainer .menu li.active a,.headerContainer .menu li:hover>a{color:#20201f!important}
.logoHeader img,.footerLogo{filter:invert(1) hue-rotate(180deg);width:290px!important;height:60px!important}
.phoneNum,.phoneNum a,.socWhite{color:#f5f2eb!important}
.searchByName .searchIcon,.searchByName>span{background:linear-gradient(110deg,#c7a347,#f1d87d)!important;color:#20201f!important}
.mobileMenu,#menu-button{color:#d7ba65!important}
.pageCover:has(.searchEngineDiv){height:390px;position:relative;overflow:visible;background:#24211b}
.pageCover:has(.searchEngineDiv)>img{height:100%;width:100%;object-fit:cover}
.pageCover:has(.searchEngineDiv)>.overlay{background:rgba(0,0,0,.58);overflow:visible}
.searchEngineDiv{position:relative;isolation:isolate;width:100%;padding:36px 0 40px}
.searchEngineDiv:before,.searchEngineDiv:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:180px;height:300px;border:7px solid #d7ba65;border-radius:50%;opacity:.9}
.searchEngineDiv:before{left:-145px;top:-180px;box-shadow:14px 0 0 -7px #24211b,22px 0 0 -8px #d7ba65;transform:rotate(35deg)}
.searchEngineDiv:after{right:-150px;bottom:-110px;transform:rotate(35deg);box-shadow:-14px 0 0 -7px #24211b,-22px 0 0 -8px #d7ba65}
.searchEngineDiv h1{font-family:Georgia,'Times New Roman',serif;font-size:52px!important;line-height:1.14;font-weight:600;max-width:850px;margin:0 auto 42px!important;color:#fff;text-shadow:0 2px 8px #0006}
.searchEngine{position:relative;z-index:5;box-shadow:0 8px 28px #0003;border-radius:3px}
.searchEngine .form{border-radius:3px}
.searchEngine .searchInput,.searchEngine .nice-select{background:#fff;color:#424242;border-color:#ddd!important}
.searchEngine .searchBtn,.searchBtnContainer{background:linear-gradient(110deg,#c7a347,#f1d87d)!important;color:#222!important}
.searchEngine .searchBtn{font-weight:700;font-family:Georgia,serif;font-size:18px}
.mainSearchIcon{color:#222!important}
.nice-select .option:hover,.nice-select .option.selected{background:#f7efd8!important;color:#29251b}
#showPopUpFilters{background:#d7ba65;color:#222;border-color:#d7ba65}
.sectionHeader.home{padding:30px 0 20px;margin-bottom:20px;border-color:#e8e5dd;color:#262626}
.sectionHeader.home h3{position:relative;font-family:Georgia,serif;font-size:27px;color:#242424;padding-bottom:14px}
.sectionHeader.home h3:after{content:"";position:absolute;left:0;bottom:0;width:65px;height:2px;background:#c5a044}
.restaurantBox{margin-bottom:25px}
.restaurantBox .boxShadow{border:1px solid #ece9e1;border-radius:4px;box-shadow:0 3px 15px #00000012;padding:7px;background:#fff;transition:box-shadow .2s}
.restaurantBox .boxShadow:hover{box-shadow:0 6px 22px #0002}
.restaurantInfo{padding:15px 12px 8px!important}
.restaurantName h3{color:#242424!important;font-size:17px!important}
.restaurantBox .box-icon,.restaurantBox .arrow-icon{color:#bc9437!important}
.restaurantBox .lightGray,.restaurantBox .lightGray a{color:#676767!important}
.restaurantBox .moreBtn{border:1px solid #c5a044;border-radius:3px;margin:8px 12px 12px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#a77d25!important}
.restaurantBox .moreBtn a{color:#a77d25!important}
.animUnderline{background:#c5a044!important}
.homeRightPhone{background:#20201f!important;border:1px solid #d7ba65;color:#f7f2e6!important}
.homeRightPhone a,.homeRightPhone i{color:#f7f2e6!important}
.footerContainer{background:#20201f!important;color:#f4f1e9!important;border-top:2px solid #c5a044;padding-top:45px}
.footerInner{padding:0 0 40px!important;gap:25px}
.footerColumne{padding:0 25px;border-left:1px solid #776638}
.footerColumne.first{border-left:0;padding-left:0}
.footerColumne h4{font-family:Georgia,serif;letter-spacing:1px;color:#fff!important;margin-bottom:22px;position:relative;padding-bottom:14px}
.footerColumne h4:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:#d7ba65}
.footerColumne a,.footerColumne p,.footerColumne span{color:#eeece6!important;line-height:1.8}
.footerColumne a:hover{color:#e4c976!important}
.footerColumne .socialNet{margin-top:22px;display:flex;gap:12px}
.footerColumne .socialNet i{border:1px solid #b79a4a;border-radius:50%;padding:7px;font-size:19px}
.copyright{background:#20201f!important;border-top:1px solid #776638;color:#d8d4c9!important}
.copyright p,.copyright a{color:#d8d4c9!important}
.mm-menu{--mm-color-background:#20201f;--mm-color-text:#f4f0e6;--mm-color-border:#625737}
@media(max-width:767px){.headerContainer .topBar{padding:5px 0}.logoHeader img{width:200px!important;height:45px!important}.pageCover:has(.searchEngineDiv){height:auto;min-height:235px;overflow:hidden}.pageCover:has(.searchEngineDiv)>img{position:absolute;inset:0}.pageCover:has(.searchEngineDiv)>.overlay{position:relative;min-height:235px}.searchEngineDiv{padding:28px 0}.searchEngineDiv h1{font-size:32px!important;max-width:90%;margin-bottom:24px!important}.searchEngineDiv:before,.searchEngineDiv:after{opacity:.5}.sectionHeader.home{padding-top:20px;flex-wrap:wrap;gap:8px}.sectionHeader.home h3{font-size:22px}.restaurantInfo{padding:10px 5px!important}.restaurantName h3{font-size:14px!important}.restaurantBox .moreBtn{margin:6px 5px 8px;padding:6px}.footerInner{gap:25px}.footerColumne{border-left:0;padding:0!important}.footerContainer{padding-top:30px}.footerLogo{width:245px!important;height:55px!important}.homeRightPhone{font-size:12px}}


.searchEngineDiv{max-width:1200px;width:calc(100% - 64px);margin:auto}
.searchEngineDiv:before,.searchEngineDiv:after{display:none}
.pageCover:has(.searchEngineDiv)>.overlay{background-image:radial-gradient(ellipse 260px 400px at -160px -150px,transparent 96%,#d7ba65 96.5%,#d7ba65 98%,transparent 98.5%),radial-gradient(ellipse 280px 420px at -160px -150px,transparent 96%,#d7ba65 96.5%,#d7ba65 98%,transparent 98.5%),radial-gradient(ellipse 260px 400px at calc(100% + 160px) calc(100% + 150px),transparent 96%,#d7ba65 96.5%,#d7ba65 98%,transparent 98.5%),radial-gradient(ellipse 280px 420px at calc(100% + 160px) calc(100% + 150px),transparent 96%,#d7ba65 96.5%,#d7ba65 98%,transparent 98.5%)}
.searchEngine .searchInput,.searchEngine .nice-select,.searchEngine .searchBtn{width:100%!important;box-sizing:border-box}
.headerContainer .topBar{background-image:linear-gradient(#15151599,#15151599),url('/images/website/header.png')}
.searchEngineDiv h1 .ec-highlight{color:#dec16a}
@media(max-width:767px){.searchEngineDiv{width:calc(100% - 30px)}.searchEngineDiv h1{max-width:100%}}

.searchEngineDiv{left:auto!important;right:auto!important;top:auto!important;transform:none!important;margin:auto!important}
.pageCover:has(.searchEngineDiv)>.overlay{display:flex;align-items:center}
@media(max-width:767px){.pageCover:has(.searchEngineDiv)>.overlay{height:auto;min-height:350px}.searchEngineDiv{padding:28px 0}.searchEngineDiv h1{font-size:30px!important}.ec-hero-break{display:none}.searchEngine .form{gap:10px}.searchEngine .eventToolTips{margin:0}.footerInner{flex-wrap:wrap}.footerColumne{min-width:0}}
@media(max-width:767px){.searchEngineDiv h1{display:block!important;opacity:1!important;transform:none!important}.searchEngineDiv .searchEngine{height:auto!important;width:100%!important}.searchEngineDiv .searchEngine .form{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;height:auto!important;padding:0!important}.searchEngineDiv .searchEngine .form .eventToolTips{width:100%!important;height:44px!important;margin:0!important;min-width:0}.searchEngineDiv .searchEngine .party_type,.searchEngineDiv .searchEngine .searchBtnContainer{grid-column:1 / -1}.searchEngineDiv .searchEngine .searchInput,.searchEngineDiv .searchEngine .nice-select,.searchEngineDiv .searchEngine .searchBtn{height:44px!important;line-height:44px!important;padding-top:0!important;padding-bottom:0!important}.searchEngineDiv .searchEngine .mainSearchIcon{top:50%;transform:translateY(-50%)}.pageCover:has(.searchEngineDiv){min-height:0!important}.pageCover:has(.searchEngineDiv)>.overlay{min-height:0!important}.searchEngineDiv{padding:26px 0 30px!important}}
.footerContainer .footerInner{height:auto!important;align-items:stretch!important;padding-bottom:40px!important}.footerContainer .footerColumne{height:auto!important;margin-top:0!important}.footerContainer .columneFlex{height:auto!important;justify-content:flex-start!important}.restaurantBox .moreBtn{width:calc(100% - 24px)!important;height:auto!important;min-height:36px;box-sizing:border-box}.restaurantBox .slick-arrow img{filter:grayscale(1)}.backToTop{background:#20201f!important;border:1px solid #c5a044;color:#e4c976!important}.homeRightPhone .text{color:#e4c976!important}@media(max-width:767px){.restaurantBox .moreBtn{width:calc(100% - 10px)!important}.footerContainer .footerColumne{width:100%!important}.footerContainer .footerInner{gap:28px!important}}