/** Theme Name: Aquatic Pool 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: aquatic-pool-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: 207px;} /* .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: 700 !important; color: var(--White) !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(--Dark_BG) !important; fill: var(--Dark_BG) !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( --Dark_BG ) !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(--White) !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: var(--White); fill: var(--White) !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(--e-global-color-secondary); 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 { color: var(--White) !important;} .header-menu .elementor-nav-menu--main .elementor-nav-menu ul li a.elementor-sub-item.elementor-item-active.menu-link { color: var( --White ) !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(--White) !important;} .menu-item a.menu-link { text-transform: uppercase !important;} .elementor-nav-menu li.menu-item a { text-transform: unset !important;} #ast-scroll-top { background-color: var(--Light_Blue); 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(--Dark_BG); border-radius: 100px; height: 35px; padding: 3px 20px !important; color: var(--Text_101010); } .gform_heading .gform_required_legend { display: none!important;} .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 16px !important; grid-row-gap: 20px !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.75;} body .gform_wrapper.gravity-theme .gfield textarea { height: 175px !important; min-height:auto !important; resize: none!important; overflow-y: auto; border-radius: 15px !important;} 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: 25px 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: var(--e-global-color-text); 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: 25px !important;} .gform-footer .gform_button.button { display: flex; width: 100% !important; padding: 7px 20px 6px 20px !important; letter-spacing: 0px; font-weight: 600; background-color: var(--Light_Blue) !important; color: var(--White) !important; border: unset !important; border-radius: 100px; transition: all .3s ease;} .gform-footer .gform_button.button:hover, .gform-footer .gform_button.button:focus { background-color: var(--Dark_Blue) !important; color: var(--White) !important; border: unset !important;} .gform_heading { display: none;} .ginput_container.ginput_container_date .gform-datepicker { width: 100% !important;} /* Remove native arrow + make room for custom one */ body .gform_wrapper.gravity-theme select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: none !important; padding-right: 24px !important;} .gform_wrapper .ginput_container_select{ position: relative;} /* Draw a small outlined chevron-down like your design */ .gform_wrapper .ginput_container_select:after{ content: ""; position: absolute; right: 17px; top: 50%; width: 6px; height: 6px; border-right: 1px solid #0082BF; border-bottom: 1px solid #0082BF; transform: translateY(-60%) rotate(45deg); transform-origin: center center; pointer-events: none; transition: all .3s ease; } /* Footer */ .foo-links-menu a.menu-link { display: inline-block;} .elementor-social-icon-FB path.s0, .elementor-social-icon-Instagram path.s1 { fill: #ffffff;} .elementor-social-icon-FB path.s1, .elementor-social-icon-Instagram path.s0 { fill: #0082bf;} .foo-hrs p { display: flex; width: 100%; gap: 25px;} .foo-hrs p:last-of-type { gap: 35px;} .foo-hrs p:first-of-type { gap: 22px;} .foo-map-areas-wrap .foo-text.elementor-widget-text-editor { max-height: 268px; overflow: auto;} .foo-map-areas-wrap .foo-text.elementor-widget-text-editor p { height: 100%;} /* Common Styling */ .d-none { display: none !important;} a.elementor-button, .cmn-btn > a.elementor-button { min-width: 175px !important; border: unset !important; border-radius: 100px !important; transition: all .3s ease; } .cmn-btn-light-blue, .btn-white, .btn-hover-light-blue, .btn-hover-dark-blue { border: unset !important; border-radius: 100px !important; color: var(--White) !important; transition: all .3s ease; } .cmn-btn-light-blue { background-color: var(--Light_Blue);} .btn-white { background-color: var(--White) !important; color: var(--e-global-color-text) !important;} .btn-hover-light-blue:hover { background-color: var(--Light_Blue) !important; color: var(--White) !important;} .btn-hover-dark-blue:hover { background-color: var(--Dark_Blue) !important; color: var(--White) !important;} .btn-hover-white-bg { transition: all .3s ease !important;} .btn-hover-white-bg:hover { color: var(--Text_101010) !important; background-color: var(--White) !important; transition: all .3s ease !important;} /* ol, ul { margin: 0 0 20px; list-style-position: inside;} ol li::marker, ul li::marker { color: var(--Dark_Blue);} */ .sec-content-wrap ol, .sec-content-wrap ul { margin: unset; list-style: none;} .sec-content-wrap ol li, .sec-content-wrap ul li { list-style: none; padding-left: 15px; position: relative; margin-bottom: 5px;} .sec-content-wrap ol li:last-of-type, .sec-content-wrap ul li:last-of-type { margin-bottom: unset !important;} .sec-content-wrap ol li::before, .sec-content-wrap ul li::before { font-size: 16px; line-height: inherit; position: absolute; left: 0; top: 0; color: var(--Dark_Blue);} .sec-content-wrap ol li::before { content: counter(list-number) '.';} .sec-content-wrap ul li::before { content: '●';} .ul-mb-none ul { margin-bottom: 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://aquatic-pool-spa-services-inc.websitepro-staging.com/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://aquatic-pool-spa-services-inc.websitepro-staging.com/wp-content/uploads/2026/01/image-07.png') no-repeat center center / 16px 16px;} */ .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;} /* 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://aquatic-pool-spa-services-inc.websitepro-staging.com/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://aquatic-pool-spa-services-inc.websitepro-staging.com/wp-content/uploads/2026/01/image-10.png') no-repeat center / contain;} */ .faq-acc h3.e-n-accordion-item-title-text { color: var(--Dark_Blue); font-weight: bold;} .faq-acc h3.e-n-accordion-item-title-text:hover { color: var(--Light_Blue);} .faq-acc .e-n-accordion-item { border: 1px solid var(--Light_Blue); border-bottom: unset;} .faq-acc .e-n-accordion-item:last-of-type { border-bottom: 1px solid var(--Light_Blue);} .faq-acc-wrp summary.e-n-accordion-item-title { transition: all .3s ease;} .faq-acc-wrp summary.e-n-accordion-item-title[aria-expanded="true"] { padding-bottom: 10px;} /* Blog Listing */ .e-loop-item.post { background: unset; border-radius: 15px;} .bl-item-main { border-radius: 15px !important;} .posts-wrap a.elementor-post__thumbnail__link { margin: unset;} .bl-info-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word;} .bl-info-excerpt p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;} .bl-info-arrow-btn svg { width: 27px; height: auto; transform: unset; transition: all .8s ease;} .bl-info-arrow-btn svg path.s0 { transition: all .3s ease;} .bl-info-arrow-btn:hover svg { transform: translatex(5px); width: 35px;} .bl-info-arrow-btn:hover svg path.s0 { fill: var( --Dark_Blue ) !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: 35px 15px !important; text-transform: capitalize; color: var( --Dark_Blue ) !important;} .post-title.elementor-page-title h2.elementor-heading-title { margin: unset !important;} .single-content-wrap a { color: var( --Light_Blue ) !important; transition: all .3s ease;} .single-content-wrap a:hover { color: var(--Dark_Blue) !important;} .single-content-wrap ol, .post-content-wrp ul { margin: 0 0 15px 25px;} .single-content-wrap ol li:not(:last-of-type), .post-content-wrp ul li:not(:last-of-type) { margin-bottom: 5px;} .single-content-wrap p { margin-bottom: 15px;} .single-content-wrap .wp-block-image { text-align: center; margin: 0 auto !important; box-shadow: unset !important;} .single-content-wrap img { margin-block: 15px !important; width: 100%; height: 100%; max-width: clamp(775px, 50vw, 75%) !important; max-height: 436px; object-fit: cover; object-position: center center; box-shadow: unset !important;} .single-content-wrap figure.wp-block-image + figure.wp-block-image > img { margin-top: unset !important;} .post-content-elem h2, .post-content-elem h3, .post-content-elem h4, .post-content-elem h5, .post-content-elem h6 { color: var( --Dark_Blue ) !important; font-weight: 600 !important; margin-bottom: 15px;} .post-content-elem b, .post-content-elem strong { font-weight: 600 !important;} .post-content-elem p, .post-content-elem h2, .post-content-elem h3, .post-content-elem h4, .post-content-elem h5, .post-content-elem h6, .post-content-elem li { color: var( --e-global-color-text );} .post-content-elem p { margin-bottom: 20px !important;} .post-content-elem p:first-of-type { margin-bottom: 35px !important;} .post-content-elem p:last-of-type { margin-bottom: 0px !important;} .post-content-elem ol, .post-content-elem ul { margin: 0 0 20px 20px;} .post-content-elem ol li::marker, .post-content-elem ul li::marker { color: var( --Light_Blue ) !important;} .post-content-elem ol li strong, .post-content-elem ul li strong { color: var( --Dark_Blue ) !important;} .post-content-elem p:has(+ ul), .post-content-elem p:has(+ ol) { margin-bottom: 20px !important;} .post-content-elem a, .postside-bar-posts a { color: var( --e-global-color-text ); font-weight: 600; transition: all .3s ease;} .post-content-elem a:hover, .postside-bar-posts a:hover { color: var( --Light_Blue ) !important;} .single-feat-img img { margin: unset !important; max-width: 100% !important;} .single-meta-wrap { padding-bottom: 40px;} .postside-bar .side-bar-title { margin-bottom: 25px; padding: unset !important;} .postside-bar .side-bar-container h4.elementor-post__title { margin: unset !important;} .postside-bar .side-bar-container > .e-con-inner { gap: 40px;} .postside-bar .single-cat-list h5 { display: none;} .postside-bar .single-cat-list ul { margin: unset; display: flex; flex-direction: column; align-items: flex-start; gap: 20px;} .postside-bar .side-bar-container li.cat-item {list-style: none;} .postside-bar .side-bar-container li.cat-item a { font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: 0px; color: #101010; font-family: "Open Sans", Sans-serif; transition: all .3s ease; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; } .postside-bar .side-bar-container li.cat-item a:hover { color: var( --e-global-color-primary );} /* Privacy Page */ .legal-text-wrapper h2, .legal-text-wrapper h3, .legal-text-wrapper h4, .legal-text-wrapper h5, .legal-text-wrapper h6 { color: var(--Dark_Blue);} .legal-text-wrapper h2, .legal-text-wrapper h3, .legal-text-wrapper h4, .legal-text-wrapper h5, .legal-text-wrapper h6 { margin-top: 20px; margin-bottom: 15px;} /* .legal-text-wrapper h2:first-child, .legal-text-wrapper h3:first-child, .legal-text-wrapper h4:first-child, .legal-text-wrapper h5:first-child, .legal-text-wrapper h6:first-child { margin-top: 0;} */ .legal-text-wrapper > ol { margin-bottom: unset;} .legal-text-wrapper ol+p, .legal-text-wrapper ul+p { margin-top: 15px;} .legal-text-wrapper p { padding: unset !important; margin-bottom: 15px !important;} .legal-text-wrapper p:last-child { margin-bottom: 0 !important;} .legal-text-wrapper a { color: var(--Light_Blue) !important;} .legal-text-wrapper a:hover { color: var(--Dark_Blue) !important;} /* Home Page */ .home-card-wrap::after { position: absolute; content: ""; background-color: rgb(16 16 16 / 58%); inset: 0; display: block; width: 100%; height: 100%; z-index: 1; transition: all .3s ease;} .home-card-wrap:hover::after { background-color: rgb(16 16 16 / 39%);} .home-card-wrap .home-card-img { transform: scale(1); transition: all .8s ease;} .home-card-wrap:hover .home-card-img { transform: scale(1.2);} .home-card-wrap svg { width: 27px; height: auto; transform: unset; transition: all .8s ease;} .home-card-wrap:hover svg { transform: translatex(5px); width: 40px;} .home-card-wrap svg path { fill: var(--White);} .title-text-arrow-icon-box, .title-text-arrow-icon-box > .elementor-icon-box-wrapper { height: 100%;} .arrow-hover-anim svg { width: 27px; height: auto; transform: unset; transition: all .8s ease;} .arrow-hover-anim svg path { fill: var(--Dark_Blue); transition: all .3s ease;} .arrow-hover-anim:hover svg { transform: translatex(10px) scaleX(1.25);} .arrow-hover-anim:hover svg path { fill: var(--Light_Blue);} .testimonial-img-box { height: 100%;} .testimonial-img-box .elementor-image-box-wrapper { height: 100%; display: flex; flex-direction: column; align-items: flex-start;} .testimonial-img-box .elementor-image-box-content { display: flex; flex-direction: column-reverse; flex-grow: 1; justify-content: space-between; gap: 15px; } .cta-sec h2 { text-align: center;} /* About Page */ .logos-slider .swiper-slide img { height: 100%; max-height: 94px;} /* Service Pages */ .faq-acc { max-width: 950px !important; margin-inline: auto;} /* Gallery Page */ .elementor-gallery__titles-container { gap: 10px 35px;} .elementor-gallery-title { padding: 0px 5px !important; margin: unset !important; color: var(--Dark_Blue) !important;} .elementor-gallery-title::after, .elementor-gallery-title::before { content: none !important;} a.elementor-gallery-title.elementor-item-active, a.elementor-gallery-title:hover { color: var(--White) !important; background-color: var( --e-global-color-primary ) !important;} a.elementor-gallery-title.elementor-item-active:hover { color: var(--White) !important;} /* Contact */ .con-info g#phone path {fill: var(--White) !important;} .con-info svg.e-font-icon-svg { margin: unset !important;} /* Hot Spring Spas Inner pages */ .e-tabs-menu-base .e-tab-base.e--selected { background-color: var(--Light_Blue) !important; color: var(--White) !important;} .features-slider .swiper-pagination, .e-tabs-base .swiper-pagination { left: 50% !important;} /* Responsive CSS */ @media (min-width: 1200px) and (max-width: 1360px){ .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a { margin-inline: 14px !important;} /* Footer */ .foo-hrs p { gap: 13px;} .foo-hrs p:last-of-type { gap: 24px;} .foo-hrs p:first-of-type { gap: 10px;} } @media ( min-width:1200px){ } @media ( max-width: 1024px) { /* Hot Spring Spas Inner pages */ /* .product-img-box .elementor-image-box-img { background-color: #ffffff !important;} */ .product-img-box .elementor-image-box-img img {object-fit: contain !important;} } @media (min-width: 991px) and (max-width: 1199px){ .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a { margin-inline: 8px !important;} /* Footer */ .foo-hrs p { gap: 8px;} .foo-hrs p:last-of-type { gap: 19px;} .foo-hrs p:first-of-type { gap: 5px;} } @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: var(--Light_Blue) !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;} .header-menu nav ul.elementor-nav-menu > li.menu-item.current-menu-item.current_page_item > a.elementor-item-active.menu-link::after { content: none !important;} .elementor-nav-menu .sub-arrow { display: none !important;} } @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: var(--Dark_BG) !important; fill: var(--Dark_BG) !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( --White ) !important; fill: var( --White ) !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( --White ) !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; font-weight: bold !important; background-color: unset !important; display: inline-flex; position: static !important;} .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; } .header-logo { margin-inline: 0 auto !important;} .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;} .mob-menu-popup .elementor-icon-box-title a, .mob-menu-popup a.elementor-item.menu-link { font-size: 20px !important;} .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(--Dark_BG) !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(--Dark_BG) !important; fill: var(--Dark_BG) !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(--White) !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(--White) !important; fill: var(--White) !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( --White ) !important; font-weight: bold; background: unset;} /* Single Post */ .postside-bar .side-bar-container li.cat-item a { font-size: 20px; line-height: 24px;} .postside-bar .single-cat-list ul { gap: 15px;} } @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;} */ /* ============================================ STORY TIMELINE CUSTOM CSS - XD Design Match ============================================ */ .twae-vertical.twae-wrapper .twae-timeline { padding: unset !important;} .twae-vertical.twae-wrapper .twae-timeline:before { width: 1px !important; height: calc( 100% - 80px) !important;} .twae-vertical.twae-wrapper .twae-start, .twae-vertical.twae-wrapper .twae-end { display: none !important;} .twae-vertical.twae-wrapper .twae-story:first-of-type::before, .twae-vertical.twae-wrapper .twae-story:last-of-type::before { display: block; content: ''; height: 50%; background: #ffffff; width: 14px; position: absolute; z-index: 10; } .twae-vertical.twae-wrapper .twae-story:first-of-type::before {top: -3px;right: -55px;} .twae-vertical.twae-wrapper .twae-story:last-of-type::before { bottom: -5.5px; right: -55px;} .twae-wrapper .twae-icondot { width: calc(9px / 2) !important; height: calc(9px / 2) !important;} .twae-wrapper .twae-content { border-radius: 15px !important; box-shadow: unset !important;} /* .twae-vertical.twae-wrapper .twae-icondot { left: -53px !important; top: calc(var(--tw-ibx-position) * 1% - 9px * var(--tw-ibx-position) / 100 + 9px / 4) !important;} */ /* .twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-icondot { left: auto !important; right: -51px !important;} */ .twae-vertical.twae-wrapper .twae-icondot::before, .twae-vertical.twae-wrapper .twae-icondot::after { content: none ;} .twae-vertical.twae-wrapper .twae-story .twae-content { padding: 23px 25px 25px 31px;} .twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-content { padding: 23px 37px 25px 25px;} .twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-title, .twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-description { justify-content: left !important; text-align: left !important; margin-left: 0 !important; margin-right: auto !important; } .twae-vertical.twae-wrapper .twae-story.twae-story-right .twae-title, .twae-vertical.twae-wrapper .twae-story.twae-story-right .twae-description { justify-content: right !important; text-align: right !important; margin-left: auto !important; margin-right: 0 !important; } .twae-vertical.twae-wrapper .twae-story { float: left !important;} .twae-vertical.twae-wrapper .twae-story.twae-story-left { float: right !important;} .twae-vertical.twae-wrapper .twae-icondot { left: auto !important; right: -51px !important; top: calc(var(--tw-ibx-position) * 1% - 9px * var(--tw-ibx-position) / 100 + 9px / 4) !important;} .twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-icondot { right: auto !important; left: -53px !important; } .twae-vertical.twae-wrapper .twae-arrow { right: calc(var(--tw-ibx-size) / 7 - var(--tw-ibx-size) / 3.5 + var(--tw-cbx-bd-left-width) / 3); left: auto !important;transform: rotate(225deg);} .twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-arrow { left: calc(var(--tw-ibx-size) / 7 - var(--tw-ibx-size) / 3.5 + var(--tw-cbx-bd-left-width) / 3) !important; right: unset !important;} /* ============================================ TIMELINE CSS END ============================================ */ } @media (max-width: 767px) { .ast-separate-container #content .ast-container { padding-inline: 0;} /* Header */ /* .header-main .header-logo { flex-basis: 220px;} */ .header-btns-wrap.mob-menu-btns { display: flex !important;} /* 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: 140px !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: 150px !important;} /* Footer */ .foo-menu > nav > ul.elementor-nav-menu > li.menu-item { display: flex; justify-content: center;} /* Home */ .sec-h2 h2.elementor-heading-title { line-height: 32px !important;} /* Blog Listing */ .bl-list-loop .elementor-loop-container.elementor-grid { display: flex; flex-direction: column;} /* Blog & Single Post Page */ .posts-wrap .elementor-post__text { padding: 20px !important;} .post-feat-img img { max-height: 400px;} .post-content-elem ol li:not(:last-of-type), .post-content-elem ul li:not(:last-of-type) { margin-bottom: 7px;} .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;} .postside-bar .side-bar-container li.cat-item a { font-size: 18px; line-height: 22px;} .single-content-wrap img { height: 100% !important; max-height: 350px !important; object-fit: cover; object-position: center center;} /* ============================================ STORY TIMELINE CUSTOM CSS - XD Design Match ============================================ */ .twae-vertical.twae-wrapper .twae-timeline { padding: unset !important;} .twae-vertical.twae-wrapper .twae-timeline:before { width: 1px !important; height: calc( 100% - 80px) !important; left: 0 !important;} .twae-vertical.twae-wrapper .twae-start, .twae-vertical.twae-wrapper .twae-end { display: none !important;} .twae-vertical.twae-wrapper .twae-story:first-of-type::before, .twae-vertical.twae-wrapper .twae-story:last-of-type::before { display: block; content: ''; height: 50%; background: #ffffff; width: 14px; position: absolute; z-index: 10; } .twae-vertical.twae-wrapper .twae-story:first-of-type::before {top: -2.5px;left: -27px;} .twae-vertical.twae-wrapper .twae-story:last-of-type::before { bottom: -5.5px; left: -27px;} .twae-wrapper .twae-icondot { width: calc(9px / 2) !important; height: calc(9px / 2) !important;} .twae-wrapper .twae-content { border-radius: 15px !important; box-shadow: unset !important; padding: 20px !important;} .twae-vertical.twae-wrapper .twae-icondot { left: -27.5px !important; top: calc(var(--tw-ibx-position) * 1% - 9px * var(--tw-ibx-position) / 100 + 9px / 4) !important;} .twae-vertical.twae-wrapper .twae-arrow, .twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-arrow { top: calc(var(--tw-ibx-position) * 1% - 9px * var(--tw-ibx-position) / 100 + 9px / 4) !important;} /* .twae-vertical.twae-wrapper .twae-story.twae-story-left .twae-icondot { left: auto !important; right: -52px !important;} */ .twae-vertical.twae-wrapper .twae-icondot::before, .twae-vertical.twae-wrapper .twae-icondot::after { content: none ;} .twae-vertical.twae-wrapper .twae-story { width: calc(100% - 24px * 1) !important;} /* ============================================ TIMELINE CSS END ============================================ */ /* highlife collection */ .features-slider .elementor-element img{ min-height: 480px; object-fit: cover; } .elementor-lightbox .elementor-lightbox-item { padding: 70px 25px !important; } .features-slider .features-main{ min-height: 451px; height: 100%; } } @media (max-width: 580px){ .features-slider .elementor-element img { min-height: auto; } } @media (max-width: 480px) { /* Footer */ /* Home */ .mob-max-w-350 { max-width: 350px;} }