/**
Theme Name: Vector Theme
Author: Bojan Neskovic / Nemanja Djordjevic
Author URI: http://wpastra.com/about/
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.1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pistol-theme
Template: astra
*/
/* Base Layout */
html {
scroll-behavior: smooth;
}
.ast-right-sidebar #primary {
display:none;
}
.single .ast-container {
flex-direction:column;
}
.ast-container, .ast-container-fluid {
margin: 0 auto;
padding:0!important;
}
.bw-mode img:not(header .site-logo-img .custom-logo-link img, .footer-logo) {
filter: grayscale(100%);
}
.bw-mode .cta-background-image, .bw-mode .pages-section .card img, .bw-mode .program-goals-section .hover-bg-overlay {
filter: grayscale(100%);
}
.bw-mode .blog-post::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: inherit;
background-size: cover;
background-position: center;
filter: grayscale(100%);
z-index: 0;
pointer-events: none;
}
.bw-mode .recent-post-image::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: inherit;
background-size: cover;
background-position: center;
filter: grayscale(100%);
z-index: 0;
pointer-events: none;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px !important;
}
.bw-mode .recent-post-image {
position: relative;
}
.ast-main-header-nav-open {
background-color:#fff!important;
}
/* Mobile floating bar */
.error404 .mobile-floating-bar {
display:none!important;
}
.mobile-floating-bar {
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: #FFF;
color: white;
padding: 15px 30px;
display: flex;
gap: 15px;
z-index: 40;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
font-size: 14px;
width: 100%;
transition: transform 0.3s ease, opacity 0.3s ease;
justify-content: space-between;
}
.mobile-floating-bar.hidden {
transform: translateX(-50%) translateY(100%);
opacity: 0;
pointer-events: none;
}
.mobile-floating-bar .bar-link {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
text-decoration: none;
line-height: 18px;
width: calc(33.333% - 10px);
flex: 0 0 calc(33.333% - 10px);
word-break: break-word;
min-width: 0;
}
.mobile-floating-bar .bar-link .icon {
margin-bottom: 5px;
flex-shrink: 0;
}
.mobile-floating-bar .modal-button-header {
width: calc(33.333% - 10px);
flex: 0 0 calc(33.333% - 10px);
}
.mobile-floating-bar .modal-button-header .bar-link {
width: 100%;
flex: none;
}
@media(min-width:769px) {
.mobile-floating-bar {
display:none;
}
}
.preheader {
padding: 10px 20px;
position: relative;
margin-bottom: 0;
}
.preheader p {
margin-bottom: 0px;
font-size:18px;
line-height:24px;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{
background: #000;
}
.footer-bar-navigation {
display:flex;
}
/* Separate the button visually from menu items */
.main-header-menu > .menu-item.pt-menu-btn {
margin-left: auto;
}
.main-header-menu {
display: flex;
align-items: center;
}
.main-header-menu > .menu-item.pt-menu-btn {
margin-left: auto;
}
@media(max-width:1150px) {
.main-header-menu > .menu-item.pt-menu-btn {
margin-left:35px;
}
}
.ast-header-navigation-arrow .ast-arrow-svg, .ast-menu-toggle .ast-arrow-svg {
display: none !important;
}
.ast-header-navigation-arrow::before, .ast-menu-toggle::before {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 6px;
vertical-align: middle;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid ;
position:relative;
z-index: 1;
}
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children.open > .ast-menu-toggle .ast-icon.icon-arrow {
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children.open > .ast-menu-toggle .ast-icon.icon-arrow {
transform: rotate(180deg);
transition: transform 0.3s ease;
}
@media(max-width:1024px) {
.ast-header-navigation-arrow::before, .ast-menu-toggle::before {
margin-top:3px;
}
}
@media(max-width:1024px) {
.ast-mobile-popup-drawer .pt-menu-btn {
padding-bottom:50px!important;
}
.ast-mobile-popup-drawer .pt-menu-btn > .menu-link {
background:#fff!important;
max-width:fit-content;
padding:17px 28px!important;
margin:auto;
margin-top:50px!important;
color:#000;
border:1px solid #FFFFFF!important;
}
.ast-mobile-popup-drawer .pt-menu-btn > .menu-link:hover {
background:transparent!important;
color:#ffffff!important; }
button#menu-toggle-close {
margin: 0 0 0 auto;
margin-right:30px;
}
}
@media(max-width:768px) {
button#menu-toggle-close {
margin-right:20px;
}
}
.ast-theme-transparent-header.ast-header-break-point #ast-mobile-header > .ast-main-header-wrap > .main-header-bar {
min-height:90px;
}
.ahfb-svg-iconset svg {
width:35px;
height:35px;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
height: 90px;
}
@media(min-width:768px) {
.ast-mobile-popup-drawer .mobile-popup-logo img {
margin-left:30px;
}
}
@media(max-width:768px) {
.ast-mobile-popup-drawer .mobile-popup-logo img {
margin-left:20px;
}
}
body.admin-bar .ast-mobile-popup-drawer, body.admin-bar .ast-mobile-popup-drawer .ast-mobile-popup-inner {
top:0px;
}
.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
padding:0px;
margin-right:20px;
}
/* Header Styles */
.site-header {
border-bottom:1px solid #FFFFFF52!important;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:not(.pt-menu-btn) {
padding-top:10px;
}
.ast-logo-title-inline .ast-site-identity {
padding:0px;
}
.ast-theme-transparent-header #masthead {
top: 0;
left: 0;
width: 100%;
transition: transform 0.3s ease-in-out;
}
.ast-builder-menu-1 .menu-item.current-menu-item>.menu-link,
.menu-item.current-menu-item>.ast-menu-toggle {
color: #fafafa;
opacity: 0.8;
}
.ast-theme-transparent-header #masthead.scrolled {
transform: translateY(0);
}
.ast-theme-transparent-header #masthead:not(.scrolled) {
transform: translateY(0%);
}
#masthead {
transition: none;
}
#masthead.scrolled {
transition: top 0.3s ease;
}
.ast-theme-transparent-header .header-placeholder {
display: none;
}
.ast-logo-title-inline .site-logo-img {
padding-top: 16px;
}
.main-header-bar .ast-builder-grid-row {
width: 100%;
}
.main-header-bar {
border-bottom-width: 0;
}
/* Navigation Menu */
.ast-desktop .main-header-menu:not(#ast-hf-mobile-menu) .sub-menu {
padding: 20px 20px 15px 20px;
background-color: #000!important;
}
@media(min-width:1025px) {
.main-header-menu .sub-menu .menu-item {
padding: 10px;
max-width:fit-content;
}
}
.main-header-menu .sub-menu .menu-item-type-custom.current-menu-item:not(:nth-child(1)) a {
color: inherit !important;
}
.main-header-menu ul.sub-menu .menu-link {
padding: 0.2em 0 0.2em 0;
border-width: 0;
}
/*menu underlines*/
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:not(.pt-menu-btn):hover:after {
width: 80%;
height: 2px;
margin: 10px auto 0;
opacity: 90%;
transition: all 0.3s ease-in-out;
background-color: #fff!important;
}
@media(min-width:1025px) {
.main-header-menu .sub-menu .menu-item:hover:after {
width: 100%;
height: 2px;
margin: 10px 0 0;
opacity: 90%;
transition: all 0.3s ease-in-out;
background-color: #fff!important;
}
.main-header-menu .sub-menu .menu-item:after{
content: '';
display: block;
width: 0%;
height: 2px;
margin: 10px 0 0;
opacity: 30%;
transition: all 0.3s ease-in-out;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:not(.pt-menu-btn):after{
content: '';
display: block;
width: 0%;
height: 2px;
margin: 10px auto 0;
opacity: 30%;
transition: all 0.3s ease-in-out;
}
}
#astra-footer-menu>.menu-item>.menu-link:after {
content: '';
display: block;
width: 0%;
height: 2px;
margin: 5px auto 0;
opacity: 30%;
transition: all 0.3s ease-in-out;
}
#astra-footer-menu>.menu-item>.menu-link:hover:after{
width: 80%;
height: 2px;
margin: 5px auto 0;
opacity: 90%;
transition: all 0.3s ease-in-out;
background-color: #fff!important;
}
#astra-footer-menu>.current-menu-item>.menu-link:after {
width: 80%;
height: 2px;
margin: 5px auto 0;
opacity: 90%;
transition: all 0.3s ease-in-out;
background-color: #fff!important;
}
.current-menu-item::after, .ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .current-menu-item > .menu-link::after{
width: 80%!important;
height: 2px;
margin: 10px auto 0;
opacity: 90%!important;
transition: all 0.3s ease-in-out;
background-color: #fff!important;
}
.sub-menu .current-menu-item::after {
width:100%!important;
}
@media(max-width:1024px) {
.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner a:after, .footer-email a:after, .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner a:after, .footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner a:hover:after, .footer-email a:hover:after, .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner a:hover:after {
margin: 5px auto 0!important;}
.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner a:hover:after {
width:100%!important;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link:not(.pt-menu-btn>.menu-link):after{
content: '';
display: block;
width: 0%;
height: 2px;
margin: 5px auto 0;
opacity: 30%;
transition: all 0.3s ease-in-out;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link:not(.pt-menu-btn>.menu-link):hover:after{
width: 40%;
height: 2px;
margin: 5px auto 0;
opacity: 90%;
transition: all 0.3s ease-in-out;
background-color: #fff!important;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .current-menu-item > .menu-link:not(.pt-menu-btn>.menu-link):after{
content: '';
display: block;
width: 40%!important;
height: 2px;
margin: 5px auto 0;
opacity: 90%;
transition: all 0.3s ease-in-out;
background-color: #fff!important;
}
.main-header-menu .sub-menu .menu-item-type-custom.current-menu-item {
color:#fff!important
}
}
.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner a, .footer-email a, .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner a {
display:flex;
flex-direction:column;
width:fit-content;}
.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner a:after, .footer-email a:after, .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner a:after {
content: '';
display: block;
width: 0%;
height: 2px;
margin: 5px 0 0;
opacity: 30%;
transition: all 0.3s ease-in-out;
}
.footer-widget-area[data-section="sidebar-widgets-footer-widget-2"].footer-widget-area-inner a:hover:after, .footer-email a:hover:after, .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner a:hover:after {
width: 100%;
height: 2px;
margin: 5px 0 0;
opacity: 90%;
transition: all 0.3s ease-in-out;
background-color: #fff!important;
}
.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner a:hover:after {
width:80%;
}
.ast-header-break-point .main-navigation .stack-on-mobile li {
background-color:#000000;
}
/* Menu Toggle */
button.menu-toggle.main-header-menu-toggle,
button#menu-toggle-close {
background-color: transparent !important;
outline: none;
border: none;
}
/* Footer Links and Text */
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
border-top: 1px solid #4F4F4F;
padding-top:30px;
}
@media(max-width:1024px) {
.ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-equal .ast-builder-grid-row {
grid-template-columns: repeat( 1,1fr );
}
#astra-footer-menu {
justify-content:center;
}
}
.site-footer {
overflow:hidden;
}
.email-subwidget-title{
padding-top:15px!important;
}
.address-subwidget-title, .phone-subwidget-title, .email-subwidget-title {
color: #9d9d9d;
font-weight: 400;
text-transform: uppercase;
padding-bottom: 5px;
}
.site-footer a {
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.widget-title {
font-size: 22px!important;
font-weight:700;
margin-bottom: 14px;
color:#ffffff!important;
}
.footer-copyright {
font-size: 16px;
font-weight: 500;
margin-top: 18px;
line-height: 18px;
color: #fff;
position: relative;
}
.footer-copyright a {
font-size: 16px;
font-weight: 900;
}
/* Contact Information */
.footer-phone a {
font-weight: 700;
}
.footer-address {
margin-bottom: 15px;
}
.footer-address a {
font-weight: 400;
line-height: 22px;
transition: none !important;
}
.footer-email a {
text-transform: lowercase;
}
/* Footer Logo */
.footer-logo {
margin-bottom: 10px;
}
img.footer-logo {
margin-bottom: 32px;
}
header .custom-logo-link img {
display: block;
}
/* Opening Hours */
.opening-hours span {
font-weight: 500;
}
.opening-hours li {
line-height: 28px !important;
font-size: 18px;
padding-left: 60px;
position: relative;
margin-bottom:8px!important;
}
.opening-hours li span:first-of-type {
position: absolute;
left: 0;
}
.opening-hours ul {
list-style: none;
margin: 0;
}
/* Social Media */
.x-icon {
margin-top:3px;
}
.instagram-icon {
margin-top:5px;
}
.pt-footer-social-media {
list-style: none;
display: flex;
margin: 0;
padding: 0;
justify-content: flex-end;
gap:15px;
}
.pt-footer-social-media li {
display: inline;
}
.pt-footer-social-media a {
display: flex;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
color: #000000!important;
font-size: 22px;
text-decoration: none;
transition: all 0.3s ease-in-out;
background:#fff;
}
.pt-footer-social-media a:hover {
background-color:#d1d1d1;
transition: all 0.3s ease-in-out;
}
.pt-footer-social-media .yelp-icon {
width: 18px;
height: 18px;
display: inline-block;
position: relative;
top: -2px;
}
.custom-facebook-icon {
width: 22px;
margin-top: 2px;
}
/* Partners Logo Grid */
.partners-logo-container {
display: grid;
grid-template-columns: repeat(1, 137px);
column-gap: 5px;
row-gap: 20px;
align-items: flex-end;
}
.partners-logo-container img {
object-fit: contain;
height: auto;
}
.partners-logo-container a {
margin-right: 15px;
}
/* Footer Menu */
#astra-footer-menu {
flex-direction: row;
flex-wrap: wrap;
margin: 0px !important;
column-gap:24px;
}
#astra-footer-menu .menu-item>a {
font-weight: 600;
text-transform: capitalize;
padding-left: 0px;
line-height: 24px;
}
#astra-footer-menu>.menu-item>.menu-link {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
}
/* Media Queries */
@media (max-width: 1024px) {
.pt-footer-social-media {
margin-top:20px;
}
.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
top:0px;
right:calc( 30px - 0.907em );
}
.address-subwidget-title, .phone-subwidget-title, .email-subwidget-title {
font-size:16px;
}
.custom-facebook-icon {
margin-top: 0px;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item .sub-menu .menu-link {
padding: 12px 10px;
}
.ast-header-break-point .main-navigation ul .sub-menu .menu-item:not(.menu-item-has-children) .menu-link .icon-arrow:first-of-type {
display:none;
}
.main-header-menu > .menu-item.pt-menu-btn {
margin-left:0px!important;
}
/* Header Mobile */
.ast-header-break-point .main-navigation ul .menu-item .sub-menu .menu-link {
font-size: 16px !important;
}
.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
padding-right: 0px;
}
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
font-size: 18px !important;
line-height: 22px;
font-weight:500;
}
.main-header-menu .sub-menu .menu-item {
padding: 0px;
}
.ast-bui1lder-menu-mobile .main-navigation .menu-item.menu-item-has-children>.ast-menu-toggle {
right: 20px;
background-color: transparent !important;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
width: 35px;
height: 35px;
}
.ast-logo-title-inline .site-logo-img {
padding-top: 0px;
}
/* Footer Layout */
.site-footer a {
text-align: center;
}
.subwidget-title {
text-align: center;
}
.subwidget-title>div {
display:none;
}
.site-footer-primary-section-1,
.site-footer-primary-section-3 {
width: 45%;
flex-grow: 1;
margin-top: 20px;
}
.site-footer-primary-section-1 {
order: 1;
display: flex;
flex-wrap: wrap;
}
.site-footer-primary-section-3 {
align-items: center;
order: 3;
}
.site-footer-primary-section-2,
.site-footer-primary-section-4 {
width: 45%;
flex-grow: 1;
align-items: center;
margin-top: 20px;
}
.site-footer-primary-section-2 {
order: 2;
}
.site-footer-primary-section-4 {
order: 4;
padding:0px 50px }
/* Footer Elements */
.footer-widget-area {
text-align: center!important;
}
.widget-title {
display: flex;
justify-content: center;
margin-bottom: 14px;
text-align: center;
}
.footer-address a,
.footer-phone,
.footer-email,
.pt-footer-social-media {
display: flex;
justify-content: center;
flex-wrap: wrap;
text-align: center;
}
.pt-footer-social-media li a {
font-size:28px;
}
.site-footer a {
font-size: 16px;
line-height: 22px;
}
.footer-copyright {
text-align: center;
}
/* Opening Hours */
.opening-hours ul {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.opening-hours li span:first-of-type {
position: relative;
width: 70px;
}
.opening-hours ul li {
font-size: 16px;
padding-left:0px;
justify-content: space-between;
display: flex;
line-height: 26px!important;
}
.opening-hours {
max-width:220px!important;
margin:auto;
}
.opening-hours .hour {
text-align: right!important;
}
.opening-hours .day {
display: flex;
justify-content: flex-start;
}
.opening-hours ul {
align-items:stretch;
}
/* Footer Logo */
img.footer-logo {
margin: auto;
margin-bottom: 32px;
}
.footer-logo {
display: flex;
flex-direction: column;
justify-content: center !important;
}
/* Footer Menu */
#astra-footer-menu {
display: flex;
align-items: center;
margin: 0 30px 0 0;
row-gap:10px;
}
#astra-footer-menu:before {
align-self: center;
}
#astra-footer-menu .menu-item a:hover:after {
left: 0;
width: 100%;
}
/* Partners Logo */
.partners-logo-container {
display: grid;
flex-wrap: wrap;
justify-content: center;
column-gap: 15px;
}
.partners-logo-container a {
margin-right: 0px;
}
.partners-logo-container img:first-child {
max-width: 90px;
}
/* Footer Grid */
.ast-header-break-point .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
display: flex;
justify-content: center;
}
.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
row-gap:10px;
}
}
@media (max-width: 768px) {
/* Header Mobile */
.ast-button-wrap .menu-toggle.main-header-menu-toggle {
padding: 0.5em 0;
}
.ast-mobile-svg {
width: 35px !important;
height: 35px !important;
}
/* Footer Sections */
.site-footer-primary-section-2.site-footer-section,
.site-footer-primary-section-3.site-footer-section {
padding-top: 0px !important;
}
.opening-hours li {
line-height: 22px !important;
}
/* Partners Logo */
.partners-logo-container {
display: grid;
grid-template-columns: repeat(1, 180px);
column-gap: 5px;
row-gap: 20px;
align-items: center;
}
.partners-logo-container img {
max-width: 90px !important;
}
}
/* Cookie component */
body .notification:not(:last-child) {
margin-bottom: 0;
}
.notification {
/* display: none; */
position: fixed;
bottom: 0;
width: 100%;
border-radius: 0;
font-size: 16px;
z-index: 99;
background-color: #fff;
border-top: 8px solid;
color:#000000;
}
.delete-optin {
color:#000000!important;
text-decoration:underline;
}
#cookie-law-info-again {
display: none;
font-size: 13px;
position: relative;
background-color: #fff;
color: #000;
position: fixed;
font-family: inherit;
width: auto;
bottom: 0px;
right: 100px;
margin: 0;
padding: 5px 10px;
text-align: center;
cursor: pointer;
box-shadow: rgb(22 22 22 / 18%) 0px 0px 5px 2px;
z-index:50;
}
.notification>.delete, #cookie-law-info-again .delete {
background-color:#000000;
border:1px solid black;
}
#cookie-law-info-again .delete {
position: absolute;
right: -10px;
top: -10px;
}
@media screen and (max-width: 768px) {
.notification {
padding: 20px;
}
#cookie-law-info-again .delete {
position: absolute;
right: 10px;
top: 8px;
}
#cookie-law-info-again {
width: 100%;
bottom: 0px;
right: 0;
left: 0;
max-width: 100%;
margin: 0 auto;
}
.modal-card .modal-close {
right: 0;
top: 0;
border-radius: 0;
}
.notification {
font-size:14px;}
}
/* Modal Component */
.modal {
z-index: -1;
opacity: 0;
animation: hide 0.25s;
transform: scale(0);
}
@keyframes hide {
from {
z-index: 200;
transform: scale(1);
opacity: 1;
}
to {
z-index: -1;
transform: scale(0);
opacity: 0;
}
}
.modal.is-active {
opacity: 1;
z-index: 200;
animation: show 0.3s;
transform: scale(1);
}
@keyframes show {
from {
transform: scale(0);
opacity: 0;
z-index: -1;
}
to {
transform: scale(1);
opacity: 1;
z-index: 2;
}
}
.modal-card {
position: relative;
box-shadow: 0px 4px 250px 0px #0000001F;
border-top:8px solid;
}
.modal-card .modal-card-head {
border-bottom: unset;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 50px 50px 0;
}
.modal-card .modal-card-head .modal-card-title {
font-size: 40px;
line-height: 40px;
margin-bottom: 10px;
font-family: "Sora", sans-serif;
font-weight: 300;
letter-spacing:0px;
}
.modal-card .modal-close {
position: absolute;
}
.modal-card .modal-card-foot,
.modal-card .modal-card-head {
flex-direction: column;
text-align: center;
}
.modal-card .delete::after,
.modal-card .modal-close::after {
height: 50%;
width: 3px;
}
.modal-card .delete::before,
.modal-card .modal-close::before {
height: 3px;
width: 50%;
}
.modal-card .modal-close {
right: 10px;
top: 10px;
border-radius: 50%;
z-index: 1;
border:2px solid;
}
.modal-card .modal-card-body {
padding: 30px;
}
.modal-card-description.small-p {
font-size: 20px;
line-height: 26px;
margin-top:20px;
}
.modal .modal-card .modal-form-footer-notice {
font-size: 14px;
text-align: center;
line-height: 1.4em;
position: relative;
max-width: 300px;
margin: 0 auto;
top: -42px;
}
.modal .modal-card .content:has(+ .modal-form-footer-notice) {
padding-bottom: 20px;
}
@media (min-width: 1025px) {
.modal-card,
.modal-content {
width: 570px;
max-width: 100%;
max-height: 100%;
overflow: unset;
}
}
@media(max-width:768px) {
.modal-card .modal-card-body {
padding: 0px 10px !important;
}
.modal-card .modal-card-head {
padding: 50px 20px 0;
}
.modal-card .modal-card-head .modal-card-title {
font-size: 30px;
line-height:30px;
font-weight:500;
}
}
@media(max-width:400px) {
.modal-card .modal-card-head .modal-card-title {
font-size: 26px;
line-height:26px;
font-weight:500;
}
.modal-card-description.small-p {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 1024px) {
.modal.is-active {
z-index: 100001;
}
}
@media (max-width:768px) {
.modal-card,
.modal-content {
max-width:95%;
}
}
.modal-background {
background: #FFFFFF80;
}
.modal-card .modal-card-foot,
.modal-card .modal-card-head,
.modal-card-body {
background-color: transparent;
}
/* Line square */
.line-square {
position: relative;
width: 20px;
height: 20px;
background: currentColor;
border-radius: 2px;
}
.line-square::before,
.line-square::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
background: #000000;
opacity: 0.2;
animation: pulseShadow 3s ease-in-out infinite;
}
.line-square::after {
animation-delay: 1.5s;
}
@keyframes pulseShadow {
0% {
transform: scale(1);
opacity: 0.3;
}
70% {
transform: scale(3.5);
opacity: 0;
}
100% {
transform: scale(5.5);
opacity: 0;
}
}
/*H2*/
.content h2 {
font-size:36px;
line-height:50px;
}
@media(max-width:1024px) {
.content h2 {
font-size:35px;
}
}
@media(max-width:768px) {
.content h2 {
font-size:30px;
}
}
/*Hero section*/
@media(min-width:1025px) {.hero-custom-height .hero.is-fullheight{
min-height:85vh!important;
}
.hero-custom-height .hero-content {
min-height:70vh!important;
}
.hero.is-fullheight {
justify-content: center;
min-height:100vh;
}
.hero .hero-content {
align-content:center;
}
}
@media (max-width:767px) {
.container.is-fluid {
padding: 0px!important;
}
}
.hero-body.ast-container {
justify-content:center;
}
.container.is-fluid {
overflow:hidden;
}
.hero.is-fullheight::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: #00000099;
}
.hero.is-fullheight img:not(.ideal-focus-row img, .icons-row img) {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
.hero h1 {
font-family: Sora;
font-weight: 600;
text-transform:uppercase;
font-size: 18px;
line-height: 100%;
letter-spacing: 2px;
color:#FFFFFF!important;
margin-bottom:20px;
}
.hero h2 {
font-size:74px;
line-height: 76px;
margin-bottom:0px;
font-weight: 800;
color:#FFFFFF!important;
}
.hero p {
font-size:22px;
line-height: 30px;
margin: 20px 0px 30px;
color:#FFFFFF!important;
font-weight:500;
}
.hero-content {
z-index:2;
position:relative;
}
/*Hero Block icons*/
.hero .icons-row {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: space-between;
max-width:90%;
margin: 20px auto 40px;
}
.hero .page-section-description {
flex-direction: column;
align-items: center;
display: flex;
align-items: center;
gap: 18px;
text-align: left;
}
.hero .single-icon {
flex: 1 1 calc(33% - 30px);
max-width: calc(33% - 30px);
box-sizing: border-box;
text-align: center;
display:flex;
flex-direction:row;
gap:10px;
}
.hero .single-icon .icon-img {
width:33.3%;
}
.hero .icon-title {
font-family: "Work Sans";
color:#FFFFFF!important;
font-weight: 600;
font-size:18px;
line-height:26px;
text-align:left;
}
.hero .ideal-focus-row {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
margin:auto;
padding:20px 0px 50px;
max-width:80%;
}
@media(max-width:1024px) {
.hero .ideal-focus-row{
max-width:100%;
}
.hero .icons-row {
max-width:100%;
}
.hero .icon-title {
line-height:22px;
}
.hero .ideal-focus-row {
gap: 20px;
padding:0px 0px 30px;
max-width:100%;
}
}
@media(max-width:767px) {
.hero .icons-row {
flex-direction:column;
gap:20px;
margin:0px auto 30px;
}
.hero .single-icon {
flex-direction:column;
max-width:100%;
text-align:center;
align-items:center;
}
.hero .ideal-focus-row .page-section-description {
flex-direction:column!important;
text-align:center;
}
.hero .ideal-focus-row .page-section-description > div {
padding-left:0px!important;
}
.hero .ideal-focus-row .page-section-description > div::before {
display:none;
}
.hero .ideal-focus-row {
max-width:80%;
}
.hero .icon-title {
text-align:center;
}
}
.hero .ideal-focus-row .page-section-description > div {
border-left: 0;
position: relative;
padding-left: 16px;
margin-left: 4px;
max-width: 460px;
color:#ffffff!important;
}
.hero .ideal-focus-row .page-section-description > div::before {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 80%;
transform: translateY(-50%);
border-left: 1px solid #B0B0B0;
}
.hero .ideal-focus-row img {
width: 40px;
height: 40px;
}
.hero .label-prefix {
font-family: Sora;
font-weight:600;
color:#ffffff!important;
}
.hero .ideal-focus-row .page-section-description {
flex: 1 1 auto;
font-size: 18px;
align-items: center;
display: flex;
gap: 10px;
max-width: 300px;
margin: auto;
line-height: 22px;
flex-direction:row;
color:#FFFFFF!important;
}
.hero-pages .icons-row {
display: flex;
flex-direction:row;
flex-wrap: wrap;
gap: 30px;
justify-content: space-between;
}
.hero-pages .single-icon {
flex: 1 1 calc(33% - 30px);
max-width: calc(33% - 30px);
box-sizing: border-box;
text-align: center;
margin-top: 50px;
}
.button {
text-transform: none;
position: relative;
overflow: visible;
padding: 24px 52px;
height: 60px;
font-family: Work Sans;
font-weight: 600;
font-size: 20px;
letter-spacing: 0;
color: white;
border: none;
cursor: pointer;
z-index: 0;
}
.button::before {
content: "";
border: 1px solid;
width: 100%;
height: 100%;
position: absolute;
top: 7px;
left: 7px;
z-index: -1;
}
.button::before {
pointer-events:none;
transition: all 0.2s ease-in-out;
}
.hero .button:hover::before {
left:0;
top:0;
transition: all 0.3s ease-in-out;
}
.hero .button:hover {
transition: all 0.3s ease-in-out;
}
.button:hover::before {
left:0;
top:0;
transition: all 0.3s ease-in-out;
}
.button:hover {
transition: all 0.3s ease-in-out;
}
/* Menu Button */
.ast-builder-menu-1 .menu-item.pt-menu-btn .menu-link {
display: flex;
margin-left: 36px;
height: 100%;
height: 50px;
line-height: 19px;
text-align: center;
justify-content: center;
align-self: center;
padding: 17px 28px;
align-content: center;
align-items: center;
flex-wrap: nowrap;
flex-direction: column;
position: relative;
margin-top: 26px;
position: relative;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
transition: color 0.8s ease, border-color 0.8s ease, background-color 0.8s ease;
min-width: 160px;
background:#ffffff;
color:#000000!important;
border:1px solid white;
}
.ast-builder-menu-1 .menu-item.pt-menu-btn .menu-link:hover {
background:transparent;
border:1px solid white;
color:#ffffff!important;
}
@media(max-width:1024px) {
.ast-main-header-nav-open .main-header-bar-wrap {
background:#000!important;
}
.hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body, .hero.is-halfheight .hero-body {
margin:0 auto;
padding:0;
}
.hero.is-fullheight {
min-height: auto!important;
}
.hero h1 {
font-size:16px;
line-height:20px;
}
.hero h2 {
font-size:55px;
line-height: 57px!important;
}
.hero p {
font-size:18px;
line-height: 22px;
}
.hero-feature-list {
flex-direction: column;
}
.button {
font-size:16px;
padding:20px 36px;
height:48px;
}
.hero-feature-item {
max-width:100%;
}
}
@media(max-width:768px) {
.hero-feature-list {
gap:15px;
}
.hero h1, .hero h2, .hero p {
text-align: center;
}
.hero h2 {
line-height:42px!important;
font-size:40px;
}
.hero p {
font-size:18px;
line-height:26px;
}
.hero .columns.is-vcentered {
display: flex;
flex-direction: column;
}
.hero .content-wrapper {
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.hero .image-col {
display: flex;
margin-bottom:50px;
width:100%;
padding:0px;
}
.hero .has-text-left {
display: flex;
}
.hero-feature-box {
width:100%;
bottom:-30px;
}
}
/*Headings*/
@media (max-width:1024px) {
h2 {
line-height: 40px!important;
}
p {
line-height: 24px!important;
}
}
@media (max-width:768px) {
h2 {line-height:35px!important;
}
p {
line-height: 26px!important;
}
}
/*Text with image block*/
.text-with-image-section .line-container-reverse {
right:70%;
top:65px;
}
.text-with-image-section p {
color:#000000!important;
font-weight:500;
}
@media(max-width:1024px) {
.text-with-image-section .line-container-reverse {
right:50%;
width:65%;
}
}
.text-with-image-section {
position:relative;
overflow:hidden;
}
.text-with-image-section .overlay-color {
z-index:2;
position:relative;
}
.text-with-image-section p {
font-weight:400;
}
@media (min-width:1650px) {
.text-with-image-section.cta-gym-info .outlined-text.ready {
font-size:250px!important;
}
}
@media(max-width:768px) {
.text-with-image-section.cta-gym-info .outlined-text {
margin-bottom:0!important;
}
}
.text-with-image-section .image-container img{
object-fit: cover;
box-shadow:0px 4px 250px 0px #0000001F
}
.text-with-image-section .text-content {
align-content: center;
padding-left:75px;
padding-right: 15px;
}
.text-with-image-section .is-image-right .text-content{
padding-left:0px;
padding-right: 75px;
}
.text-with-image-section .image-container {
padding:0;
}
.text-with-image-section h2 {
position: relative;
z-index: 0;
margin-bottom:36px;
font-weight:400;
}
.text-with-image-section .button {
margin-top:30px;
}
.text-with-image-section .image-container {
position: relative;
}
.text-with-image-section .line-container {
display: flex;
align-items: center;
position: absolute;
top: 60px;
left: 40%;
width: 70%;
}
.text-with-image-section .line-square {
width: 10px;
height: 10px;
background-color: #000;
}
.text-with-image-section .expanding-line {
height: 2px;
background-color: #000;
width: 100%;
}
@media(max-width:1024px) {
.text-with-image-section h2 {
margin-bottom:20px;
}
.text-with-image-section .button {
margin-top:20px;
}
.text-with-image-section .outlined-text {
right:-10px;
margin-bottom:20px;
}
.text-with-image-section .ast-container {
display:flex;
flex-direction: row;
}
.text-with-image-section .image-container {
width:50%;
}
.text-with-image-section .text-content {
width:50%;
padding-left:25px;
}
.text-with-image-section .line-container {
top: 50px;
left: 35%;
width: 70%;
}
.text-with-image-section .image-container img{
max-width:95%;
max-height:95%;
}
}
@media(max-width:768px) {
.text-with-image-section .image-container img{
max-width:100%;
max-height:100%;
}
.text-with-image-section .ast-container {
flex-direction: column;
}
.text-with-image-section .image-container {
width:100%;
order:1;
margin-bottom:30px;
}
.text-with-image-section .text-content, .text-with-image-section .is-image-right .text-content {
width:100%;
padding-left:0px;
padding-right: 0px;
order:2;
}
.text-with-image-section .text-content .content {
text-align: center;
}
.text-with-image-section .feature-text {
justify-content: center;
font-size:14px;
}
.line-container, .line-container-reverse {
display:none!important;
}
}
/* Lead magnet section*/
.lead-magnet-section{
position: relative;
overflow: hidden;
}
.lead-magnet-section .ast-container {
position:relative;
}
.lead-magnet-section .image-container {
padding: 0;
}
.lead-magnet-section .overlay-color, .lead-magnet-section .text-content {
z-index:2;
position:relative;
align-content:center;
}
.lead-magnet-section p strong {
margin-bottom: 0px!important;
}
.lead-magnet-section .text-content h2{
padding-right:70px;
}
.lead-magnet-section .text-content {
padding-right:30px;
}
.lead-magnet-section .line-container-reverse {
width:65%;
}
.lead-magnet-section .content ul, .job-position-section .job-requirements ul{
margin-left:0px;
margin-top:-20px;
}
.lead-magnet-section .content ul li, .job-position-section .job-requirements ul li{
list-style: none;
padding-left: 0;
}
.lead-magnet-section .content p {
margin-bottom:38px;
}
.lead-magnet-section .content ul li, .job-position-section .job-requirements ul li{
position: relative;
padding-left: 30px;
margin-bottom: 14px;
}
.lead-magnet-section img {
object-fit:cover;
}
.lead-magnet-section .content ul li::before, .job-position-section .job-requirements ul li::before {
content: '';
position: absolute;
left: 0;
top: 6px;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
}
.lead-magnet-section .image-container {
position:relative;
}
.line-container-reverse {
display: flex;
align-items: center;
position: absolute;
top: 30px;
right: 50%;
width: 70%;
flex-direction:row-reverse;
}
.line-container-reverse .line-square {
width: 10px;
height: 10px;
background-color: #000;
}
.line-container-reverse .expanding-line {
height: 2px;
background-color: #000;
width: 100%;
}
.lead-magnet-section .button {
margin-top:46px;
}
@media(max-width:1024px) {
.lead-magnet-section .ast-container {
display:flex;
flex-direction: row;
}
.lead-magnet-section .content p {
margin-bottom: 20px;
}
.lead-magnet-section .content ul {
margin-top:auto;}
.lead-magnet-section .button {
margin-top:20px;
}
}
@media(max-width:768px) {
.lead-magnet-section .content ul li {
line-height: 26px;
}
.lead-magnet-section .ast-container {
display:flex;
flex-direction: column;
}
.lead-magnet-section .image-container {
order:1;
margin-bottom:30px;
}
.lead-magnet-section .text-content {
order:2;
}
.lead-magnet-section .image-container img{
width:100%;
}
.lead-magnet-section .content {
text-align: center;
}
.lead-magnet-section .column {
padding: 0px;
}
.lead-magnet-section .content ul, .program-description-section ul {
max-width:90%;
margin:auto;
text-align:left;
}
.lead-magnet-section .outlined-text {
right: -30px;
bottom:-70px!important;
}
.lead-magnet-section .text-content h2 {
padding-right:0px;
}
}
/* Accordion Block (FAQ Section) */
#faq button:focus {
background-color: transparent;
border: none;
}
#faq button:hover {
background: transparent;
}
.accordion-section .columns.ast-container {
margin:auto;
}
.accordion-section {
position:relative;
overflow:hidden;
}
.accordion-grid-container {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap:50px;
align-items: flex-start;
}
.accordion-item {
box-sizing: border-box;
display: flex;
flex-direction: column;
border-bottom:2px solid #FFFFFF;
padding:20px 0px;
justify-content: flex-start;
transition: border-color 0.3s ease,
transform 0.3s ease;
z-index:1;
}
.accordion-item:has(> .accordion-button[aria-expanded="true"]){
border-color: transparent;
transform: translateY(-2px);
}
.accordion-button {
flex-shrink: 0;
}
.accordion-content {
flex-grow: 0;
}
.accordion-button {
display: flex;
justify-content: space-between;
text-transform: unset;
width: 100%;
text-align: left;
cursor: pointer;
position: relative;
height: auto;
box-sizing: border-box;
border: none;
background: transparent;
min-height:65px;
align-items:center;
}
.content-area.entry-content .ast-container:not(.hero-body) :is(.accordion-title)::after {
margin-top: 14px;
margin-bottom: 11px;
}
.accordion-section h2 {
color:#FFF!important;
margin-bottom:80px;
position:relative;
z-index:1;
}
.accordion-section strong {
color:#FFF!important;
}
.accordion-button h3 {
font-family:Sora ;
font-size:22px;
line-height: 26px;
font-weight: 700;
text-transform: none;
line-height: 28px;
padding-right: 12px;
margin-bottom: 0px;
letter-spacing: 0.12px;
color:#FFFFFF!important;
}
.accordion-content {
padding: 0;
height: 0;
overflow: hidden;
transition: height 0.6s ease;
}
.accordion-content p {
line-height: 26px;
padding-right: 43px;
padding-top:20px;
margin-bottom: -20px;
color:#FFFFFF!important;
}
.accordion-sign {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 8px;
vertical-align: middle;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff;
transition: transform 0.3s ease;
}
/* Rotate when expanded */
.accordion-button[aria-expanded="true"] .accordion-sign {
transform: rotate(180deg);
}
@media(max-width:1024px) {
.accordion-section .outlined-text {
left:-20px;
top:-20px;
}
.accordion-section h2 {
margin-bottom:0px;
}
.accordion-content p {
font-size: 18px;
line-height: 24px!important;
}
.accordion-button {
min-height: 75px;
}
.accordion-item {
grid-row: auto !important;
padding:10px 0px;
}
.accordion-button h3 {
font-size: 18px;
line-height: 22px;
}
}
@media(max-width:768px) {
.accordion-section .outlined-text {
left:0px!important;
top:0px!important;
}
.accordion-content p {
font-size: 18px;
line-height: 26px!important;
}
.accordion-button h3 {
font-size:18px;
line-height:26px;
}
.accordion-section h2 {
margin-bottom:20px;
}
.accordion-item {
min-height:auto;
}
.accordion-grid-container {
display: grid;
grid-template-columns: unset;
gap: 0px;
padding: 0;
}
.accordion-item {
grid-row: auto !important;
}
.accordion-footer {
padding-bottom: 0px;
}
.accordion-content p {
padding-right:0px;
}
}
/*Google reviews */
.google-reviews-section h2 {
margin-bottom:30px;
}
.google-reviews-section .google-placeholder {
position: relative;
min-height: 260px;
}
.google-reviews-section .google-placeholder::before {
content: "";
position: absolute;
inset: 0;
}
@media (max-width: 768px) {
.google-reviews-section .google-placeholder {
min-height: 560px;
}
}
/* Schedule Table */
.table-section {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.table-section .table-overlay-color {
padding: 100px 30px 100px 30px;
}
.table-container {
border-radius:12px;
box-shadow: 0px 10px 26px 0px #00000012;
}
.table-container .table.is-fullwidth {
width: 100%;
table-layout: fixed;
margin-bottom:0px;
}
.schedule-section .table.is-striped {
background-color:#111111;
}
.schedule-section .table td, .schedule-section .table th{
border-color:#363636;
}
@media (max-width: 1024px) {
.table-container .table.is-narrow td, .table-container .table.is-narrow th {
padding: 15px 10px!important;
font-size:16px!important;
}
.schedule-section .ast-container .column {
padding:0px!important;
}
.table-section .table-overlay-color {
padding: 50px 30px 50px 30px;
}
.table-container .table.is-fullwidth {
width: 200%;
}
}
@media (max-width: 768px) {
.table-container .table.is-narrow td, .table-container .table.is-narrow th {
padding:10px!important;
}
.table-section .table-overlay-color {
padding: 40px 10px 40px;
}
.table-container .table.is-fullwidth {
width: 400%;
}
}
.table-container .table.is-narrow td,
.table-container .table.is-narrow th {
padding: 26px 10px;
text-align:center;
font-size:18px;
}
.table-container .table thead td,
.table-container .table thead th {
border-width: 0 0 4px;
color:#fff;
}
.table-section {
text-align: center;
}
.table-section h2.white,
.table-section .hero-description.white {
color: #ffffff;
}
.table-section .hero-description {
margin-bottom: 40px;
}
.table-container table {
border-width: 0;
}
.schedule-section .schedule-placeholder {
margin-top:60px;
}
/* Classes block */
.classes-section .block-description :where(h2, strong, p) {
color: #FFFFFF!important;
}
.classes-section .card-image-wrapper {
position:relative;
}
.classes-section .card-image-wrapper h3{
position:absolute;
bottom:0;
left:35px;
font-family: Sora;
font-weight: 700;
font-size: 26px;
line-height: 36px;
color:#ffffff;
z-index:3;
}
.classes-section {
position:relative;
overflow:hidden;
}
.classes-section .content-wrapper {
position:relative;
z-index:2;
}
.classes-section .card-image-wrapper img {
object-fit:cover;
}
.classes-section .card-image-wrapper .image::before {
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background: #00000080;
z-index:1;
}
.classes-section .class-number {
position:absolute;
top:40px;
right:-15px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: transparent!important;
-webkit-text-stroke: 1px #888888;
text-stroke: 1px #D1D1D1;
font-size:150px;
z-index:2;
}
.classes-section {
position: relative;
}
.classes-section .class-card-wrapper {
justify-content: center !important;
}
.card-image-wrapper {
flex-shrink: 0;
}
.class-description {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}
.classes-section .ast-container {
flex-direction:column;
}
.classes-section .button-container .button {
margin-top: 20px;
}
.class-card-inner {
height: 100%;
background:#FFFFFF;
border-bottom: 4px solid #000000;
position: relative;
background-size: cover;
background-position: center;
display: flex;
transition: all 0.3s ease;
overflow: hidden;
flex-direction: column;
color: white;
}
.class-card-inner .class-description {
padding:35px;
}
.classes-section .class-card-inner{
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
@media (min-width: 769px) and (max-width: 1023px) {
.columns {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
.column {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
}
@media(max-width:1024px) {
.classes-section .outlined-text {
top:-40px!important;
right:-20px!important;
}
.corporate-wellness-description .outlined-text {
top:auto;
bottom:-40px;
right:-20px;
}
.class-card-inner .class-description {
padding:20px;
}
.classes-section .card-image-wrapper h3 {
left:20px;
}
}
@media(max-width:768px) {
.classes-section .outlined-text {
top:-20px!important;
right:-10px!important;
}
.corporate-wellness-description .outlined-text {
top:auto;
right:-10px;
bottom:-10px!important;
}
.classes-section .columns {
display:flex;
flex-direction:column;
}
.order-1-mobile {
order: 1 !important;
display:flex;
flex-direction:column;
width:100%;
}
.classes-section .card-image-wrapper > figure.image.is-5by4{
padding-top: 0 !important;
aspect-ratio: 5 / 4;
position: relative;
overflow: hidden;
}
.classes-section .card-image-wrapper > figure.image.is-5by4 > img{
width: 100%;
height: 100%;
object-fit: cover;
position: static;
}
}
/* 3 Steps block */
.three-steps-section .steps-grid-wrapper {
display:grid;
grid-template-columns:1fr 1fr;
gap:90px;
}
.three-steps-section .step-image img{
width:100%;
max-height:287px;
object-fit:cover;
}
.three-steps-section .steps-grid-wrapper .step-2, .three-steps-section .steps-grid-wrapper .headline-2 {
margin-top:-340px;
}
.three-steps-section .steps-grid-wrapper .headline-1 h2,.three-steps-section .steps-grid-wrapper .headline-2 h2{
text-transform:none!important;
}
.three-steps-section .steps-grid-wrapper .headline-1 {
margin-top:100px;
}
.three-steps-section .step-content {
display:grid!important;
grid-template-columns:120px auto;
}
.three-steps-section .headline-2 p{
font-size:36px!important;
line-height:50px!important;
font-family:"Sora";
}
.three-steps-section .headline-2 strong {
font-weight:700!important;
}
h3.step-title {
font-size:24px;
line-height:24px;
text-transform:none;
margin-bottom:20px;
}
.three-steps-section .title-wrapper {
margin: 30px 0px;
padding-left: 30px;
position: relative;
}
.three-steps-section .title-wrapper::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 120px;
}
.three-steps-section .step-number {
font-size: 150px;
line-height:150px;
align-items: center;
align-content: center;
font-family: 'Poppins';
-webkit-text-stroke: 1px #000000;
color: transparent!important;
font-weight:900;
margin:auto;
}
p.step-desc {
margin-bottom:5px!important;
}
@media(max-width:1024px) {
.three-steps-section .step-content {
grid-template-columns: 100px auto;
padding-bottom:30px;
}
.three-steps-section .step-number {
font-size:100px;
line-height:100px;
}
.three-steps-section .steps-grid-wrapper {
gap:50px;
}
.three-steps-section .steps-grid-wrapper .step-2, .three-steps-section .steps-grid-wrapper .headline-2 {
margin-top:-300px;
}
.three-steps-section .headline-2 p{
font-size:35px!important;
line-height:40px!important;
}
}
@media(max-width:767px) {
.three-steps-section .title-wrapper::before {
display:none;
}
.three-steps-section .steps-grid-wrapper {
display:flex;
flex-direction:column;
}
.three-steps-section .steps-grid-wrapper .step-2, .three-steps-section .steps-grid-wrapper .headline-2 {
margin:auto;
}
.three-steps-section .steps-grid-wrapper {
gap:30px;
}
.three-steps-section .steps-grid-wrapper .headline-1 {
margin-top:0px;
}
.three-steps-section .step-content {
display:flex!important;
flex-direction:column;
text-align:center;
margin-top:20px;
}
.three-steps-section .title-wrapper {
padding:30px 0px;
border-left:0px;
margin:0px;
}
.three-steps-section .step-number {
border-bottom: 2px solid;
padding-right:0px;
width:50%;
margin:auto;
font-size:80px;
line-height:100px;
}
.three-steps-section .headline-2 p{
font-size:30px!important;
line-height:35px!important;
}
}
/*Pages block*/
.pages-section .card {
position: relative;
overflow: hidden;
}
.pages-section .card .card-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 0;
}
.white-overlay,
.overlay-content,
.card-title-static,
.card-title-hover {
position: relative;
z-index: 1;
}
.pages-section .card::before {
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(0, 0, 0, 0.3);
z-index:1;
}
.pages-section .programs-list {
position:relative;
z-index:1;
justify-content:center;
}
.pages-section .pages-description {
position:relative;
margin-bottom:90px;
z-index:1;
}
.pages-section::before {
content:"";
width:100%;
height:75%;
position:absolute;
top:0;
left:0;
}
.pages-section .column {
padding:0px 10px!important;
}
.pages-section h2, .pages-section h2 strong {
color:#FFFFFF!important;
}
.pages-section .card {
position: relative;
background-size: cover;
background-position: center;
overflow: hidden;
min-height: 500px;
border-radius:0px;
}
.pages-section .card-title-static {
position: absolute;
bottom: 20px;
left: 25px;
color: #fff !important;
font-size: 24px!important;
font-weight: 700;
line-height: 35px!important;
margin-bottom: 0px!important;
transition: opacity 0.3s ease;
text-transform:none!important;
}
.pages-section .white-overlay {
position: absolute;
inset: 0;
background: #fff;
transform: translateY(100%);
transition: transform 0.5s ease-in-out;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 36px 25px;
}
.pages-section .overlay-content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.pages-section .overlay-content .card-title-hover {
font-family:"Sora";
color: #000 !important;
text-transform:none!important;
font-size: 24px;
font-weight: 700;
line-height: 35px;
margin-bottom: 10px;
}
.pages-section .card:hover .white-overlay {
transform: translateY(0);
}
.pages-section .card:hover .card-title-static {
opacity: 0;
}
.pages-section .overlay-content > * {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.4s ease, transform 0.4s ease;
}
.pages-section .card:hover .overlay-content > * {
opacity: 1;
transform: translateY(0);
}
.pages-section .card-buttons {
display:flex;
justify-content:space-between;
}
.pages-section .card-buttons .more-details{
border: 2px solid;
background:transparent!important;
display: inline-flex;
align-items: center;
gap: 8px;
}
.pages-section .card-buttons .all-programs {
border: 2px solid #000000;
background:transparent!important;
color:#000000!important;
}
.pages-section .card-buttons .more-details::before, .pages-section .card-buttons .all-programs::before, .image-box-section .button::before {
display:none;
}
.pages-section .card-buttons .more-details:hover, .image-box-section .button:hover {
padding: 14px 18px;
height: 40px;
min-width: auto;
}
.pages-section .card-buttons .more-details, .pages-section .card-buttons .more-details:hover {
padding:12px!important;
}
.pages-section .card-buttons .more-details,
.pages-section .card-buttons .all-programs, .image-box-section .button {
padding: 14px 18px;
height: 40px;
font-weight:500;
font-size:18px;
}
.pages-section .card-buttons .more-details,
.pages-section .card-buttons .all-programs {
font-size:16px!important
}
.pages-section .label-prefix {
font-weight:600;
}
@media (max-width:1180px) {
.pages-section .card-buttons {
flex-direction:column!important;
gap:10px;
}
}
@media (max-width:1024px) {
.pages-section .programs-list {
flex-direction:row;
}
}
@media(max-width:767px) {
.pages-section .card-title-static {
display:none;
}
.pages-section .programs-list {
display:flex;
flex-direction:column;
gap:30px;
}
.pages-section .white-overlay {
transform: translateY(0%)!important;
}
.pages-section .overlay-content > * {
opacity:1;
transform:translateY(0px) ;
}
.pages-section .card {
min-height:450px;
}
.pages-section .pages-description {
margin-bottom:30px;
}
.pages-section::before {
height:90%;
}
}
/* Testimonial block */
.testimonial-section .quote-wrapper {
position: relative;
}
.testimonial-section .quote-wrapper .ast-container {
position: relative;
}
.testimonial-section .testimonial-headline h2{
margin-bottom:50px;
}
.testimonial-section .testimonial-container {
flex-direction:column!important;
}
.testimonial-section .testimonial-section {
position:relative;
}
.testimonial-section .quote-sign {
position:absolute;
right:0;
top:-400px;
opacity:.6;
pointer-events:none;
}
.testimonial-section .testimonial-controls.align-left {
display: flex;
justify-content: flex-start;
gap: 10px;
margin-top: 25px;
width: 300px;
margin-left: 0;
display: flex;
justify-content: center;
}
.testimonial-section .testimonial-slider {
max-width: 100%;
}
.testimonial-section .testimonial-slide-inner {
display: flex;
overflow: hidden;
flex: 1;
align-items: stretch;
margin: 0 auto;
}
.testimonial-section .testimonial-image {
align-self:center;
}
.testimonial-section .testimonial-image img {
width: 300px;
min-width:300px;
height:300px;
object-fit: cover;
}
.testimonial-section .testimonial-controls-wrapper {
margin-left:0;
}
.testimonial-section .testimonial-content {
padding: 0px 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
.testimonial-section .testimonial-author {
font-weight: bold;
margin-top: 20px;
}
.testimonial-section .testimonial-controls {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 30px;
}
.testimonial-section .testimonial-arrow {
width: 42px;
height: 42px;
align-items: center;
justify-content: center;
cursor: pointer;
transition: opacity 0.3s ease;
opacity: 0.3;
background-color:transparent!important;
color: inherit;
}
.button.testimonial-arrow:hover {
border-color:transparent!important;
}
.testimonial-section .testimonial-arrow:hover {
opacity: 1;
}
.testimonial-section .testimonial-arrow svg {
width: 20px;
height: 20px;
stroke: #5C6271;
fill: none;
}
@media(max-width:1024px) {
.testimonial-section .quote-sign svg {
max-width:400px;
}
}
@media(max-width:768px) {
.testimonial-section .testimonial-slide-inner {
flex-direction: column;
}
.testimonial-section .testimonial-image img {
width: 100%;
}
.testimonial-section .testimonial-content {
padding: 30px!important;
}
.testimonial-section .testimonial-controls.align-left {
width:100%;
margin-top:0px;
}
.testimonial-section .testimonial-arrow {
display:flex;
margin-top:0px!important;
}
.testimonial-section .testimonial-content {
padding:20px 0px!important;
}
.testimonial-section .quote-sign svg{
z-index:-1;
max-width:350px;
}
}
/*Moving text block*/
.moving-text-wrapper {
position: relative;
width: 100vw;
left: 50%;
margin-left: -50vw;
overflow: hidden;
background: #000;
white-space: nowrap;
}
.moving-text {
display: inline-block;
padding: 10px 0;
color: #fff !important;
font-size: 22px;
font-weight: 400;
will-change: transform;
-webkit-transform: translate3d(0,0,0);
backface-visibility: hidden;
pointer-events:none;
text-transform:uppercase;
}
.moving-text.is-animated {
animation: moving-text-loop 70s linear infinite;
}
@media (max-width: 1024px) {
.moving-text.is-animated {
animation-duration: 40s;
}
}
@media (max-width: 767px) {
.moving-text.is-animated {
animation-duration: 60s;
}
.moving-text {
font-size:18px;
}
}
@keyframes moving-text-loop {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
/* Program Benefits */
.program-benefits {
display:flex;
}
.program-benefits img {
object-fit:cover;
}
.program-benefits .benefits-list {
margin-top: 38px;
display: flex;
flex-direction: column;
gap: 32px;
}
.program-benefits .benefit {
display: grid;
grid-template-columns: 56px 2px 1fr;
align-items: center;
column-gap: 16px;
min-height: 80px;
}
.program-benefits .benefit-icon {
width: 56px;
height: 56px;
border-radius: 12px;
overflow: hidden;
display: grid;
place-items: center;
}
.program-benefits .benefit-icon img {
max-width: 38px;
max-height: 38px;
object-fit: contain;
display: block;
}
.program-benefits :where(h2,strong) {
color:#FFFFFF!important;
}
.program-benefits .benefit-sep {
width: 1px;
height: 100%;
background: #ffffff;
border-radius: 2px;
align-self: stretch;
}
.program-benefits .benefit-title {
font-family: "Sora";
font-weight: 700;
line-height: 26px;
color:#ffffff!important;
}
.program-benefits .benefit-text p {
margin-bottom: 0;
color:#ffffff!important;
}
.program-benefits :where(h1, h2, h3) {
margin-bottom: .75rem;
color:#fffff!important;
}
.program-benefits .first-image {
margin-left: auto;
margin-top:-100px;
width: 100%;
}
.program-benefits .benefit-content p {
color:#ffffff!important;
}
@media(min-width:1025px){
.program-benefits .benefit-content {
padding-top:70px;
}
}
@media (max-width: 1024px) {
.program-benefits .first-image {
margin-top:auto;
}
.program-benefits .benefit {
grid-template-columns: 48px 2px 1fr;
}
.program-benefits .benefit-icon {
width: 48px;
height: 48px;
border-radius: 10px;
}
.program-benefits .benefits-list {
gap:20px;
}
}
@media (max-width: 767px) {
.program-benefits {
flex-direction:column;
}
.program-benefits .column {
width:100%;
}
.program-benefits .benefit-content {
order:2;
}
.program-benefits .benefit {
display:flex;
flex-direction:column;
gap: 15px;
}
.program-benefits .benefits-list {
gap:30px;
width:80%;
margin:auto;
}
.program-benefits .benefit-sep {
width:40%;
margin:auto;
height:1px;
}
.single-description .image.is-4by5, .program-benefits-section .image.is-3by5 {
padding-top: 0 !important;
height: 350px;
}
.single-description .image img, .program-benefits-section .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
/*Program goals block */
.program-goals-section { position: relative; overflow: hidden; }
.program-goals-section::before {
content:"";
position:absolute; inset:0;
background-color:#000000A3;
z-index:1;
}
.program-goals-section .program-description :where(h2,p,strong) {
color:#FFFFFF!important;
}
.program-goals-section .program-description {
padding-right:50px!important;
}
@media(max-width:768px) {
.program-goals-section .program-description {
padding-right:.75rem!important;
}
}
.hover-bg-overlay { position:absolute; inset:0; z-index:0; object-fit:cover;}
.hover-bg-overlay .bg-current,
.hover-bg-overlay .bg-fade {
position:absolute; inset:0;
background-size:cover!important;
background-position:center;
background-repeat:no-repeat;
background:#000000A3;
}
.hover-bg-overlay .bg-current { opacity:1; }
.hover-bg-overlay .bg-fade {
opacity:0;
transition: opacity .45s ease;
}
.program-goals-container { position:relative; z-index:2; }
.pg-accordion {
display:flex;
flex-direction:column;
gap:10px;
}
.pg-button {
display:flex; width:100%; align-items:center; gap:14px;
padding:18px 22px; background:transparent; color:inherit; border:0;
cursor:pointer; text-align:left;
}
.pg-item.is-open .pg-button {
position: relative;
border-bottom: none;
}
.pg-item.is-open .pg-button::after {
content: "";
position: absolute;
left: 30px;
right: 30px;
bottom: 0;
height: 1px;
background-color: #FFFFFF;
}
.pg-item.is-open .pg-bullet {
filter:grayscale(0);
}
.pg-item, .pg-item.is-open {
background: #000000A8;
}
.pg-button:hover, .pg-button:focus {
background:transparent;
}
.pg-bullet {
--size: 30px;
--duration: 3.2s;
filter:grayscale(1);
min-width:30px;
position: relative;
width: var(--size);
height: var(--size);
border-radius: 50%;
background: radial-gradient(circle, #FFFFFF 30%, transparent 31%);
pointer-events: none;
transform: translateZ(0);
backface-visibility: hidden;
}
.pg-bullet::before,
.pg-bullet::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 60%;
height: 60%;
border-radius: 50%;
background: #FFFFFF;
transform: translate(-50%, -50%) scale(1);
opacity: 0.6;
animation: pg-pulse-multi var(--duration) ease-out infinite;
will-change: transform, opacity;
transform-origin: center center;
backface-visibility: hidden;
perspective: 1000px;
transform-style: preserve-3d;
}
.pg-bullet::after {
animation-delay: calc(var(--duration) / 2);
opacity: 0.5;
}
.category-swiper-wrapper .pg-bullet {
background: radial-gradient(circle, var(--primary-color) 30%, transparent 31%);
}
@keyframes pg-pulse-multi {
0% {
transform: translate(-50%, -50%) scale(0.8);
opacity: 0.8;
}
15% {
transform: translate(-50%, -50%) scale(1.2);
opacity: 0.6;
}
30% {
transform: translate(-50%, -50%) scale(1.6);
opacity: 0.4;
}
45% {
transform: translate(-50%, -50%) scale(2);
opacity: 0.2;
}
60% {
transform: translate(-50%, -50%) scale(2.4);
opacity: 0.1;
}
75% {
transform: translate(-50%, -50%) scale(2.8);
opacity: 0.05;
}
100% {
transform: translate(-50%, -50%) scale(3.2);
opacity: 0;
}
}
@keyframes pg-pulse {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.6;
}
70% {
transform: translate(-50%, -50%) scale(2);
opacity: 0;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}
.pg-title {
color:#ffffff!important;
font-family: "Sora";
font-weight:700;
font-size:24px;
line-height:26px;
letter-spacing:0px;
text-transform:none;}
.pg-item.is-open .pg-button {
color:#ffffff!important;}
.pg-content {
height:0; overflow:hidden; transition: height .5s ease;
}
.pg-inner { padding:18px 30px 22px; }
.pg-inner p {
color:#ffffff!important;
}
@media (max-width:1024px){ .pg-title{ font-size:20px; }
.pg-inner p {
margin-bottom:0px;
}
.program-goals-section .outlined-text {
left:-20px;
top:-35px;
}
}
@media(max-width:768px) {
.program-goals-section .outlined-text {
left:-5px;
top:-15px;
text-stroke:1px #ffffff;
-webkit-text-stroke:1px #ffffff;
}
.program-goals-section .outlined-text.ready {
opacity:.5;
}
}
/* Embed code block */
.embed-code-section {
position:relative;
overflow:hidden;
}
.embed-code-section .drop-in-form {
background-color: #FFFFFF!important;
box-shadow: 0px 4px 250px 0px #0000001F;
max-width: 827px;
margin: 80px auto auto;
padding:30px 20px 20px!important;
border-top:8px solid;
}
.embed-code-section .column {
padding: 0px;
z-index:2;
}
.embed-code-section .ast-container {
justify-content:center;
}
@media(max-width:768px) {
.embed-code-section.cancellation .outlined-text {
margin-bottom:5px;
right:-5px;
}
.embed-code-section .drop-in-form {
margin-top:50px;
}
}
.embed-code-section .outlined-text {
opacity: 0;
transition: opacity 0.3s ease;
}
@media (min-width:1650px) {
.embed-code-section .outlined-text.ready {
font-size:250px!important;
}
}
@media(max-width:768px) {
.embed-code-section .outlined-text {
margin-bottom:0;
right:0px!important;
}
.embed-code-section .ast-container .columns {
max-width:100%;
margin:auto;
}
}
/* Text - image section (facilities/equipment) */
.text-image-section {
position:relative;
overflow:hidden;
}
.text-image-section .ast-container {
gap:50px;
z-index:2;
position:relative;
}
.text-image-section .features-list {
display: flex;
flex-direction: column;
gap: 20px;
margin: 30px 0px 0px;
}
.text-image-section .features-list p{
margin-bottom:0px;
}
.text-image-section .feature-item {
display: flex;
align-items: flex-start;
gap: 20px;
}
.text-image-section .feature-icon {
margin-top:5px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.text-image-section.facilities .feature-icon {
color:#fff!important;
}
.text-image-section .feature-icon {
color:#000!important;
}
.text-image-section.facilities :where(h2,strong,p) {
color:#FFFFFF!important;
}
.text-image-section .feature-icon svg {
width: 30px;
height: 30px;
object-fit: contain;
}
.text-image-section .feature-text {
flex: 1;
}
.text-image-section .ast-container {
flex-direction: column;
}
.text-image-section img {
object-fit: cover;
}
.text-image-section.equipment .outlined-text {
left: auto;
right: -40px;
}
@media(max-width:1024px) {
.text-image-section .feature-icon svg{
width:40px;
height:40px;
}
.text-image-section.equipment .outlined-text{
right:0!important;
}
}
/* Mobile styles */
@media (max-width: 768px) {
.text-image-section .mobile-image-slider {
display: block;
}
.mobile-image-slider :is(.slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus) {
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
z-index: 2;
transition: background 0.3s ease;
color:white;
}
.mobile-image-slider .slick-prev:before,
.mobile-image-slider .slick-next:before {
color: white;
font-size: 18px;
display:none;
}
.mobile-image-slider .slick-prev {
left: 15px;
}
.mobile-image-slider .slick-next {
right: 15px;
}
.text-image-section .desktop-images {
display: none!important;
}
/* Mobile layout styles */
.text-image-section.equipment .outlined-text {
top:-10px!important;
}
.text-image-section.facilities .outlined-text {
left:-5px;
top:-10px;
}
.text-image-section .image-container {
width:100%!important;
}
/* Order for facilities section on mobile */
.text-image-section.facilities .image-container {
order:1!important;
}
.text-image-section.facilities .text-content {
order:2!important;
}
.text-image-section .columns {
display: flex;
flex-direction: column;
}
.text-image-section .image-container.images-float-right {
justify-content: center;
}
.text-image-section .feature-item {
flex-direction:column;
align-items:center;
}
.text-image-section .features-list {
margin:0px;
}
.text-image-section .features-list .feature-item:first-child {
margin-top:30px;
}
.text-image-section .image {
padding-top: 0 !important;
height: 350px;
}
}
/* Desktop styles */
@media (min-width: 769px) {
.text-image-section .mobile-image-slider {
display: none!important;
}
.text-image-section .desktop-images {
display: flex;
flex-direction: column;
gap: 30px;
}
}
/*Owner block*/
.owner-section .image-column {
position: relative;
padding: 0;
flex: 0 0 50%;
align-self: flex-start;
}
.owner-section .image-column .image-wrapper {
position: relative;
}
.owner-section .owner-info {
position: absolute;
bottom: 0;
left: 0;
max-width: 80%;
padding: 20px;
background: #FFFFFF;
}
.owner-section {
position:relative;
}
.owner-section .owner-headline :where(h2, strong){
color:#ffffff!important;
}
.owner-section .description-wrapper p {
color:#ffffff!important;
}
.owner-section img {
object-fit:cover;
}
@media(min-width:1025px) {
.owner-section .image-wrapper {
margin-top:-150px!important;
}
}
.owner-section .content-column {
z-index:0;
padding-left:30px;
}
.owner-name {
font-family:"Sora";
font-size:24px;
line-height:30px;
font-weight:600;
}
.owner-section .read-more-btn, .coaches-section .read-more-btn {
background: transparent;
cursor: pointer;
display: inline-block;
margin-left: 0px;
font-family:Sora;
letter-spacing:0px;
font-size:18px;
margin-top:20px;
}
.owner-item::before, .coach-certificate-item::before{
content: '';
position: absolute;
left: 0;
top: 6px;
width: 15px;
height: 15px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
}
.owner-item, .coach-certificate-item {
position: relative;
padding-left: 30px;
padding-bottom:5px;
font-size:16px;
line-height:22px;
}
.owner-section .owner-details {
padding-bottom:10px;
border-bottom:1px solid;
}
.owner-section .owner-certificates {
padding-top:30px;
}
.owner-certificates p, .coach-certificates p{
font-weight:500;
margin-bottom:10px;
}
.owner-section .description-wrapper p{
color:#FFFFFF!important;
}
.coaches-section .coach-content-column .description, .coaches-section .coach-content-column .description-wrapper {
margin-top:20px;
}
.read-more-btn:after {
width: 0%;
content: '';
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 3px;
margin: 5px auto 0;
opacity: 100%;
transition: all 0.3s ease-out;
margin-left: 0;
}
.read-more-btn:hover:after {
width: 100%;
background-color: #fff;
content: '';
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 3px;
margin: 5px auto 0;
opacity: 100%;
transition: all 0.3s ease-out;
margin-left: 0;
}
.owner-section .description-content .full-content,
.coaches-section .description-content .full-content {
transition: max-height 0.4s ease-in-out;
overflow: hidden;
position: relative;
}
.owner-section .owner-content p{
color: #FFFFFF!important;
}
.coaches-section .description-wrapper .full-content p:last-child, .owner-section .description-wrapper .full-content p:last-child {
margin-bottom: 0 !important;
}
.owner-section .description-content .truncated-content,
.coaches-section .description-content .truncated-content {
max-height: var(--truncated-height, 150px);
}
.owner-section .description-content .expanded-content,
.coaches-section .description-content .expanded-content {
max-height: var(--full-height, none);
}
@media (min-width: 769px) and (max-width: 1024px) {
.coaches-section .description-content .truncated-content {
--truncated-height: 200px;
}
.owner-section .description-content .truncated-content {
--truncated-height: 370px;
}
}
@media (max-width: 768px) {
.owner-section .description-content .truncated-content,
.coaches-section .description-content .truncated-content {
--truncated-height: 320px;
}
}
@media (min-width: 1025px) {
.owner-section .description-content .truncated-content
{ --truncated-height: 400px;
}
.coaches-section .description-content .truncated-content {
--truncated-height: 300px;
}
}
.owner-section .read-more-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 5em;
background:
linear-gradient(to bottom,
transparent 0%,
color-mix(in srgb, var(--primary-color) 2%, transparent) 8%,
color-mix(in srgb, var(--primary-color) 5%, transparent) 16%,
color-mix(in srgb, var(--primary-color) 10%, transparent) 25%,
color-mix(in srgb, var(--primary-color) 18%, transparent) 35%,
color-mix(in srgb, var(--primary-color) 28%, transparent) 45%,
color-mix(in srgb, var(--primary-color) 40%, transparent) 55%,
color-mix(in srgb, var(--primary-color) 55%, transparent) 65%,
color-mix(in srgb, var(--primary-color) 70%, transparent) 75%,
color-mix(in srgb, var(--primary-color) 80%, transparent) 85%,
color-mix(in srgb, var(--primary-color) 88%, transparent) 94%,
color-mix(in srgb, var(--primary-color) 92%, transparent) 100%
),
radial-gradient(ellipse at center bottom,
transparent 30%,
color-mix(in srgb, var(--primary-color) 8%, transparent) 60%,
color-mix(in srgb, var(--primary-color) 15%, transparent) 100%
);
pointer-events: none;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.coaches-section .read-more-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 5em;
background:
linear-gradient(to bottom,
transparent 0%,
color-mix(in srgb, var(--section-primary-color) 2%, transparent) 8%,
color-mix(in srgb, var(--section-primary-color) 5%, transparent) 16%,
color-mix(in srgb, var(--section-primary-color) 10%, transparent) 25%,
color-mix(in srgb, var(--section-primary-color) 18%, transparent) 35%,
color-mix(in srgb, var(--section-primary-color) 28%, transparent) 45%,
color-mix(in srgb, var(--section-primary-color) 40%, transparent) 55%,
color-mix(in srgb, var(--section-primary-color) 55%, transparent) 65%,
color-mix(in srgb, var(--section-primary-color) 70%, transparent) 75%,
color-mix(in srgb, var(--section-primary-color) 80%, transparent) 85%,
color-mix(in srgb, var(--section-primary-color) 88%, transparent) 94%,
color-mix(in srgb, var(--section-primary-color) 92%, transparent) 100%
),
radial-gradient(
ellipse at center bottom,
transparent 30%,
color-mix(in srgb, var(--section-primary-color) 8%, transparent) 60%,
color-mix(in srgb, var(--section-primary-color) 15%, transparent) 100%
);
pointer-events: none;
opacity: 1;
transition: opacity 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.owner-section .read-more-overlay.hidden,
.coaches-section .read-more-overlay.hidden {
opacity: 0;
}
@media(max-width:1024px) {
.owner-section .ast-container {
flex-direction:row;}
.owner-section .content-column {
padding-right:0px;
}
.owner-item, .coach-certificate-item {
font-size:16px;
line-height:20px;
}
}
@media (max-width:767px) {
.owner-section .content-column, .owner-section .image-column {
padding:0px;
}
.owner-section .content-column {
margin-top:50px;
}
.owner-section .owner-certificates {
max-width:100%;
margin:auto;
text-align:left;
line-height:22px;
}
.owner-section .owner-info {
position:relative;
max-width:100%;
padding: 20px;
}
.owner-item, .coach-certificate-item {
text-align:left;
}
}
/* Coaches section */
.coaches-section {
position:relative;
overflow:hidden;
}
.coaches-section .columns {
row-gap:80px;
position:relative;
z-index:1;
}
.coaches-section-description span:not(.text-underline) {
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
margin-bottom: 10px;
}
.coaches-section-description p {
margin-bottom:10px;
}
.coaches-section .coach-title {
color:#FFFFFF!important;
}
.coaches-section .coach-name {
margin-bottom:0px;
color:#FFFFFF!important;
font-size:24px;
}
.coaches-section .post-content {
position:relative;
}
.coaches-section img {
object-fit:cover;
}
.coach-certificate-item::before {
top:6px!important;
}
.coaches-section .coach-image-column {
position:relative;
padding:0px;
flex: 0 0 50%;
align-self: flex-start;
}
.coaches-section .coach-info {
position:absolute;
bottom:0;
left:0;
border-right:8px solid;
width:80%;
background: #000000;
padding:40px;
}
.coach-normal .coach-content-column {
border-right: 8px solid #000000;
padding:40px;
}
.coach-reverse .coach-content-column {
border-left: 8px solid #000000;
padding:40px;
}
@media(max-width:1024px) {
.coaches-section .outlined-text {
top:-30px;
}
.coaches-section .ast-container {
flex-direction:row;
}
.coach-title {
line-height:22px;
}
.coaches-section-description {
font-size: 16px;
line-height:20px;
}
.coach-content-column {
padding:0px 40px!important;
}
.owner-section .image-wrapper.image.is-4by5 {
padding-top:0;
height: 350px;
max-width:100%;
}
.owner-section .image-wrapper.image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.owner-section .owner-info {
position:relative;
max-width:100%;
margin-top:-80px;
}
.coach-image-column .image {
aspect-ratio: 4 / 5;
}
.coaches-section .outlined-text {
top:-30px!important;
}
}
@media(max-width:768px) {
.coaches-section .outlined-text {
top:-10px!important;
left:-5px!important;
}
.coaches-section .post-content {
padding:0px!important;
}
.coach-image-column .image {
aspect-ratio: 1 / 1;
}
.coaches-section .columns {
gap:20px;
display:flex;
flex-direction:column;
}
.coach-content-column {
padding: 10px!important;
border-right:0px!important;
border-left:0px!important;
display:flex;
flex-direction:column;
}
.coach-item .columns {
display:flex;
flex-direction:column;
}
.coach-reverse .coach-image-column {
order:1;
}
.coach-reverse .coach-content-column {
order:2;
}
.coaches-section .coach-info {
margin:auto;
width:100%;
text-align:center!important;
position:relative;
margin-top:-50px;
}
.coaches-section .coach-image-column {
width:100%;
}
h4.coach-name{
font-size:35px;
line-height:35px;
}
.coaches-section .coach-name {
line-height:35px;
}
.coaches-section .coach-certificates {
max-width:85%;
margin:auto;
text-align:center;
}
.coaches-section .description, .coaches-section .coach-certificates{
padding:0px!important;
}
.coaches-section .description {
text-align:center!important;
}
.coaches-section .coach-info {
padding:30px 20px;
}
.coaches-section .image.is-square {
padding-top: 0 !important;
}
.coaches-section .image img{
position: relative ;
}
}
/*Free intro pages*/
.video-placeholder {
margin-top: 40px;
padding-top: 56.25%;
height: 0px;
position: relative;
}
.video-placeholder > :is(div, span, iframe) {
max-width: 100% !important;
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
@media(min-width:1024px) {
.free-intro-hero .glass-box{
margin-top:-300px;
}
}
@media(max-width:1024px) {
.free-intro-section .ast-container {
flex-direction:row;
}
}
@media(max-width:767px) {
.free-intro-section .column.is-6 {
padding:10px 0px;
}
}
/*Free intro social*/
.page-template-page-free-intro .free-intro-section h1 {
font-size:36px;
font-weight:700;
}
.page-id-3423 .free-intro-section .ast-container {
flex-direction:column;
}
.page-id-3423 .free-intro-description {
text-align:center;
}
.page-id-3423 .free-intro-section .ast-container .column.is-6 {
width:100%;
}
.page-template-page-free-intro .header-wrapper {
position:relative!important;
}
.page-template-page-free-intro .free-intro-section {
min-height: calc(100dvh - var(--header-height))!important;
height:100%;
display: flex;
flex-direction: column;
justify-content: center;
margin-top: 0px;
margin-bottom: 0px;
position:relative;
overflow:hidden;
}
.page-template-page-free-intro .overlay-color {
z-index:1;
}
.free-intro-section.free-intro-social .ast-container {
position: relative;
z-index: 2;
}
.page-template-page-free-intro :where(.footer-top, .site-footer, .ast-grid-right-section) {
display: none!important;
}
.page-template-page-free-intro #masthead, .page-template-page-free-intro .site-content #masthead.scrolled {
position:relative!important;
}
.page-template-page-free-intro #masthead.scrolled {
box-shadow:none!important;
}
.page-template-page-free-intro .ast-logo-title-inline .site-logo-img {
padding-right: 0px;
}
.page-template-page-free-intro .ast-builder-grid-row{
display: flex;
justify-content: center;
}
.page-id-3423 .site-logo-img {
pointer-events: none !important;
}
.page-id-3423 .free-intro-section .free-intro-form{
background-color: #FFFFFF!important;
box-shadow: 0px 4px 250px 0px #0000001F;
width: 778px!important;
margin: auto;
padding-top: 20px!important;
border-top: 8px solid;
}
.page-id-3423 .overlay-color {
max-width:900px;
margin:auto;
}
@media(max-width:1024px) {
.page-template-page-free-intro .free-intro-section h1 {
font-size:35px;
}
.page-id-3423 .overlay-color {
margin:0px auto;
}
.page-id-3423 .free-intro-section .free-intro-form{
width:100%!important;
}
.page-template-page-free-intro .free-intro-description.is-6 {
padding-right:20px;
}
}
@media(max-width:767px) {
.page-template-page-free-intro .free-intro-description.is-6 {
padding-right:0px;
}
.page-template-page-free-intro .free-intro-section {
height: 100%;
min-height: 100%!important;
overflow: hidden;
}
.page-template-page-free-intro .free-intro-section .free-intro-form{
}
.page-template-page-free-intro #primary {
padding-bottom:0px!important;
}
.page-template-page-free-intro .free-intro-section h1 {
font-size:30px;
}
}
/* Programs block */
.programs-section .ast-container {
display: flex;
}
.programs-section .page-section-description {
padding-bottom: 50px;
}
.programs-section .section-item {
display: grid;
grid-template-columns: 36px 2px 1fr;
align-items: center;
column-gap: 16px;
min-height: 80px;
}
.programs-section .content-box {
padding: 20px 35px;
}
.programs-section .program-box {
border-right: 8px solid #000000;
}
.programs-section .section-sep {
width: 1px;
height: 70%;
border-radius: 2px;
align-self: center;
}
.programs-section .button {
border: 2px solid #FFFFFF;
background: transparent!important;
color: #ffffff;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 18px;
font-size: 16px;
height: 40px;
font-weight: 500;
font-size: 18px;
}
.programs-section .ast-container {
flex-direction: column;
gap: 64px;
}
.programs-section .box {
background-color: transparent;
}
.programs-section img {
object-fit: cover;
}
.programs-section .program-title-button {
position: absolute;
bottom: 38px;
left: 38px;
max-width: 90%;
}
.programs-section .program-title-button .button::before {
display: none !important;
}
.programs-section .program-title-button .button:hover {
border: 2px solid;
}
.programs-section .program-image {
position: relative;
padding: 0px !important;
overflow: hidden;
}
.programs-section .program-image .image::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #00000066;
}
.programs-section .program-number {
position: absolute;
right: -40px;
bottom: 0;
font-size: 304px;
line-height: 200px;
align-items: center;
align-content: center;
font-family: 'Poppins';
-webkit-text-stroke: 1px #888888;
color: transparent !important;
font-weight: 700;
pointer-events:none;
}
.programs-section h3 {
font-size: 36px;
font-weight: 700;
text-transform: none;
}
.programs-section h3 a:hover {
color:#FFFFFF;
}
.programs-section .section-title {
font-weight: 700;
}
.programs-section .focus-section {
margin-bottom: 10px;
}
@media(max-width:1024px) {
.programs-section h3 {
font-size: 30px;
}
.programs-section .program-title-button {
max-width: 85%;
bottom:25px;
left:25px;
}
.programs-section .page-section-description {
line-height: 24px;
}
.programs-section .program-number {
font-size: 250px;
line-height: 150px;
}
.programs-section .page-section-description {
padding-bottom: 20px;
}
.image.is-square-mobile {
aspect-ratio: 1 / 1;
height: auto;
padding-top:0px;
}
.image.is-square-tablet img {
object-fit: cover;
width: 100%;
height: 100%;
}
.programs-section .ast-container {
gap: 30px;
}
}
@media (max-width: 768px) {
.programs-section .program-description .column {
padding: 0px;
}
.programs-section .program-box {
border-right: 0px;
}
.programs-section .content-box {
padding: 20px 0px;
}
.programs-section .section-item {
display: flex;
flex-direction: column;
gap: 5px;
max-width:75%;
margin:auto;
line-height:24px;
}
.programs-section .section-sep {
width: 20%;
height: 1px;
}
.programs-section .focus-section {
margin-bottom: 20px;
}
.programs-section .program-number {
font-size: 200px;
line-height: 120px;
right: -20px;
}
.programs-section .program-image .image::after {
background-color: #00000099;
}
}
/* Blog grid block */
.blog-section {
position: relative;
}
.blog-section.ast-container {
flex-direction: column;
}
.ast-right-sidebar #primary {
width: 100%;
border-right: 0;
padding-right: 0;
}
.blog-grid {
position: relative;
}
.blog-grid.columns {
margin: 0;
}
.blog-grid p {
color:#000;
text-align:center;
}
.post-category {
width:fit-content;
max-width: 90%;
font-size: 16px;
line-height: 22px;
padding: 0 8px 0 24px !important;
font-weight: 600;
position: absolute;
top: 18px;
left: 0;
color: #FFF;
text-transform: uppercase;
}
.category-link {
color: #FFF;
}
.category-link:hover {
color: #FFF;
}
.post-image-wrapper {
position: relative;
}
.post-meta.bottom-meta {
display: flex;
font-size: 14px;
align-items: center;
padding: 20px 10px 0;
min-width: 95%;
justify-content: flex-start;
color: #3D3D3D;
text-transform: uppercase;
background-color:#FFFFFF;
}
.post-meta.bottom-meta>div {
display: flex;
align-items: center;
position: relative;
padding: 0 14px;
line-height: 16px;
}
.post-meta.bottom-meta>div:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 16px;
}
.search-wrapper {
margin-top: 20px;
display: flex;
justify-content: center;
}
.blog-search-form {
display: flex;
background: #FFF;
border-radius: 2px;
overflow: hidden;
padding: 3px;
}
.blog-search-form input[type="search"] {
border: none;
background: transparent;
padding: 10px 15px;
width: 550px;
font-size: 16px;
}
.blog-search-form input[type="search"]::placeholder {
color: #B0B0B0;
}
.blog-search-form input[type="search"]:focus {
outline: none;
}
.blog-search-form .search-button {
border: none;
border-radius: 2px;
padding: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #fff;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.blog-search-form .search-button:hover {
background-color:#000000!important;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.blog-search-form .search-button span {
font-weight: 500;
padding-right: 10px;
border-right: 1px solid #fff;
}
.blog-search-form .search-button svg {
margin-left: 10px;
}
.blog-post {
display: flex;
flex-direction: column;
height: 100%;
border-bottom: 4px solid #000;
box-shadow: 0 5px 36px 0 #00000014;
}
.post-content {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 24px;
background:transparent;
}
.blog-grid .post-content {
background:#FFFFFF!important;
}
.post-read-more {
margin-top: auto;
}
.post-title{
font-family:"Work Sans";
font-size: 25px!important;
line-height:30px!important;
font-weight: bold!important;
margin-bottom: 20px!important;
}
.related-posts-section .post-title{
font-size: 20px;
line-height:25px;
}
.related-posts-section .post-content {
background:#ffffff;
}
.post-title a,
.post-title a:focus,
.post-title a:hover {
color: #000;
}
.post-excerpt {
color: #3D3D3D;
line-height: 24px;
margin-bottom: 30px;
}
.category-swiper-wrapper {
display: flex;
align-items: center;
gap: 30px;
position:relative!important;
}
}
.category-swiper {
flex: 1;
}
.swiper-button-prev,
.swiper-button-next {
position: relative!important;
width: 24px!important;
height: 24px!important;
margin: auto!important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset,0px)!important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset,0px)!important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
font-size: 18px!important;
color: #000!important;
font-weight: bold!important;
}
.swiper-slide {
width: auto !important;
}
.category-button {
flex: 0 0 auto;
font-family: 'Work Sans';
font-weight: 400;
font-size: 18px;
letter-spacing: 0;
text-transform: none;
border: none;
background: transparent;
color: #4F4F4F;
cursor: pointer;
white-space: nowrap;
margin-right: 20px !important;
padding:0px 10px;
gap:5px;
display:flex;
}
.category-button:hover {
border-bottom:4px solid #000000;
}
.category-button.active {
background: transparent;
color: #000;
font-weight:700;
border-bottom:4px solid #000000;
}
.category-buttons-slider {
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
gap: 1rem;
}
.category-filter-wrapper .pg-bullet {
filter:none;
margin:0px px;
--size:20px!important;
min-width:20px!important;
margin:auto;
}
.category-filter-wrapper .pg-bullet::before, .category-filter-wrapper .pg-bullet::after {
width:40%;
height:40%;
margin:auto!important;
}
/* pg-bullet animation */
.category-filter-wrapper .pg-bullet {
opacity: 0;
transform: scale(0.5);
transition: all 0.3s ease;
animation: bulletFadeIn 0.3s ease forwards;
}
@keyframes bulletFadeIn {
from {
opacity: 0;
transform: scale(0.5);
}
to {
opacity: 1;
transform: scale(1);
}
}
.category-filter-wrapper {
padding-bottom:50px;
}
.post-image-wrapper img {
height: 300px;
width: 100%;
object-fit: cover;
}
.read-more-button:focus {
color: #fff;
}
.post-meta.bottom-meta svg {
margin-right: 5px;
}
.post-date,
.post-author,
.post-reading-time {
display: flex;
align-items: center;
}
.blog-filters-section {
margin-bottom: 50px;
}
.pagination,
.pagination-list {
margin-top: 50px !important;
margin: auto;
gap: 0;
width: 100%;
justify-content: center;
}
.page-numbers {
min-width: 40px;
height: 40px;
padding: 8px;
border: 1px solid #000;
line-height: 24px;
font-family: 'Work Sans';
margin: 0 10px;
color: #000;
}
.page-numbers.current {
color: #fff;
background-color: #000;
border-color: #000;
font-weight: 700;
}
.next.page-numbers,
.prev.page-numbers {
border: none;
}
.next.page-numbers:hover,
.prev.page-numbers:hover {
background: transparent !important;
border: none;
}
.ast-pagination {
display: none;
}
.post-content .read-more-button {
border: 2px solid;
background: transparent;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 5px 14px;
font-size: 18px;
font-weight: 500;
}
@media (min-width: 1025px) and (max-width: 1200px) {
.post-meta.bottom-meta>div {
padding: 0 10px;
}
}
@media (max-width: 1024px) {
.blog-grid {
gap:30px!important;
}
.blog-search-form,
.blog-search-form input[type="search"] {
width: 100%;
}
.post-image-wrapper img {
height:300px;
}
.post-meta.bottom-meta svg {
display: none;
}
.post-meta.bottom-meta>div {
padding:0px 10px;
font-size:12px;
}
}
@media (max-width: 768px) {
.search-wrapper {
margin-top: 0px;
}
.post-category {
font-size: 14px;
line-height: 18px;
}
.category-button {
padding: 5px;
font-size:16px;
}
.search-text {
display: none;
}
.blog-search-form .search-button svg {
margin-left: auto;
}
.blog-grid .column {
padding: 0 20px;
}
.blog-grid {
padding: 0;
}
.post-content {
text-align: center;
padding: 20px;
}
.post-image-wrapper img {
max-height: 300px;
}
.post-meta.bottom-meta>div {
padding: 0 7px;
}
.post-meta.bottom-meta {
font-size: 12px;
line-height:16px;
justify-content: center;
text-align:center;
}
}
/* Search and Category page*/
.search .blog-grid, .category .blog-grid {
padding:110px 0px 110px!important;
}
.search #primary, .category #primary {
margin:0px!important;
padding:0px!important;
}
.hero-archives {
position: relative;
width: 100vw;
height: auto;
left: 50%;
transform: translateX(-50%);
overflow: visible!important;
z-index: 1;
}
.search .blog-grid {
max-width:1210px;
margin:auto;
}
.hero-archives {
position:relative;
min-height:400px!important;
}
.hero-archives .hero-content {
min-height:auto;
}
.hero-archives img {
position:absolute;
width:100vw!important;
height:100%;
object-fit:cover;
object-position:center;
left:0;
top:0;
}
.hero-archives .hero-overlay-color {
margin:auto!important;
padding:120px 30px 50px;
}
.hero-archives::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: #00000099;
}
.hero-archives .search-title {
font-size: 50px;
line-height: 55px;
margin-bottom: 0px;
font-weight: 500;
color: #FFFFFF!important;
text-transform:none;
}
.blog-grid .column {
padding:0px;
margin:0px;
flex:1 1 calc( 50% - 25px );
}
@media(max-width:1024px) {
.search .blog-grid, .category .blog-grid {
padding:80px 30px!important;
}
.blog-grid .column.is-6-desktop {
max-width: calc(50% - 15px)!important;
}
}
@media(max-width:768px) {
.hero-archives .search-title {
font-size:36px;
line-height:40px;
}
.search .blog-grid, .category .blog-grid {
padding:50px 20px!important;
}
.blog-grid .column.is-6-desktop{
width:100%;
max-width:100%!important;
}
.blog-grid {
display:flex;
flex-direction:column;
}
}
.blog-grid .column.is-6-desktop {
margin-bottom:0px!important;
max-width:calc( 50% - 25px );
}
.blog-grid {
gap:50px;
justify-content:space-between;
}
.blog-section .column.is-12 {
padding:0px!important;
}
@media(min-width:1025px) and (max-width:1250px) {
.blog-grid {
padding:0px 30px;
}
.search .blog-grid, .category .blog-grid {
padding:110px 30px!important;
}
}
.hero-archives .search-title strong {
color:#fff;
}
/*Single post page*/
.hero-single-post .ast-container {
width:100%;
}
.hero-single-post {
position: relative;
width: 100vw;
height: auto;
left: 50%;
transform: translateX(-50%);
overflow: visible!important;
z-index: 1;
}
.hero-single-post img {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
object-fit:cover;
object-position:center;
}
.hero-single-post::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: #00000099;
}
.hero-single-post .post-meta {
position:absolute;
bottom:-45px;
z-index:2;
min-height:90px;
background:#000;
padding:25px;
width:620px;
}
.hero-single-post .post-meta svg {
margin-right:12px;
}
.hero-single-post .hero-content {
text-align:left;
min-height:100%!important;
}
.hero-single-post {
min-height:55vh!important;
}
.hero-single-post h1.post-title {
font-family: "Sora";
font-weight: 800;
font-size: 64px!important;
leading-trim: Cap height;
line-height: 68px!important;
letter-spacing: 0%;
text-transform: none!important;
color: #fff!important;
padding: 30px 0px 30px;
}
.single-post-categories {
max-width: fit-content;
padding: 3px 20px;
font-weight: 700;
border-radius: 0px;
color: #fff;
padding-left:28px;
font-size:18px;
line-height:24px;
}
.single-post-categories a {
color: #fff;
}
.hero-single-post .back-to-blog {
position: relative;
z-index: 2;
text-align: left;
padding-bottom:30px!important;
}
.single .content-area p {
margin-bottom:40px;
}
.back-to-blog {
padding-bottom:30px;
}
.back-to-blog a:focus {
color:#fff!important;
}
.hero-single-post .post-meta
{
display:flex;
max-width:600px;
justify-content:space-between;
font-size:18px;
}
.single-post-categories a {
text-transform:uppercase;
font-weight:500;
}
.single-post-categories a:hover {
color:#d2d2d2;
}
.hero-single-post .single-post-header {
padding:100px 0px;
}
.single .post-container ul {
color:#000;
margin-left:27px;
}
.single .post-container ul li {
position:relative;
list-style:none;
padding-left: 30px;
margin-bottom: 14px;
}
.single .post-container ul li::before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 15px;
height: 15px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
}
.hero-single-post .post-meta > div {
display: flex;
align-items: center;
position: relative;
}
.hero-single-post .post-meta > div:not(:last-child)::after {
content: '';
width: 2px;
height: 20px;
opacity: 0.5;
margin-left: 20px;
position: absolute;
right: -20px;
}
.hero-single-post .post-meta svg {
margin-right: 12px;
}
.hero-single-post .post-meta div {
color: #fff;
white-space: nowrap;
text-align:center;
}
.hero-single-post {
padding:110px 30px 0px;
}
@media(min-width:1251px) {
.post-container {
padding:110px 0px 110px!important;}
}
.post-container {
padding:110px 0px 70px!important;
flex-direction:column;
}
.related-posts.ast-container {
padding: 110px 0px 110px!important;
flex-direction:column;
}
.related-posts-section .is-4-desktop {
padding:0px!important;
flex:1;
max-width:33.3%;
margin:0px auto;
z-index:1;
}
.related-posts-section .columns {
display:flex;
margin:0px!important;
gap:30px;
margin-top:50px!important;
}
.related-posts-section p {
margin-left:15px;
}
@media (min-width: 1025px) and (max-width: 1250px) {
.related-posts-section {
padding:0px 30px;
}
.post-container {
padding:110px 30px!important;
}
}
@media(max-width:1024px) {
.related-posts-section .read-more-button {
font-size:16px;
padding:2px 10px;
}
.related-posts-section .post-title a {
font-size:18px;
}
.related-posts-section .post-category {
font-size:14px;
line-height:18px;
}
.related-posts-section .post-image-wrapper img {
height:200px;
}
.hero-single-post .post-meta
{
display:flex;
justify-content:space-between;
font-size:16px;
position: absolute;
bottom: -35px;
z-index: 2;
min-height: 60px;
background: #000;
padding: 20px;
max-width:550px;
}
.post-container {
padding:80px 30px 0px!important;
}
.related-posts.ast-container {
padding:80px 30px 80px!important;
}
.hero-single-post h1.post-title {
font-size:40px!important;
line-height:45px!important;
}
.hero-single-post .glass-box {
margin-top:-150px;
}
.hero-single-post .single-post-header {
padding:50px 0px;
}
.hero-single-post {
min-height:40vh!important;
}
}
@media(max-width:767px) {
.related-posts-section .read-more-button {
font-size:18px;
padding:5px 14px;
}
.related-posts-section .post-title a {
font-size:20px;
}
.related-posts-section .post-category {
font-size:16px;
}
.related-posts-section .post-image-wrapper img {
height:300px;
}
.hero-single-post .hero-overlay-color {
margin:auto;
}
.related-posts-section .columns {
flex-direction:column;
}
.related-posts-section p {
text-align:center;
padding-top:10px;
margin-left:0px;}
.hero-single-post .post-meta {
flex-direction:column;
max-width:90%;
margin:auto;
width:90%;
position:relative;
flex-wrap:wrap;
text-align:center;
padding:15px;
}
.single-post-categories {
display:flex;
margin:auto;
font-size:16px;
}
.back-to-blog {
padding-bottom:20px;
}
.hero-single-post h1.post-title {
font-size:30px!important;
line-height:35px!important;
padding-bottom:0px;
}
.hero-single-post {
padding:80px 0px 0px;
}
.post-container {
padding:80px 20px 0px!important;
}
.blog-post {
height:auto;
}
.post-date, .post-author, .post-reading-time {
justify-content:center;
}
.hero-single-post .single-post-header {
padding:50px 20px 0px;
}
.hero-single-post .back-to-blog {
text-align:center;
}
.single-post-categories {
flex-wrap:wrap;
justify-content:center;
line-height:22px;
}
.related-posts.ast-container {
padding:50px 20px 80px!important;
}
.hero-single-post .back-to-blog {
padding-top:30px!important;
padding-bottom:0px!important;
}
.hero-single-post .post-meta > div:not(:last-child)::after {
display:none;}
.hero-single-post {
min-height:100%!important;
}
.related-posts-section .is-4-desktop {
max-width:100%;
}
}
.single #primary {
background:transparent!important;
}
.related-posts-section {
position:relative;
overflow:hidden;
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
/*Locations*/
.location-content .content{
background:#000000;
min-height:250px;
width:80%;
position:absolute;
bottom:10px;
padding:25px!important;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.location-image {
padding:0px;
}
.location-block {
position:relative;
padding:0px;
}
.location-content :where(h3,div) {
color:#fff!important;
}
.location-content h3 {
font-size:25px;
line-height:30px;
}
.image-box-section .columns.is-multiline.ast-container {
display: flex;
flex-wrap: wrap;
gap: 60px;
margin: auto!important;
}
.image-box-section .columns.is-multiline.ast-container .column {
flex: 1;
padding: 0 !important;
margin: auto!important;}
.image-box-section img {
object-fit:cover;
object-position:center;
}
.image-box-section .image.is-square {
margin-bottom:10px;
}
.image-box-section .button {
background:transparent!important;
color:#ffffff;
border:1px solid white;
margin-top:30px;
padding:20px;
}
.image-box-section .button:hover {
border:1px solid;
padding:20px;
}
.image-box-section .button::after {
content: "";
display: inline-block;
width: 15px;
height: 12px;
margin-left: 6px;
background: #ffffff;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.acf-map-embed {
aspect-ratio: 4 / 5;
}
.image-box-section .column.is-6 {
flex: 0 0 calc((100% - 60px) / 2)!important;
max-width:calc((100% - 60px) / 2);
box-sizing:border-box;
}
.image-box-section .columns.is-multiline.ast-container {
flex-wrap:wrap;
justify-content:center;
}
@media(max-width:1024px) {
.location-content h3 {
font-size:22px;
line-height:26px;
}
.image-box-section .columns.is-multiline.ast-container {
flex-direction:row;
gap:30px;
}
.image-box-section .column.is-6 {
flex: 0 0 calc((100% - 30px) / 2)!important;
max-width:calc((100% - 30px) / 2);
box-sizing:border-box;
}
.image-box-section .columns.is-multiline.ast-container .column {
flex: 1 1 calc(50% - 20px);
}
.location-block {
position:relative!important;
}
.acf-map-embed {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
margin-bottom:10px;
}
.location-content .content {
position:relative;
width:100%;
}
}
@media(max-width:768px) {
.image-box-section .columns.is-multiline.ast-container {
flex-direction:column;
}
.image-box-section .columns.is-multiline.ast-container .column {
flex: 0 0 100%;
width:100%;
}
.image-box-section .column.is-6 {
max-width:100%;
}
.location-content .content {
min-height:auto!important;
}
}
/*Corporate Wellness*/
/* Job listing */
.job-position-section .columns.is-multiline {
gap: 30px;
position:relative;
z-index:2;
flex-wrap:wrap;
justify-content:center;
}
.job-position-section .column.is-flex {
display: flex;
flex-direction: column;
padding:0px;
}
.job-box {
display: flex;
flex-direction: column;
justify-content: stretch;
box-shadow: 0px 7px 24px 0px #00000014;
height: 100%;
padding:0px;
border-bottom: 4px solid black;
border-radius:0px;
}
.job-position-section .column.is-4 {
flex: 0 0 calc((100% - 10px) / 3)!important;
max-width:calc((100% - 70px) / 3);
box-sizing:border-box;
}
.job-card-body {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.job-card-footer {
margin-top: 50px;
}
.job-position-section .job-requirements ul li::before {
width:18px;
height:18px;
}
.job-position-section .job-requirements ul {
margin-top:0px;
}
.job-box {
display: flex;
flex-direction: column;
height: 100%;
}
.job-card-inner {
display: flex;
flex-direction: column;
flex: 1;
}
.job-card-body {
flex: 0 0 auto;
}
.job-details-wrapper {
display: flex;
flex-direction: column;
flex: 1;
}
.job-content-top {
flex: 0 0 auto;
}
.job-card-footer {
margin-top: auto;
}
h3.job-title {
font-size:24px;
line-height:30px;
font-weight: 700;
text-transform: none;
margin-bottom:64px;
color:#ffffff!important;
}
.job-role-description {
min-height:280px;
}
.job-headline {
font-family:"Sora";
font-weight: 700;
font-size:22px;
line-height:24px;
}
.jobs-section-description h2{
font-weight:400;
}
.jobs-section-description {
padding:0px;
}
.job-position-section .media-left {
width: 100%;
margin-right: 0;
}
.job-requirements {
padding: 10px 0px 30px;
}
.job-requirements ul {
margin: 0;
padding: 0;
}
.job-requirements ul li {
line-height:24px;
}
.job-description {
display:flex;
flex-direction:column;
}
.job-title-wrapper {
background:#000000;
padding:30px;
min-height:200px;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.job-location,
.job-contract {
display: inline-flex;
align-items: center;
gap: 8px;
line-height:24px;
}
.job-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.job-icon svg {
width: 22px;
height: 22px;
}
.job-position-section {
position:relative;
overflow:hidden;
}
.job-title-wrapper :where(h4,p,span) {
color:#ffffff!important;
}
.job-details-wrapper {
padding:30px;
}
.job-contract, .job-position {
display:flex;
gap:10px;
}
.job-description{
gap:14px;
}
@media(max-width:1250px) {
.job-title-wrapper {
min-height:280px;
}
}
@media (max-width:1024px) {
.job-location,
.job-contract {
font-size:16px;
line-height:22px;
}
.job-title-wrapper, .job-details-wrapper {
padding: 30px 20px;
}
.job-position-section .columns.is-multiline {
flex-direction:row;
gap:20px;
}
.job-description {
display:flex;
flex-direction:column;
gap:10px;
}
.job-position-section .job-contract {
margin-left:0px;
}
.job-requirements {
padding-bottom:20px!important;
}
.job-role-description {
min-height:300px;
}
h3.job-title {
margin-bottom:30px;
}
.job-title-wrapper {
min-height:220px;
}
.job-position-section .outlined-text {
right:-20px;
}
}
@media(max-width:767px) {
.job-position-section .outlined-text {
margin-bottom:0px;
right:-10px!important;
}
.job-description {
flex-direction:row;
justify-content:center;
}
.job-description {
flex-direction:column;
align-items:center;
}
.job-role-description {
min-height:auto;
}
.job-position-section .columns.is-multiline {
flex-direction:column;
}
.job-headline {
text-align:center;
}
.job-position-section .job-requirements ul {
max-width:85%;
}
.job-requirements {
display:flex;
flex-direction:column;
align-items:center;
}
.jobs-section-description {
padding:0px;
}
.job-title-wrapper {
min-height:auto;
}
h3.job-title {
margin-bottom:20px;
}
.job-position-section .columns.is-multiline {
gap:30px;
}
.jobs-section-description h2{
margin-bottom: 40px;
}
.job-position-section .column.is-4 {
max-width:100%;
}
}
/*Pricing block*/
.pricing-section .pricing-section-description h2 {
font-weight:500;
}
.price-title, .price-container {
padding-right:30px;
}
.pricing-header-box {
position:relative;
padding:36.5px 0px 36.5px 30px;
z-index:0;
}
.pricing-body {
padding:0px 30px;
}
.pricing-button-wrapper {
padding:20px 30px 40px;
}
.highlight-price-box {
color:#ffffff;
}
.highlight-price-box .pricing-body ul li,
.highlight-price-box h3.price-title,
.highlight-price-box .price-container {
color: #ffffff!important;
}
.highlight-price-box .subtitle {
background:#ffffff!important;
color:#000000!important;
}
.subtitle {
font-family:'Sora';
font-weight:700;
text-transform:uppercase;
font-size:22px;
line-height:22px;
color:#FFFFFF!important;
padding:4px;
margin-top:30px;
}
.highlight-price-box .button {
background:#FFFFFF!important;
}
.pricing-section .button {
font-size:18px!important;
}
.highlight-price-box .button {
color:#000000;
}
.highlight-price-box .button::before {
border-color:#FFFFFF!important;
}
.highlight-price-box .button:hover {
background:#FFFFFF!important;
color:#000000!important;
}
.column.pricing-box-wrapper {
max-width:33.3%;
justify-content:center;
}
h3.price-title {
font-weight: 400;
font-size: 26px;
line-height: 30px;
margin-bottom:18px!important;
}
.price {
font-family:'Sora';
font-size:48px;
line-height:38px;
font-weight:700;
}
.price-suffix {
font-size:22px;
font-weight:500;
}
.pricing-section .pricing-box-wrapper.is-multiline{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 35px;
}
.pricing-section .column.pricing-box-wrapper {
flex: 0 0 calc((100% - 70px) / 3);
max-width: calc((100% - 70px) / 3);
box-sizing: border-box;
}
.pricing-box-wrapper .column {
padding:0px;
}
.pricing-box {
box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.20);
width:100%;
background:#FFFFFF;
}
ul.pricing-feature, .privacy-content ul {
list-style:none!important;
margin-left:0px;
}
ul.pricing-feature li, .privacy-content ul li {
position:relative;
list-style:none;
padding-left: 30px;
margin-bottom: 14px;
}
.privacy-content-form {
font-size: 14px;
text-align: center;
position: relative;
top: -22px;
color:#000000;
}
.privacy-content-form a {
color:#000000;
text-decoration:underline;
}
ul.pricing-feature li::before, .privacy-content ul li::before{
content: '';
position: absolute;
left: 0;
top: 8px;
width: 15px;
height: 15px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
}
.highlight-price-box ul.pricing-feature li::before {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
}
.privacy-content ul {
margin-bottom:50px;
}
@media(max-width:1024px) {
.price {
font-size:32px;
line-height:22px;
}
.subtitle {
font-size:18px;
}
.pricing-body {
padding:0px 20px;
}
.pricing-header-box {
padding: 30px 0px 30px 20px;
}
.pricing-button-wrapper {
padding:0px 20px 30px;
}
.pricing-box-wrapper {
flex-direction:row!important;
}
.pricing-section .column.pricing-box-wrapper {
flex: 0 0 calc((100% - 40px) / 3);
max-width: calc((100% - 40px) / 3);
gap:20px!important;
}
.pricing-section .pricing-box-wrapper.is-multiline{
gap:20px!important;
}
.price-container {
font-size:30px;
}
}
@media(min-width:950px) and (max-width:1024px) {
.price-title {
padding-right:55px;
}
}
@media(max-width:768px) {
.privacy-content-form {
font-size:12px;
}
.pricing-section .column.pricing-box-wrapper {
gap: 30px!important;
display: flex;
flex-direction: column!important;
flex: 0 0 100%;
max-width: 100%;
}
.column.pricing-box-wrapper {
max-width:100%;
}
}
/* Privacy policy */
.hero-privacy .hero.is-fullheight {
min-height:350px!important;
}
.hero-privacy .hero.is-fullheight h1 {
font-size:74px;
text-transform:none;
}
@media(max-width:1024px) {
.hero-privacy .hero.is-fullheight h1 {
font-size:55px;
line-height:65px;
}
.hero-privacy .hero.is-fullheight {
min-height:280px!important;
}
}
@media(max-width:768px) {
.hero-privacy .hero.is-fullheight h1 {
font-size:40px;
line-height:50px;
}
.hero-privacy .hero.is-fullheight {
min-height:auto!important;
}
}
.privacy-content .columns>.column{
text-align:left!important;
padding:0px;
}
.privacy-content :where(h1, h2, h3, h4, h5, h6) {
font-weight: 600!important;
font-family:"Work Sans"!important;
text-transform:none!important;
font-size:28px!important;
letter-spacing:0px!important;
}
.privacy-content a {
text-decoration:underline;
}
.privacy-content ul {
margin-left:24px;
}
.privacy-content p {
margin-bottom:50px;
}
.privacy-policy h1 {
font-weight:500;
}
.privacy-policy {
background:#000;
}
@media(max-width:1024px) {
.privacy-content :is(h1, h2, h3, h4, h5, h6) {
font-size:25px!important;
letter-spacing:0px!important;
}
.privacy-content .columns>.column{
text-align:left!important;
padding:0px;
}
}
@media(max-width:767px) {
.privacy-content :where(h1, h2, h3, h4, h5, h6) {
font-size:22px!important;
}
.privacy-content p {
margin-bottom:30px;
}
.privacy-content ul {
margin-bottom:30px;
}
}
/* Corporate wellness */
.page-testimonials p:not(.testimonial-content p) {
text-transform:none;
font-size:inherit;
font-weight:inherit;
}
.page-testimonials .testimonial-headline {
text-align:center!important;
justify-content:center!important;
margin-bottom:130px;
}
.page-testimonials .testimonial-headline h2 {
font-weight:500;
}
@media(max-width:1024px) {
.page-testimonials .testimonial-headline {
margin-bottom:80px;
}
}
@media(min-width:1025px) {
.page-testimonials p:not(.testimonial-content p) {
max-width:800px;
margin:auto;
}
}
@media(max-width:768px) {
.page-testimonials .testimonial-headline {
margin-bottom:30px;
}
}
.wellness-solutions .icon-box {
flex-direction:column;
align-items:center;
}
.wellness-solutions .card {
text-align:center!important;
}
.wellness-solutions svg {
width:100px;
height:100px;
margin-bottom:10px
}
@media(min-width:1025px) {
.corporate-wellness-cta .line-container-reverse {
width:50%;
margin-top:20px
}
.benefit-text {
font-size:18px;
line-height:24px;
}
}
.corporate-wellness-description .block-description :where(h2,strong, p, a){
color:#000000!important;
}
.corporate-wellness-description .block-description h2 {
font-weight:400;
}
.corporate-wellness-benefits .is-3by5 {
aspect-ratio: 9 / 16!important;
}
.corporate-wellness-description .block-description {
padding-bottom:50px;
}
@media(max-width:1024px) {
.wellness-solutions svg {
width:100px!important;
height:100px!important;}
}
@media(max-width:767px) {
.wellness-solutions svg {margin-bottom:10px}
}
/*404 page*/
.error404 .ast-row {
margin:auto;
}
.error404 header.site-header,
.error404 footer.site-footer,.error404 .footer-top {
display: none !important;
}
.error404 .site-content .ast-container {
justify-content: center;
text-align: center;
min-height: 100dvh;
align-items: center;
padding:50px 30px!important;
display:flex;
}
.error404 .button.modal-button.button--mimas {
margin-top:15px;
}
.error404 .site-logo {
max-width:150px;
padding-bottom: 30px;
margin:auto;
}
.error404 h1 {
font-weight:700;
}
.error404 .button, .error404 .button:hover{
background-color:#ffffff!important;
color:#000000!important;
}
.error404 .button::before {
border-color:#ffffff!important;
}
@media (max-width:768px) {
.error404 .site-content .ast-container {
padding: 50px 20px;
}
}
/*Video Testimonials Block*/
.video-testimonial-section h2{
font-weight:300;
margin-bottom:0px;
}
.video-slider {
max-width: 1210px;
}
.video-testimonial-section .video-testimonial-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 40px;
max-width: 1210px;
margin-left: auto;
margin-right: auto;
}
.video-testimonial-section .video-description-content {
flex: 1;
}
.video-testimonial-section .video-controls {
display: flex;
gap: 18px;
margin:auto;
padding-right:10%;
}
.video-testimonial-section .video-arrow {
cursor: pointer;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.3s ease;
opacity:0.3;
color:inherit;
background-color:transparent!important;
}
.video-testimonial-section .video-arrow:hover {
opacity: 1;
}
.video-testimonial-section .video-list-item {
position: relative;
margin: 0px;
padding-right:50px;
}
.video-testimonial-section .video-container {
position: relative;
width: 100%;
height: 500px;
overflow: hidden;
}
.video-testimonial-section .video-container::after {
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background: #00000066;
z-index:0;
}
.video-testimonial-section .video-thumbnail-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.video-testimonial-section .video-play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: none;
border: none;
padding: 0;
cursor: pointer;
transition: transform 0.3s ease;
z-index:1;
}
.video-testimonial-section .video-play-button:hover {
transform: translate(-50%, -50%) scale(1.1);
}
.video-testimonial-section .video-caption-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 35px;
max-width:60%;
}
.video-testimonial-section .video-caption {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 0px;
color:#ffffff!important;
background-color:#000000;
max-width:fit-content;
padding:5px 20px;
}
.video-testimonial-section .client-role {
background-color:#ffffff;
padding:18px;
}
/* Video Modal Styles */
.video-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.video-modal.is-active {
display: block;
}
.video-modal-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFFFFF80;
cursor: pointer;
}
.video-modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 1200px;
z-index: 10000;
}
.video-modal-player {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-modal-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 1024px) {
.video-testimonial-section .video-caption-overlay {
max-width:90%;
padding:20px;
}
.video-testimonial-section .video-testimonial-header {
flex-direction: row;
}
.video-testimonial-section .video-container {
height: 450px;
}
.video-testimonial-section .video-controls {
padding-right:0px;
}
}
@media (max-width: 768px) {
.video-testimonial-section h2{
margin-bottom:20px;
text-align:center;
}
.video-testimonial-section .video-description-content {
margin:auto;
}
.video-testimonial-section .video-container {
height: 250px;
}
.video-modal-content {
width: 95%;
}
.video-testimonial-section .video-list-item {
padding-right:0px;
}
.video-testimonial-section .video-testimonial-header {
flex-direction:column;
}
.video-testimonial-section .video-caption-overlay {
position:relative;
padding:0px;
max-width:100%;
}
.video-testimonial-section .video-caption, .video-testimonial-section .client-role {
max-width:100%;
text-align:center;
}
.video-slider{
box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
}
/* Outlined text */
.outlined-text.ready {
opacity: 1!important;
}
.hero .outlined-text,
.text-with-image-section .outlined-text,
.lead-magnet-section .outlined-text,
.accordion-section .outlined-text,
.classes-section .outlined-text,
.pages-section .outlined-text,
.program-goals-section .outlined-text,
.embed-code-section .outlined-text,
.text-image-section .outlined-text,
.coaches-section .outlined-text,
.free-intro-section .outlined-text,
.related-posts-section .outlined-text,
.job-position-section .outlined-text {
position: absolute;
white-space: nowrap;
font-family: 'Poppins', sans-serif;
font-weight: 900;
color: transparent !important;
font-size: 15vw;
line-height: 1;
pointer-events: none;
user-select: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.facilities .outlined-text {
-webkit-opacity:0.5!important;
}
.hero .outlined-text,
.accordion-section .outlined-text,
.classes-section .outlined-text,
.pages-section .outlined-text {
-webkit-text-stroke: 1px #FFFFFF;
text-stroke: 1px #FFFFFF;
}
.hero .outlined-text {
-webkit-text-stroke: 1px rgba(255, 255, 255, 0.9);
text-stroke: 1px rgba(255, 255, 255, 0.9);
}
.text-with-image-section .outlined-text,
.lead-magnet-section .outlined-text,
.embed-code-section .outlined-text,
.text-image-section .outlined-text,
.coaches-section .outlined-text,
.free-intro-section .outlined-text,
.related-posts-section .outlined-text,
.job-position-section .outlined-text,
.corporate-wellness-description .outlined-text {
-webkit-text-stroke: 1px #D1D1D1;
text-stroke: 1px #D1D1D1;
}
.program-goals-section .outlined-text {
-webkit-text-stroke: 1px #6D6D6D;
text-stroke: 1px #6D6D6D;
}
.hero .outlined-text,
.pages-section .outlined-text,
.free-intro-section .outlined-text,
.related-posts-section .outlined-text {
left: 50%;
transform: translateX(-50%);
}
.pages-section .outlined-text {
top: 0;
}
.text-with-image-section .outlined-text,
.lead-magnet-section .outlined-text,
.classes-section .outlined-text,
.embed-code-section .outlined-text,
.job-position-section .outlined-text {
right: -50px;
}
.embed-code-section .outlined-text {
right: -20px;
}
.accordion-section .outlined-text,
.program-goals-section .outlined-text,
.text-image-section .outlined-text,
.coaches-section .outlined-text {
left: -50px;
}
.accordion-section .outlined-text {
top: -80px;
text-transform: uppercase;
}
.program-goals-section .outlined-text,
.coaches-section .outlined-text {
left: -30px;
}
.text-image-section .outlined-text,
.coaches-section .outlined-text {
left: -20px;
}
.program-goals-section .outlined-text,
.coaches-section .outlined-text {
top: -60px;
}
.text-image-section .outlined-text {
top: -40px;
}
.hero .outlined-text,
.pages-section .outlined-text,
.coaches-section .outlined-text,
.free-intro-section .outlined-text,
.related-posts-section .outlined-text {
z-index: 0;
}
.text-with-image-section.pricing .outlined-text {
margin-bottom:70px;
}
.text-with-image-section .outlined-text,
.program-goals-section .outlined-text,
.embed-code-section .outlined-text,
.job-position-section .outlined-text {
z-index: 1;
}
.lead-magnet-section .outlined-text {
z-index: -1;
margin-bottom:-50px;
}
.accordion-section .outlined-text,
.classes-section .outlined-text,
.pages-section .outlined-text {
opacity: 0.5 !important;
}
.hero .outlined-text {
text-transform: uppercase;
}
.classes-section {
position: relative;
}
.classes-section .outlined-text {
top: -75px;
}
.text-with-image-section .outlined-text,
.job-position-section .outlined-text {
margin-bottom: 0px;
}
.corporate-wellness-description .outlined-text {
bottom: -50px !important;
right: -250px;
top: auto;
}
@media (max-width: 1300px) {
.accordion-section .outlined-text {
left: -10px;
top: -20px;
}
}
@media (max-width:1024px) {
.text-with-image-section.pricing .outlined-text {
margin-bottom:20px;
}
.text-with-image-section .outlined-text {
right:0px;
}
}
.team .line-container-reverse {
margin-top:4px;
}
@media(min-width:769px) and (max-width:1024px) {
.team .line-container-reverse {
width:65%;
}
.classes-section .card-image-wrapper h3 {
font-size:20px;
line-height:25px!important;
}
}
@media(max-width:1024px) {
.corporate-wellness-description .block-description {
padding-bottom:20px!important;
}
}
@media(max-width:767px) {
.team .outlined-text {
margin-bottom:0px!important;
bottom:-10px!important;
right:0px!important;
}
.corporate-wellness-description .block-description {
padding-bottom:0px!important;
}
.text-with-image-section .outlined-text {
right:0px;
}
.text-with-image-section.pricing .outlined-text {
margin-bottom:20px;
}
.lead-magnet-section .outlined-text {
margin-bottom:0px;
right:-20px;
}
}
/*Gallery block*/
.gallery-section .gallery-wrapper img {
object-fit:cover;
}
.gallery-section .column {
padding:0px;
}
.gallery-section .columns {
gap: 30px;
position: relative;
z-index: 2;
flex-wrap: wrap;
justify-content: center;
}
.gallery-section .gallery-block {
margin-top:30px;
}
.gallery-section .column.is-4 {
flex: 0 0 calc((100% - 10px) / 3)!important;
max-width: calc((100% - 60px) / 3);
box-sizing: border-box;
}
.gallery-section .button {
margin-top:
30px;
}
.gallery-section .gallery-description {
margin-top:20px;
}
.gallery-section .gallery-description p {
margin-bottom:0px;
}
@media(max-width:1024px) {
.gallery-section .ast-container {
flex-direction:row;
}
}
@media(max-width:768px) {
.gallery-section .ast-container {
flex-direction:column;
text-align:center;
}
.gallery-section .column.is-4 {
max-width:100%;
margin-top:50px;
}
}
/* Gallery lightbox*/
.gallery-section .modal.gallery-lightbox {
z-index: 100000 !important;
}
.gallery-section .modal-content {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
width: auto;
max-width: 92vw;
overflow: visible;
}
.gallery-section .lightbox-image-wrapper {
position: relative;
display: inline-block;
max-width: 92vw;
}
.gallery-section .lightbox-image-wrapper img {
display: block;
width: 100%;
height: auto;
max-height: 90vh;
box-shadow: 0 8px 30px rgba(0,0,0,.4);
}
.gallery-section .lightbox-close {
position: absolute;
top: max(8px, env(safe-area-inset-top));
right: max(8px, env(safe-area-inset-right));
background: #000;
color: #fff;
border: 0;
border-radius: 50%;
width: 28px;
height: 28px;
font-size: 18px;
line-height: 26px;
cursor: pointer;
transition: opacity .2s ease, background .2s ease;
padding: 2px;
}
.gallery-section .glb-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #000;
color: #fff;
border: none;
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s ease, background 0.2s ease;
z-index: 10;
padding-top:0px;
}
.gallery-section .glb-prev { left: -60px; }
.gallery-section .glb-next { right: -60px; }
.gallery-section .glb-nav svg { width: 18px; height: auto; pointer-events: none; }
@media (min-width: 769px) {
.gallery-section .modal-content,
.gallery-section .lightbox-image-wrapper {
max-width: 90vw;
}
}
@media(max-width:1024px) {
.gallery-section .glb-prev { left: 10px; }
.gallery-section .glb-next { right: 10px; }
}
@media(max-width:768px) {
.gallery-section .glb-prev { left: 5px; }
.gallery-section .glb-next { right: 5px; }
.gallery-section .glb-nav svg {
width:16px;
}
}
/* Desktop Gallery Styles */
.gallery-item-hidden {
display: none;
}
.gallery-load-more-wrapper {
margin-top: 30px;
}
.gallery-item.fade-in {
animation: fadeInUp 0.6s ease forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Mobile Horizontal Scroll Gallery */
.gallery-scroll-container {
position: relative;
width: 100%;
}
.gallery-scroll {
display: flex;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
gap: 20px;
padding-bottom: 30px;
-webkit-overflow-scrolling: touch;
}
.gallery-scroll::-webkit-scrollbar {
display: none;
}
.gallery-scroll {
-ms-overflow-style: none;
scrollbar-width: none;
}
.gallery-scroll-item {
flex: 0 0 280px;
height: 280px;
}
.gallery-scroll .gallery-wrapper {
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
width: 100%;
height: 100%;
}
.gallery-scroll .gallery-image {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.gallery-scroll .gallery-image a {
display: block;
width: 100%;
height: 100%;
}
.gallery-scroll .gallery-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.gallery-progress-bar {
width: 100%;
height: 4px;
background: rgba(0, 0, 0, 0.1);
border-radius: 2px;
margin-top: 30px;
position: relative;
overflow: visible;
}
.gallery-section .gallery-progress {
height: 100%;
background: var(--primary-color, #007bff) !important;
border-radius: 2px;
width: 0%;
transition: width 0.1s ease;
display: block;
}
.gallery-swipe-hint {
position: absolute;
right: 0;
top: -30px;
display: flex;
align-items: center;
gap: 10px;
color: rgba(0, 0, 0, 0.6);
font-size: 12px !important;
font-weight: 500;
opacity: 1;
transition: opacity 0.3s ease;
}
.gallery-swipe-hint.hidden {
opacity: 0;
}
.swipe-arrow {
animation: swipeHint 2s ease-in-out infinite;
color: var(--primary-color, #007bff);
}
@keyframes swipeHint {
0%, 100% {
transform: translateX(0);
}
50% {
transform: translateX(4px);
}
}
@media (min-width: 769px) {
.gallery-swipe-hint {
display: none;
}
}
@media (max-width: 768px) {
.is-hidden-mobile {
display: none !important;
}
.gallery-scroll-item {
flex: 0 0 280px;
height: auto;
}
.gallery-scroll .gallery-wrapper {
height: auto;
}
.gallery-scroll .gallery-image {
height: 220px;
overflow: hidden;
}
.gallery-scroll .gallery-image a {
display: block;
height: 100%;
}
.gallery-description {
padding: 0px 10px 20px;
}
}
@media (min-width: 769px) {
.is-hidden-tablet {
display: none !important;
}
}