/* * Global CSS * Scope: .design * Add class "design" to OR wrap your page content in

...

*/ .design { --white-color: var(--e-global-color-); --primary: #000000; /* Primary Color */ --secondary: #FFF; /* Secondary Color */ --text: #2A0403; /* Text Color */ --accent: #C03A2A; /* Button Color */ --dark-color: #2A0403; /* Dark Section Color */ --bg-color: #FFF5DF; /* Full Page Background Color */ } .design .br-desktop-none br{ display: none; } .design figure, .design .elementor-widget-image-carousel .swiper .swiper-slide figure{ line-height: 0; } .design .elementor-widget-theme-post-excerpt p:last-child, .design .elementor-widget-text-editor p:last-child{ margin-bottom: 0; } .design .elementor-widget-icon .elementor-icon-wrapper, .design .elementor-widget-icon-box .elementor-icon-box-icon{ line-height: 0; } .design .icon-height-size.elementor-widget-icon .elementor-icon-wrapper .elementor-icon svg{ height: auto; } .design .elementor-widget-icon-box .elementor-icon-box-title, .design .elementor-widget-image-box .elementor-image-box-title{ margin-top: 0; } .design .icon-box-icon-center.elementor-widget-icon-box .elementor-icon-box-wrapper{ align-items: center; } /* Button CSS */ .design .elementor-widget-button .elementor-button-wrapper{ line-height: 0; } .design .elementor-widget-button .elementor-button{ position: relative; transition: all 0.3s ease-in-out; overflow: hidden; z-index: 1; } .design .elementor-widget-button .elementor-button:before{ content: ''; position: absolute; top: 0; left: auto; right: 0; bottom: 0; background-color: var(--primary); width: 0; height: 100%; transition: all 0.5s ease-in-out; z-index: -1; } .design .elementor-widget-button .elementor-button:hover:before, .design .elementor-widget-button .elementor-button:focus:before{ left: 0; right: auto; width: 100%; } .design .dark-btn.elementor-widget-button .elementor-button:before{ background: var(--accent); } .design .no-bg.elementor-widget-button .elementor-button:before, .design .underline-btn.elementor-widget-button .elementor-button:before{ display: none; } .design .elementor-widget-button .elementor-button .elementor-button-content-wrapper{ align-items: center; } .design .elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon{ line-height: 0; } /* .design .elementor-widget-button .elementor-button .elementor-button-icon svg{ width: 16px; height: 16px; } */ .design .elementor-widget-button .elementor-button .elementor-button-icon svg path{ transition: all 0.3s ease-in-out; } .design .underline-btn.elementor-widget-button .elementor-button .elementor-button-text{ text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: 10%; text-underline-position: from-font; } /* Icon & Images Box CSS */ .design .elementor-widget-icon-box .elementor-icon-box-description a, .design .elementor-widget-image-box .elementor-image-box-description a{ color: inherit; transition: all 0.3s ease-in-out; } /* Tab Widget CSS */ .design .elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:hover, .design .elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:focus{ border-radius: var(--n-tabs-title-border-radius); } .design .elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title{ transition: all 0.3s ease-in-out; } .design .elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-icon svg path{ transition: all 0.3s; } /* Menu Border CSS */ .design .elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a, .design .elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:focus, .design .elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:hover{ border-inline-start: 0 !important; } /* Section Title CSS */ .design .section-title h3.elementor-heading-title{ display: inline-block; position: relative; border: 1px solid currentColor; border-radius: 100px; padding: 10px 25px; } @media only screen and (max-width: 1320px) { .design .container-padding-left{ padding-left: 10px; } .design .container-padding-right{ padding-right: 10px; } } @media only screen and (max-width: 1024px) { .design .br-tablet-none br{ display: none; } .design .container-padding-left{ padding-left: var(--padding-left); } .design .container-padding-right{ padding-right: var(--padding-right); } } @media only screen and (max-width: 767px) { .design .br-mobile-none br{ display: none; } .design .section-title h3.elementor-heading-title{ padding: 8px 15px; } } /* * Header CSS */ .design .header-logo img[src$=".svg"]{ width: auto !important; } .design .main-header.elementor-sticky{ transition: all 0.3s ease-in-out; } .design .main-header.elementor-sticky.elementor-sticky--effects{ background: #00000099; backdrop-filter: blur(20px); } .design .main-header nav ul li.header-logo img{ width: 180px; } .design .header-logo img{ transition: all 0.3s ease-in-out; } .design .main-header.elementor-sticky.elementor-sticky--effects .header-logo img{ max-width: 140px; } .design .mobile-menu{ display: none !important; } .design .header-menu .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .design .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{ transition: all 0.3s ease-in-out; } .design .main-header.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .design .main-header.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{ margin-top: 39px !important; } @media only screen and (max-width: 1024px) { .design .main-header .elementor-menu-toggle{ margin-right: 0 !important; } .design .main-header nav ul li.header-logo{ display: none !important; } .design .header-menu-container{ padding-left: var(--padding-left); } .design .mobile-menu{ display: block !important; } .design .main-header.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{ margin-top: 28px !important; } } @media only screen and (max-width: 767px) { .design .main-header.elementor-sticky.elementor-sticky--effects .header-logo img{ max-width: 100px; } .design .main-header.elementor-sticky.elementor-sticky--effects .header-menu .elementor-nav-menu__container.elementor-nav-menu--dropdown{ margin-top: 23px !important; } } /* * Footer CSS * (Note: these were not page-id scoped originally; now scoped to .design to keep the bundle self-contained) */ .design .footer-contact-info ul li p{ display: inline-block; vertical-align: middle; font-family: "Helvetica Neue"; font-size: 16px; font-weight: 400; margin: 0; } .design .footer-contact-info ul li p strong{ font-weight: 500; } .design .cafe-footer-menu nav ul{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 15px 30px; } .design .cafe-footer-menu nav ul:after{ display: none; } .design .cafe-footer-menu nav ul li.header-logo{ display: none; } @media only screen and (max-width: 767px) {} /* * Home Page CSS */ .design .hero-btn-round .elementor-button{ height: var(--container-widget-width); display: flex; align-items: center; justify-content: center; } .design .hero-btn-round.elementor-widget-button .elementor-button:before{ left: 0; width: 100%; transform: scale(0); border-radius: 100%; } .design .hero-btn-round.elementor-widget-button .elementor-button:hover:before, .design .hero-btn-round.elementor-widget-button .elementor-button:focus:before{ right: 0; width: 100%; transform: scale(1.1); } .design .hero-btn-round .elementor-button .elementor-button-content-wrapper{ flex-direction: column !important; gap: 20px !important; } /* This CSS Remove in New Design */ .design .hero-btn-round.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon, .design .hero-btn-round.elementor-widget-button .elementor-button:hover .elementor-button-content-wrapper .elementor-button-icon, .design .hero-btn-round.elementor-widget-button .elementor-button:focus .elementor-button-content-wrapper .elementor-button-icon{ background: transparent; position: relative; width: auto; height: auto; display: flex; justify-content: center; align-items: center; border-radius: unset; transition: all 0.2s ease-in-out; } .design .hero-btn-round.elementor-widget-button .elementor-button .elementor-button-icon svg{ width: 30px; height: 41px; } .design .cafe-about-round-img img{ aspect-ratio: 1 / 1; object-fit: cover; } .design .cafe-price-list{ position: relative; } .design .cafe-price-list:not(:last-child):before{ content: ''; position: absolute; top: 0; left: auto; right: -15px; bottom: 0; background-color: #FFF5DF; width: 1px; height: 100%; } .design .cafe-price-list .elementor-price-list-header{ justify-content: center !important; } .design .cafe-price-list .elementor-price-list .elementor-price-list-header:has(.elementor-price-list-price){ justify-content: space-between !important; } .design .cafe-price-list .elementor-price-list .elementor-price-list-header .elementor-price-list-separator{ display: none; } .design .cafe-price-list .elementor-price-list .elementor-price-list-header:has(.elementor-price-list-price) .elementor-price-list-separator{ display: block; } .design .signature-dining-img-2 img{ aspect-ratio: 1 / 0.55; object-fit: cover; } .design .signature-dining-img-3 img{ aspect-ratio: 1 / 0.8; object-fit: cover; } .design .signature-dishes-img{ position: relative; } .design .signature-dishes-img:before{ content: ''; position: absolute; top: 50%; left: 50%; background-color: #C03A2A; mask-image: url("../images/signature-dishes-image-border.svg"); mask-position: center; mask-size: contain; mask-repeat: no-repeat; width: calc(100% + 20px); height: calc(100% + 20px); transform: translate(-50%, -50%); } .design .art-of-dinning-img1 img{ aspect-ratio: 1 / 0.87; object-fit: cover; } .design .art-of-dinning-img2 img{ aspect-ratio: 1 / 0.917; object-fit: cover; } @media only screen and (max-width: 1024px) { .design .hero-btn-round.elementor-widget-button .elementor-button .elementor-button-icon svg{ width: 26px; height: 37px; } .design .cafe-price-list:not(:last-child):before{ display: none; } .design .signature-dining-img-1 img, .design .signature-dining-img-2 img{ aspect-ratio: 1 / 1.1; } .design .signature-dining-img-3 img{ aspect-ratio: 1 / 0.5; } } @media only screen and (max-width: 767px) { .design .hero-btn-round .elementor-button .elementor-button-content-wrapper{ gap: 10px !important; } .design .hero-btn-round.elementor-widget-button .elementor-button .elementor-button-icon svg{ width: 20px; height: 31px; } .design .signature-dining-img-1 img, .design .signature-dining-img-2 img{ aspect-ratio: 1 / 1.2; } .design .signature-dining-img-3 img{ aspect-ratio: 1 / 0.66; } }