/* * Variables * ----------------------- */ :root { --primary: var(--ast-global-color-0); --secondary: var(--ast-global-color-1); --text: var(--ast-global-color-2); --dark: var(--ast-global-color-3); --bg: var(--ast-global-color-4); --white: var(--ast-global-color-5); --accent: var(--ast-global-color-6); --border: var(--ast-global-color-7); --black: var(--ast-global-color-8); --transition: cubic-bezier(.4,0,.2,1); --spacer: 30px; --radius: 16px; } /* * Helper Classes * ----------------------- */ .text-primary { color: var(--primary); } .text-secondary { color: var(--secondary); } .ast-header-button-1, .ast-header-button-2 { padding-top: 0 !important; padding-bottom: 0 !important; } /* * Header * ---------------------- */ .main-header-bar.ast-sticky-active, #ast-fixed-header .main-header-bar { box-shadow: none !important; } .main-header-menu > .menu-item > .menu-link { z-index: 10 !important; } .main-header-menu .sub-menu { z-index: 9 !important; box-shadow: none !important; } .ast-desktop .main-header-menu > .menu-item.astra-megamenu-li:hover .astra-megamenu:after { height: calc(100% + 80px); } .astra-megamenu:after { content: ""; position: absolute; left: 0; right: 0; top: 0; background: var(--white); width: 100%; height: 0; z-index: -1; margin-top: -80px; border-radius: 0 0 16px 16px; transition: height 0.3s var(--transition); } @media (min-width: 921px){ .site-header-primary-section-left { padding-left: var(--spacer); z-index: 10; } .site-header-primary-section-right { padding-right: var(--spacer); z-index: 10; } } /* * Mega Menu / Dropdown * ---------------------- */ .ast-desktop .ast-mega-menu-enabled .ast-hide-menu-item+.ast-mm-custom-content { margin-top: 0 !important; } .ast-desktop .astra-menu-animation-slide-down>.menu-item .menu-item.focus>.sub-menu, .ast-desktop .astra-menu-animation-slide-down>.menu-item .menu-item:hover>.sub-menu, .ast-desktop .astra-menu-animation-slide-down>.menu-item.focus>.astra-full-megamenu-wrapper, .ast-desktop .astra-menu-animation-slide-down>.menu-item.focus>.sub-menu, .ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.astra-full-megamenu-wrapper, .ast-desktop .astra-menu-animation-slide-down>.menu-item:hover>.sub-menu { transition: opacity .5s ease,visibility .5s ease,transform .5s ease !important; } /* * Offcanvas * ---------------------- */ .offcanvas .elementor-item.has-submenu { display: flex; justify-content: space-between; } .offcanvas ul ul li{ border-bottom: 0 !important; } #menu-toggle-close svg { width: 20px; height: 20px; } #block-8 p { display: none !important; } .elementor-nav-menu--dropdown { margin-top: 0; } /* * Service Listing * ---------------------- */ .service-list .elementor-nav-menu li { border-top: 1px solid var(--border); } .service-list .elementor-nav-menu li a { display: block; margin: auto; overflow: hidden; } /* * Conditions * ----------------------- */ .card-condition .elementor-cta__content { flex-direction: column; justify-content: space-between; } .elementor-bg-transform-zoom-in:hover .elementor-bg, .elementor-bg-transform-zoom-out .elementor-bg { transform: scale(1.1); } /* * Testimonials * --------------------- */ .testimonials .elementor-main-swiper { padding-bottom: 60px !important; } .testimonials .swiper-pagination-fraction { text-align: right; bottom: -20px; padding-right: 20px; } .testimonials .elementor-swiper-button { display: flex !important; position: absolute; top: auto !important; bottom: -60px !important; left: 0 !important; width: 50px !important; height: 50px !important; align-items: center; justify-content: center; z-index: 99; } .testimonials .elementor-swiper-button-next { left: 50px !important; } /* * TrustIndex Google Review * --------------------- */ .ti-widget.ti-goog .ti-review-content { line-height: 1.6 !important; font-size: 18px !important; } /* * Accordion * --------------------- */ .elementor-accordion .elementor-accordion-item:first-child { display: none; } .elementor-accordion .elementor-accordion-item { border-bottom: 1px solid var(--border) !important; } .elementor-accordion .elementor-accordion-item:last-child { border-bottom: 0 !important; } /* * Team * ----------------------- */ .team .elementor-cta__content { position: relative; padding-right: 40px; } .team .elementor-cta__content:after { content: ""; width: 32px; height: 32px; background: var(--white) url(https://bodyworks-physio.co.uk/wp-content/uploads/2023/06/plus.svg) no-repeat center center / 16px; border-radius: 32px; position: absolute; right: 30px; } /* * Map * ----------------------- */ .map { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } /* Review stars */ .rate a, .rate a:hover ~ a { color: #0e2538; text-shadow: none; transition: color 200ms, text-shadow 200ms; font-size: 72px; padding: 10px; transition-delay: 0; } @media (max-width:768px){ .rate a, .rate a:hover ~ a{ font-size:32px; padding:5px; } } .rate:hover a { color: #f49823; } .rate:hover a:nth-child(2) { transition-delay: 30ms; } .rate:hover a:nth-child(3) { transition-delay: 60ms; } .rate:hover i:nth-child(4) { transition-delay: 90ms; } .rate:hover a:nth-child(5) { transition-delay: 120ms; } /* Miscellaneous styles. */ .rate a { cursor: pointer; font-style: normal; } .elementor-widget-text-editor a:hover{ color: var(--ast-global-color-1)!important; } .post-text h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; } .team-carousel .elementor-cta__bg { background-position: top center; background-repeat: no-repeat; } .WidgetBackground__Content-sc-1ho7q3r-2 a:before{ content:""; } button#wpforms-submit-4396.wpforms-submit.wpbtn { background-color: #f49823 !important; color: white !important; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; padding: 16px 32px; border-radius: 10px; } button#wpforms-submit-4396.wpforms-submit.wpbtn:hover { background-color: #0e2538 !important; } .site-header .above-header { position: sticky; top: 0; z-index: 9999; background: #ffffff; } .ast-above-header-wrap .ast-above-header-bar { position: sticky; top: 0; z-index: 9999; }