/** Theme Name: MG Concierge Child Theme Author: The Janice Christopher Marketing Agency Author URI: https://janicechristopher.com/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: mg-concierge-child-theme Template: astra */ html { scroll-behavior: smooth; } h1, h2, h3, h4, h5, h6, body, a, button, input, textarea, select, ul, ol, li, blockquote, p { /* font-family: "gill-sans-nova", Sans-serif !important; */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* header */ .header-menu nav ul.elementor-nav-menu > li.menu-item > a.has-submenu:after { content: none !important;} .header-main { z-index: 5; transition: all .5s ease; position: absolute !important;} .has-sticky .header-main { position: absolute !important;} .header-main > .e-con-inner { transition: all .3s ease;} .header-main .header-logo { flex-basis: 300px;} .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-call-num > a.elementor-item.menu-link { display: flex; justify-content: center; align-items: center; width: 100% !important; min-width: 200px; padding: 7px 20px !important; background-color: #FCEE1F !important; color: #262626 !important; font-weight: bold !important; border: unset; border-radius: unset; transition: all .3s ease; } .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-call-num > a.elementor-item.menu-link:hover { background-color: #262626 !important; color: #FFFFFF !important;} .elementor-nav-menu--main .elementor-item.elementor-item-active { font-weight: bold !important;} .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children.current-menu-parent > a.has-submenu { font-weight: 500 !important; color: var(--e-global-color-primary) !important} .header-menu nav ul.elementor-nav-menu > li.menu-item > a.has-submenu:after { content: none !important;} .elementor-nav-menu .sub-arrow { padding: 0 !important; padding-top: 2px !important; padding-inline: 4px !important; color: var(--e-global-color-secondary) !important; fill: var(--e-global-color-secondary) !important; transform: unset !important; transform-origin: center center; z-index: 40; transition: all .3s ease !important;} .header-menu nav ul.elementor-nav-menu > li.menu-item > a.has-submenu .sub-arrow svg path { fill: var( --e-global-color-primary ) !important; transition: all .3s ease;} .header-menu nav ul.elementor-nav-menu > li.menu-item > a.has-submenu:hover .sub-arrow, .header-menu nav ul.elementor-nav-menu > li.menu-item > a.has-submenu.highlighted .sub-arrow, .header-menu ul.elementor-nav-menu > li.menu-item.menu-item-has-children a.highlighted .sub-arrow { padding-top: unset !important; padding-bottom: 2px !important; transform: rotate(180deg) !important; transform-origin: center center !important;} .header-menu nav ul.elementor-nav-menu > li.menu-item > a.has-submenu:hover .sub-arrow svg path, .header-menu nav ul.elementor-nav-menu > li.menu-item > a.has-submenu.highlighted .sub-arrow svg path{ fill: var(--e-global-color-secondary) !important;} .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children > a.has-submenu ~ ul.sub-menu.elementor-nav-menu--dropdown { min-width: unset !important; left: 50% !important; transform: translateX(-50%) !important; text-align: center !important; } .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children > a.has-submenu ~ ul.sub-menu.elementor-nav-menu--dropdown > li > a { padding-inline: 20px !important; border-left: unset !important; display: block; text-align: center; line-height: initial !important; } .elementor-nav-menu--dropdown ul li.menu-item-has-children .sub-arrow { position: absolute; right: 0; top: 5px; width: 30px; height: 30px; margin: 0px !important; text-align: center; display: flex; justify-content: center; cursor: pointer; z-index: 30; } .sub-menu.open { display: block;} .sub-arrow.active { transform: rotate(180deg) !important;} .header-btns-wrap { width: auto !important;} .header-social svg { filter: none; transform: unset; transition: all .3s ease;} .header-social svg:hover { filter: grayscale(1); transform: scale(1.15);} .header-call-link .elementor-icon-box-wrapper, .header-call-link .elementor-icon-box-wrapper > div { display: flex; justify-content: center; align-items: center;} .header-call-link .elementor-icon-box-wrapper a, .header-call-link .elementor-icon-box-wrapper a svg path { color: #ffffff; fill: #ffffff !important; transition: all .3s ease;} .header-call-link .elementor-icon-box-wrapper:hover a, .header-call-link .elementor-icon-box-wrapper:hover a svg path { color: var(--Gold_cea66f); fill: var(--Gold_cea66f) !important;} .header-menu ul.elementor-nav-menu > li.menu-item.menu-item-has-children:has(a.elementor-sub-item.elementor-item-active.menu-link) > a { color: var(--e-global-color-secondary) !important;} .header-menu .elementor-nav-menu--main .elementor-nav-menu ul li a.elementor-sub-item.elementor-item-active.menu-link { color: var( --e-global-color-primary ) !important;} /* .header-menu ul.elementor-nav-menu > li.menu-item.menu-item-has-children a.elementor-item-active.menu-link.has-submenu svg { fill: var(--e-global-color-secondary) !important;} */ .header-menu ul.elementor-nav-menu > li.menu-item.menu-item-has-children:has(a.elementor-sub-item.elementor-item-active.menu-link) a .sub-arrow svg path, .header-menu ul.elementor-nav-menu > li.menu-item.menu-item-has-children a.elementor-item-active.menu-link.has-submenu svg path { fill: var(--e-global-color-secondary) !important;} .menu-item a.menu-link { text-transform: uppercase !important;} #ast-scroll-top { background-color: #cea66f; color: #ffffff; transition: all .3s ease;} #ast-scroll-top:hover { background-color: rgb(29 29 29 / 25%); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);} /* Gravity Form Css */ input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select { height:auto; box-shadow:none !important; } label, legend { color: var( --e-global-color-text );} body .gform_wrapper.gravity-theme input[type=color],body .gform_wrapper.gravity-theme input[type=date],body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime],body .gform_wrapper.gravity-theme input[type=email],body .gform_wrapper.gravity-theme input[type=month],body .gform_wrapper.gravity-theme input[type=number],body .gform_wrapper.gravity-theme input[type=password],body .gform_wrapper.gravity-theme input[type=search],body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text],body .gform_wrapper.gravity-theme input[type=time],body .gform_wrapper.gravity-theme input[type=url],body .gform_wrapper.gravity-theme input[type=week],body .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { border: 1px solid var(--Gold_cea66f); border-radius: 0px; height: 40px; } .gform_heading .gform_required_legend { display: none!important;} .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 15px !important; grid-row-gap: 30px !important;} .gform_wrapper.gravity-theme .gfield { position: relative;} body .gform_wrapper.gravity-theme .gfield_label { margin-bottom: 10px;} body .gform_wrapper.gravity-theme .gfield_label { font-size: 16px; font-weight: normal; line-height: 1.4;} body .gform_wrapper.gravity-theme .gfield textarea { height: 120px !important; min-height:auto !important; resize: none!important; overflow-y: auto;} body .gform_wrapper .gfield_error [aria-invalid=true] { border: 1px solid #D6D6D6 !important;} body .gform_wrapper.gravity-theme #field_submit, body .gform_wrapper.gravity-theme .gform_footer { margin: 30px 0 0 !important; padding:0 !important;} .gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input{ width: 100% !important; margin-bottom:0 !important;} .charleft.ginput_counter.gfield_description { color: #262626; padding-top: 0; font-size: 12px;} .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { background: #F5F5F5; border: 1px solid #D6D6D6; font-size: 12px !important; line-height: 1.4 !important; margin-block-start: 4px !important; padding: 5px !important; } .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) { padding-right: unset !important;} .gform_wrapper.gravity-theme .gfield_required { padding-left: .5px;} body .gform_wrapper.gravity-theme .gform_footer { margin-top: unset !important;} .gform-footer .gform_button.button { display: flex; width: 100% !important; padding: 4.5px 5px !important; letter-spacing: 0.8px; background-color: var(--e-global-color-secondary) !important; color: var(--e-global-color-primary) !important; border: 1px solid var(--e-global-color-secondary) !important; border-radius: unset; transition: all .3s ease;} .gform-footer .gform_button.button:hover, .gform-footer .gform_button.button:focus { background-color: transparent !important; color: var(--e-global-color-primary) !important; border: 1px solid var(--e-global-color-primary) !important;} .gform_heading { display: none;} .ginput_container.ginput_container_date .gform-datepicker { width: 100% !important;} /* Footer */ .cta-call .elementor-image-box-title > a, .cta-link a { font: inherit; transition: all .3s ease;} .cta-call .elementor-image-box-title > a:hover { color: #ffffff !important;} .foo-signup-form #gform_2 { display: flex; flex-direction: row; align-items: stretch; justify-content: flex-start; gap: 10px;} .foo-signup-form { width: 100%;} .foo-signup-form .gform_wrapper .gform-body { flex-grow: 1;} .foo-signup-form .gform-footer .gform_button.button { min-width: 143px;} footer .foo-social { max-width: 100% !important;} .foo-links-menu a.menu-link { display: inline-block;} body footer .gform_wrapper.gravity-theme input[type=color], body footer .gform_wrapper.gravity-theme input[type=date], body footer .gform_wrapper.gravity-theme input[type=datetime-local], body footer .gform_wrapper.gravity-theme input[type=datetime], body footer .gform_wrapper.gravity-theme input[type=email], body footer .gform_wrapper.gravity-theme input[type=month], body footer .gform_wrapper.gravity-theme input[type=number], body footer .gform_wrapper.gravity-theme input[type=password], body footer .gform_wrapper.gravity-theme input[type=search], body footer .gform_wrapper.gravity-theme input[type=tel], body footer .gform_wrapper.gravity-theme input[type=text], body footer .gform_wrapper.gravity-theme input[type=time], body footer .gform_wrapper.gravity-theme input[type=url], body footer .gform_wrapper.gravity-theme input[type=week], body footer .gform_wrapper.gravity-theme select, body footer .gform_wrapper.gravity-theme textarea { height: 35px; } /* Common Styling */ .d-none { display: none !important;} a.elementor-button, .cmn-btn > a.elementor-button { min-width: 200px !important; border-radius: unset !important;} .elementor-icon-list-item a { outline: none !important;} a:focus-visible, a:focus { outline: none !important;} span.elementor-icon-list-icon svg.e-far-check-circle > * { display: none;} span.elementor-icon-list-icon svg.e-far-check-circle { margin: 0 !important; background: url('https://mg-concierge.websitepro.hosting/wp-content/uploads/2026/01/Icons-Check-Black.png') no-repeat center center / 16px 16px;} .black-list-icon span.elementor-icon-list-icon svg.e-far-check-circle { margin: 0 !important; background: url('https://mg-concierge.websitepro.hosting/wp-content/uploads/2026/01/image-07.png') no-repeat center center / 16px 16px;} .legal-content-container a { color: var(--e-global-color-secondary) !important; transition: all .3s ease;} .legal-content-container a:hover { color: var(--Text-1d1d1d) !important;} .elementor-template-full-width .ast-container { max-width: 100%; padding: unset;} .ast-single-post .entry-content a { text-decoration: unset;} .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text { padding-left: 10px !important;} .elementor .e-heading-link-base { text-decoration: none !important;} .text-bold-600 strong { font-weight: 600;} .shape-top-left-to-right { clip-path: polygon(0 0, 100% 89px, 100% 100%, 0% 100%) !important; margin-top: -89px !important;} .shape-top-right-to-left { clip-path: polygon(0 89px, 100% 0, 100% 100%, 0% 100%) !important; margin-top: -89px !important;} .btn-hover-white-border:hover, .btn-hover-white-border:focus-visible { color: var(--White) !important; border-color: var(--White) !important; background-color: var(--Transparent) !important;} /* FAQ Accordion */ /* Hide the SVG icons completely */ /* .e-n-accordion-item-title-icon span svg { display: none !important;} .e-n-accordion-item-title-icon span.e-closed { display: inline-block; width: 21px; height: 21px; background: url('https://mg-concierge.websitepro.hosting/wp-content/uploads/2026/01/image-09.png') no-repeat center / contain;} .e-n-accordion-item-title-icon span.e-opened { display: inline-block; width: 21px; height: 21px; background: url('https://mg-concierge.websitepro.hosting/wp-content/uploads/2026/01/image-10.png') no-repeat center / contain;} */ .faq-acc h3.e-n-accordion-item-title-text { color: #ffffff;} .faq-acc .e-n-accordion-item { border: 1px solid #CEA66F; border-bottom: unset;} .faq-acc .e-n-accordion-item:last-of-type { border-bottom: 1px solid #CEA66F;} /* Blog Listing */ .post-list-wrp { overflow: visible;} /* .posts-wrap .elementor-post__card {position: relative;box-shadow: 0px 3px 15px #00000014 !important;z-index: 1;} */ .posts-wrap a.elementor-post__thumbnail__link { margin: unset;} .posts-wrap .elementor-post__text { padding: 30px !important;} .posts-wrap a.elementor-post__read-more { display: flex; justify-content: center; align-items: center; padding: 8.5px 5px !important; min-width: 200px !important; border-radius: unset !important; background-color: #FCEE1F !important; font-weight: bold !important; text-transform: capitalize !important; font-size: 16px !important; line-height: 21px !important; letter-spacing: 0px !important; color: #262626 !important; text-decoration: none !important; text-align: center; transition: all .3s ease !important; } .posts-wrap a.elementor-post__read-more:hover { background: #262626 !important; color: #FFFFFF !important;} .posts-wrap .elementor-post__read-more { margin: unset !important;} .posts-wrap .elementor-post__meta-data { border: none !important; padding: unset !important; margin-block: 10px 20px !important;} /* .posts-wrap .elementor-post__text .elementor-post__excerpt p { font-size: 16px !important; line-height: 21px !important; letter-spacing: 0.15px !important; color: #191919 !important;} */ /* Single Post Page */ .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .ast-author-box, .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results, .error404 .site-content > .ast-container, .error404 .site-content > .ast-container > div.content-area.primary, .single.single-post.ast-narrow-container .site-content > .ast-container, .single.single-post.ast-narrow-container .site-content > .ast-container > section.elementor.ast-article-single { width: 100% !important; max-width: 100% !important; padding: unset !important; margin: unset !important;} body.error404, body.single.single-post.ast-narrow-container { background: unset !important;} .post-content-wrp h2, .post-content-wrp h3, .post-content-wrp h4, .post-content-wrp h5, .post-content-wrp h6 { margin-block: 30px 15px !important; text-transform: capitalize; color: var( --e-global-color-text ) !important;} .post-title.elementor-page-title h2.elementor-heading-title { margin: unset !important;} .post-content-wrp a { color: var( --e-global-color-text ) !important; transition: all .3s ease;} .post-content-wrp a:hover { color: var(--e-global-color-primary) !important;} .post-content-wrp ol, .post-content-wrp ul { margin: 0 0 15px 25px;} .post-content-wrp ol li:not(:last-of-type), .post-content-wrp ul li:not(:last-of-type) { margin-bottom: 5px;} .post-content-wrp p { margin-bottom: 10px;} .post-feat-img { margin-inline: auto; margin-bottom: 20px !important; width: 100%; overflow: hidden;} .post-feat-img img { margin-top: unset !important; width: 100%; height: 100%; max-width: clamp(600px, 50vw, 100%) !important; max-height: 500px; object-fit: cover; object-position: center center;} .post-content-wrp .wp-block-image { text-align: center; margin-inline: auto !important;} .post-content-wrp img { margin-block: 15px !important; width: 100%; height: 100%; max-width: clamp(600px, 50vw, 75%) !important; max-height: 450px; object-fit: cover; object-position: center center; box-shadow: unset !important;} /* Home Page */ .service-item-box a.e-image-link-base { width: 100%; overflow: hidden;} .service-item-box a > img.e-image-base { transform: scale(1);} .service-item-box:hover a > img.e-image-base {transform: scale(1.2);} .service-item-box a.e-heading-link-base { transition: all .3s ease;} .service-item-box:hover a.e-heading-link-base { color: var(--e-global-color-secondary) !important;} .service-item-box .gold-arrow { transform: translatex(unset); transition: all .3s ease} .service-item-box:hover .gold-arrow { transform: translatex(10px);} /* Testimonial Slider */ /* .testimonials-slider .elementor-main-swiper.swiper { padding-inline: 30%; padding-bottom: 48px !important; margin-inline: 0 !important; width: 100%;} */ .testimonials-slider.elementor-widget-testimonial-carousel .elementor-testimonial { margin: unset !important;} .testimonials-slider.elementor-widget-testimonial-carousel .elementor-testimonial__image img { width: 100% !important; height: 20px !important; object-fit: unset !important; border-radius: unset !important; display: block !important; opacity: 0; visibility: hidden; transition: all .3s ease;} .testimonials-slider.elementor-widget-testimonial-carousel .swiper-slide-active .elementor-testimonial__image img { opacity: 1; visibility: visible;} .testimonials-slider.elementor-widget-testimonial-carousel .swiper-slide { padding: unset !important;} .swiper-pagination { height: 8px; display: flex; align-items: center; justify-content: center; gap: 10px;} .swiper-pagination span.swiper-pagination-bullet { margin: unset !important; width: 8px !important; height: 8px !important; background-color: transparent !important; border: 1px solid #ffffff !important; box-sizing: border-box; transition: all .3s ease;} .swiper-pagination span.swiper-pagination-bullet:hover, .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var( --e-global-color-secondary ) !important; background-color: var( --e-global-color-secondary ) !important;} .testimonial-carousel-main .elementor-testimonial-image img { object-fit: contain !important; height: 20px !important; border-radius: unset !important; display: block !important; opacity: 0; visibility: hidden; transition: all .3s ease;} .testimonial-carousel-main .swiper-slide-active .elementor-testimonial-image img { opacity: 1; visibility: visible;} .testimonial-carousel-main .swiper-pagination { left: 50% !important; height: 8px !important; display: flex; align-items: center; justify-content: center; gap: 10px;} .testimonial-carousel-main .swiper-pagination span.swiper-pagination-bullet { margin: unset !important; width: 8px !important; height: 8px !important; background-color: transparent !important; border: 1px solid #ffffff !important; border-radius: 50% !important; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all .3s ease; } .testimonial-carousel-main .swiper-pagination span.swiper-pagination-bullet:hover, .testimonial-carousel-main .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: var( --e-global-color-secondary ) !important; background-color: var( --e-global-color-secondary ) !important; opacity: 1; visibility: visible; } /* Luxury Accomodation */ .resort-slider-wrap .elementor-element, .resort-carousel, .resort-carousel > swiper { position: initial !important;} .resort-carousel > .elementor-swiper-button { transform: translateY(0%) !important;} .resort-carousel > .e-n-carousel.swiper { margin-inline: auto !important; width: 100% !important; padding: unset !important;} .resort-carousel .swiper-pagination { bottom: 35px !important; transform: translateY(0) !important;} .resort-carousel .swiper-pagination span.swiper-pagination-bullet { border: 1px solid var( --e-global-color-secondary ) !important; border-radius: 50%; background-color: transparent !important; opacity: 1; box-sizing: border-box; transition: all .3s ease;} .resort-carousel .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active, .resort-carousel .swiper-pagination span.swiper-pagination-bullet:hover { background-color: var( --e-global-color-secondary ) !important;} .resort-carousel-sec .resort-carousel { padding: 0px !important;} .resort-carousel-sec .resort-carousel .elementor-widget.elementor-widget-image { width: 62%;} .resort-carousel-sec .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { left: 50% !important; transform: translate(-50%, -8px) !important;} .resort-carousel-sec .resort-carousel .e-paragraph-base { margin-bottom: 35px;} /* Testimonials Page */ .testimonial-item-icon .elementor-icon svg { height: auto !important;} /* Post */ .post-content-elem h2, .post-content-elem h3, .post-content-elem h4, .post-content-elem h5, .post-content-elem h6 { font-weight: normal !important; margin-bottom: 20px;} .post-content-elem b, .post-content-elem strong { font-weight: 600 !important;} .post-content-elem p { margin-bottom: 20px !important;} .post-content-elem p:last-of-type { margin-bottom: 0px !important;} .post-content-elem ol, .post-content-elem ul { margin: 0 0 20px 30px;} /* .post-content-elem p:has(+ ul), .post-content-elem p:has(+ ol) { margin-bottom: 10px !important;} */ .post-content-elem a, .postside-bar-posts a { color: inherit; transition: all .3s ease;} .post-content-elem a:hover, .postside-bar-posts a:hover { color: var( --e-global-color-secondary ) !important;} /* Contact Page */ .contact-form .gform-footer .gform_button.button:hover, .contact-form .gform-footer .gform_button.button:focus { background-color: transparent !important; color: var( --e-global-color-text ) !important; border-color: var( --e-global-color-text ) !important; } /* Custom Itinerary Popups */ .ci-popup-content { background: var(--e-global-color-primary);} .ci-popup-content h1, .ci-popup-content h2, .ci-popup-content h3, .ci-popup-content h4, .ci-popup-content h5, .ci-popup-content h6 { font-weight: normal;} .ci-popup-content b, .ci-popup-content strong, .ci-popup-content > .elementor-align-right.elementor-widget.elementor-widget-button a { font-weight: 500; letter-spacing: 0.8px;} .ci-popup-content > .elementor-align-right.elementor-widget.elementor-widget-button a:hover , .ci-popup-content > .elementor-align-right.elementor-widget.elementor-widget-button a:hover svg path { fill: var(--e-global-color-text); color: var(--e-global-color-text);} .ci-popup-content .elementor-widget-text-editor p:last-of-type { margin-bottom: 0;} /* Responsive CSS */ @media ( min-width:1200px){ } @media ( max-width: 1199px) { /* Footer */ .foo-signup-form #gform_2 { flex-wrap: wrap;} .shape-top-left-to-right { clip-path: polygon(0 0, 100% 50px, 100% 100%, 0% 100%) !important; margin-top: -50px !important;} .shape-top-right-to-left { clip-path: polygon(0 50px, 100% 0, 100% 100%, 0% 100%) !important; margin-top: -50px !important;} } @media ( min-width: 992px) { .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-call-num > a.elementor-item.menu-link:hover { background-color: #FFFFFF !important; color: #262626 !important;} .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-call-num > a.elementor-item.menu-link:after { content: none;} } @media (max-width: 991px) { /* Header */ body header.has-sticky.elementor-1320 .elementor-element.elementor-element-195d610 .elementor-nav-menu__container.elementor-nav-menu--dropdown {margin-top: 45px !important;} .header-main .header-logo { flex-basis: 200px;} .elementor-nav-menu--dropdown.elementor-nav-menu__container { top: 58px !important;} /* .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children > a.has-submenu ~ ul.sub-menu.elementor-nav-menu--dropdown { min-width: unset; width: 100%; transform: unset !important; border: unset;} */ .elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item.menu-item-has-children .sub-arrow svg path { color: #ffffff !important; fill: #ffffff !important} .elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item.menu-item-has-children a:hover .sub-arrow svg path, .elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item.menu-item-has-children a:focus .sub-arrow svg path, .elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item.menu-item-has-children a.elementor-item-active .sub-arrow svg path, .elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item.menu-item-has-children a.highlighted .sub-arrow svg path, .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children.current-menu-parent > a.has-submenu svg path, .elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item.menu-item-has-children.current-menu-parent.current-page-parent .sub-arrow svg path, .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children.current-menu-parent .sub-arrow.active svg path, li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children:has(span.sub-arrow.active) > a.has-submenu ~ span.sub-arrow.active svg path{ color: var( --e-global-color-secondary ) !important; fill: var( --e-global-color-secondary ) !important; } .elementor-nav-menu--dropdown ul li.menu-item-has-children .sub-arrow { top: 11px;} .cmn-btn > a.elementor-button { padding-block: 8.5px !important; padding-inline: 10px !important;} li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children:has(span.sub-arrow.active) > a.has-submenu { border-bottom: 1px solid var(--e-global-color-primary) !important; background-color: var(--e-global-color-primary) !important; color: var( --e-global-color-text ) !important; } /* .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children.current-menu-parent { color: var(--e-global-color-text) !important; background-color: var(--e-global-color-primary) !important; } */ .elementor .mob-menu-btns .header-call-button:hover { background-color: transparent; border-color: var(--White);} .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children.current-menu-parent > a.has-submenu { color: var(--e-global-color-secondary) !important; /* background-color: var(--e-global-color-primary) !important; */ /* padding-right: 40px !important; */ background-color: unset !important; display: inline-flex; position: static !important; } /* .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-item-has-children > a.has-submenu ~ ul.sub-menu.elementor-nav-menu--dropdown > li > a { padding: 10px 20px 10px 40px !important; text-align: start;} */ /* .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-call-num > a.elementor-item.menu-link { display: inherit; text-align: inherit; padding: 15px 20px !important; color: #262626 !important; max-width: unset;} */ /* .header-menu nav ul.elementor-nav-menu > li.menu-item.menu-call-num > a.elementor-item.menu-link:hover { background-color: #FFFFFF !important; color: #262626 !important; } */ .shape-top-left-to-right { clip-path: polygon(0 0, 100% 40px, 100% 100%, 0% 100%) !important; margin-top: -40px !important;} .shape-top-right-to-left { clip-path: polygon(0 40px, 100% 0, 100% 100%, 0% 100%) !important; margin-top: -40px !important;} /* Luxury Accomodation */ .resort-carousel > .elementor-swiper-button.elementor-swiper-button-prev { left: 13px !important;} .resort-carousel > .elementor-swiper-button.elementor-swiper-button-next { right: 13px !important;} /* Contact */ .contact-info-item .header-social.foo-social.elementor-widget-social-icons { max-width: 100% !important;} } @media (min-width: 768px) and (max-width: 991px){ .header-social, .header-btns-wrap { width: 100% !important; max-width: 30% !important;} .header-logo { width: 100% !important; max-width: 35% !important; display: block;} } @media (min-width:480px) and (max-width:767px){ } @media (min-width: 768px) { .header-menu ul.elementor-nav-menu > li.menu-item.menu-item-has-children > ul > li { border-color: var(--e-global-color-secondary) !important;} } @media (max-width: 767px) { .ast-separate-container #content .ast-container { padding-inline: 0;} /* Header */ .header-main .header-logo { flex-basis: 220px;} .elementor-nav-menu--dropdown.elementor-nav-menu__container { top: 50px !important;} .elementor-nav-menu--dropdown ul li.menu-item-has-children .sub-arrow { top: 6px; } .mob-popup-wrp a.menu-link { width: max-content !important; min-width: unset !important; margin-inline: auto;} .mob-popup-wrp ul.elementor-nav-menu { display: flex; flex-direction: column; align-items: center; gap: 20px;} .mob-popup-wrp ul.elementor-nav-menu:after { content: none;} .mob-popup-wrp ul.elementor-nav-menu li { margin: unset !important;} .header-call-link .elementor-icon-box-wrapper { flex-direction: row !important;} .mob-menu-popup .elementor-icon-box-title a, .mob-menu-popup a.elementor-item.menu-link { font-size: 20px !important;} .header-social .elementor-social-icons-wrapper { display: flex; gap: 15px; justify-content: center; align-items: center;} .header-social .elementor-social-icons-wrapper span.elementor-grid-item a { font-size: 35px; width: 35px; height: 35px;} .mob-menu-btns .e-con-inner { gap: 20px !important;} .elementor-nav-menu--dropdown { background-color: transparent !important;} .mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul { position: inherit; width: auto !important; margin-top: 20px !important; margin-left: 0px !important; min-width: unset !important; max-width: inherit !important; top: initial !important; left: initial !important; } .mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul li:not(last-of-type) { margin-bottom: 20px !important; } .mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul li:last-of-type { margin-bottom: 0 !important;} .mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul li a { color: var(--e-global-color-primary) !important; padding: unset !important; text-align: center !important; border: unset !important; justify-content: center !important;} .mob-menu-popup .elementor-nav-menu .sub-arrow { color: var(--e-global-color-primary) !important; fill: var(--e-global-color-primary) !important;} .mob-menu-popup ul.elementor-nav-menu > li.menu-item.menu-item-has-children a.highlighted .sub-arrow { transform: rotate(180deg) !important; fill: var(--e-global-color-secondary) !important;} .mob-menu-popup ul.elementor-nav-menu > li.menu-item.menu-item-has-children:has(a.elementor-sub-item.elementor-item-active.menu-link) a .sub-arrow, .mob-menu-popup .elementor-nav-menu--main .elementor-item.elementor-item-active span.sub-arrow { color: var(--e-global-color-secondary) !important; fill: var(--e-global-color-secondary) !important;} .mob-menu-popup ul.elementor-nav-menu > li.menu-item.menu-item-has-children:has(a.elementor-sub-item.elementor-item-active.menu-link) > a, .mob-menu-popup .elementor-nav-menu--main .elementor-nav-menu ul li a.elementor-sub-item.elementor-item-active.menu-link { color: var( --e-global-color-secondary ) !important; background: unset;} /* Gravity Forms */ .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 15px !important;} body .gform_wrapper.gravity-theme .gfield_label { margin-bottom: 5px;} .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 1.5 !important; min-height: 35px !important;} body .gform_wrapper.gravity-theme .gfield textarea { height:100px !important; overflow-y: auto;} body .gform_wrapper.gravity-theme .gform_footer { margin-top: 15px !important;} body .foo-signup-form .gform_wrapper.gravity-theme .gform_footer { margin: unset !important;} a.elementor-button, .cmn-btn > a.elementor-button { min-width: 180px !important;} /* Footer */ .foo-menu > nav > ul.elementor-nav-menu > li.menu-item { display: flex; justify-content: center;} .cta-img-box .elementor-image-box-wrapper { display: flex; gap: 8px;} .cta-call .elementor-image-box-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px;} .shape-top-left-to-right { clip-path: polygon(0 0, 100% 30px, 100% 100%, 0% 100%) !important; margin-top: -30px !important;} .shape-top-right-to-left { clip-path: polygon(0 30px, 100% 0, 100% 100%, 0% 100%) !important; margin-top: -30px !important;} /* Home */ .mob-max-w-350 { max-width: 420px;} .testimonials-slider .elementor-main-swiper.swiper { padding-inline: 20%;} /* Blog & Single Post Page */ .posts-wrap .elementor-post__text { padding: 20px !important;} .post-feat-img img { max-height: 400px;} /* Luxury Accomodation */ .resort-carousel > .elementor-swiper-button.elementor-swiper-button-prev { left: 8px !important;} .resort-carousel > .elementor-swiper-button.elementor-swiper-button-next { right: 8px !important;} .resort-carousel .resort-slide-content-wrp { padding-inline: 50px;} /* Blog Listing */ .bl-list-loop .elementor-loop-container.elementor-grid { display: flex; flex-direction: column;} /* Post */ .post-content-elem h2, .post-content-elem h3, .post-content-elem h4, .post-content-elem h5, .post-content-elem h6 { margin-bottom: 15px;} .post-content-elem p { margin-bottom: 10px !important;} .post-content-elem p, .post-content-elem li, .post-content-elem ol, .post-content-elem ul { font-size: 16px;} .post-content-elem ol, .post-content-elem ul { margin: 0 0 15px 30px;} } @media (max-width: 480px) { /* Footer */ body .foo-signup-form .gform_wrapper.gravity-theme .gform_footer, .foo-signup-form .gform_wrapper .gform-body { width: 100% !important; max-width: 100% !important;} /* Home */ .mob-max-w-350 { max-width: 350px;} }