/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
#Site Styles
#Page Styles
#Media Queries
#Font-Face */
/* #Site Styles
================================================== */
body
{
color: #151515;
font-size: 13px;
font-family: 'Open Sans', Arial, sans-serif;
line-height: 1.1em;
}
a
{
font-size: 13px;
text-decoration: none;
}
hr
{
margin: 10px 0px 20px;
}
.show0 { display:none !important; }
.show1 { display:inherit !important; }
img.featured
{
border-bottom: 0px solid #dfdfdf;
}
img.noscale
{
width: auto;
height: auto;
}
nav.top ul,
nav.top ul li {
margin-bottom: 0px;
}
nav.top ul {
background:#fff;
line-height: 14px;
}
nav.top ul ul {
background:#fff;
text-align: left;
margin-right: 0px;
margin-left: 0px;
}
nav.top ul ul li {
text-align: left;
padding: 8px 12px 8px 8px;
margin-right: 0px;
margin-left: 0px;
display:block;
}
nav.top ul ul li a {
white-space: nowrap;
text-decoration: none;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 200;
font-size: 14px;
color: #004474;
padding: 4px;
}
nav.top ul li {
display: inline-block;
margin-right: 0px;
margin-left: 2px;
}
nav.top ul li a {
white-space: nowrap;
text-decoration: none;
font-family: 'Open Sans', Arial, sans-serif;
display:block;
font-size: 15px;
color: #004474;
}
nav.top ul li.has-sub-menu > a {
padding: 5px;
}
nav.top ul li.has-sub-menu:hover > a {
padding: 5px;
}
nav.top ul li.login-menu > a {
padding-right: 5px;
}
nav.top ul li.login-menu:hover > a {
padding-right: 5px;
}
nav.top ul li.selected > a {
color: #2371b3 !important;
}
nav.top ul { position: relative; z-index:580; }
nav.top ul li:hover { position: relative; z-index:590; }
nav.top ul li:hover a { color: #2371b3; display:block; }
nav.top ul li:hover ul li a { color: #004474; }
nav.top ul ul { display: none; visibility: visible; background: #ffffff; z-index:585; margin-top:0px; }
.no-touch nav.top ul ul { position: absolute; top: 100%; left: 0px; }
.no-touch nav.top li.right-align > ul { left: auto; right: 0px; }
.touch nav.top ul ul { position: absolute; top: 100%; left: 0px; }
nav.top ul ul li:hover { background-color: #d2ecff; padding: 8px 8px 8px 12px; }
nav.top ul ul li:hover a:hover { color: #0055a4; }
.no-touch nav.top ul li:hover > ul { display: block; }
nav.main.top ul li:hover > ul { display: block; }
nav.top ul li.blue-background { background:#004474; padding: 7px; }
nav.top ul li.blue-background:hover { background-color: #0055a4; }
nav.top ul li.blue-background > a { color:#ffffff !important; margin-left: 3px; margin-right: 3px; }
nav.top ul ul li.submenu-heading { background:#004474; }
nav.top ul ul li.submenu-heading a { color:#ffffff !important; }
nav.top ul ul li.submenu-heading:hover { background-color: #0055a4; padding: 8px; }
nav.top ul ul li.submenu-item-disabled { background:#ffffff !important; }
nav.top ul ul li.submenu-item-disabled a { color:#888888 !important; }
nav.top ul ul li.submenu-item-new a { background:url(/img/new.png) no-repeat right; padding-right: 45px; }
nav.main.top ul li.blue-background { border-radius: 5px 5px 5px 5px; }
nav.small.top ul { left: 0px; }
.no-touch nav.small.top ul ul { left: 10px; }
.logo { margin:8px; padding-top: 2px; display:inline-block; background: #ffffff}
nav.small.top .logo { margin-left:0px; margin-top:4px; height:40px;}
.logo_phone { margin-top: 10px; }
nav.main.top { background: #ffffff; box-sizing: border-box; padding-left: 20px; padding-top: 10px; padding-bottom: 12px; padding-right: 20px; }
.mainmenu { margin-top:15px;float:right; margin-right:15px; }
.sticky-menu {
height: 88px;
background: #ffffff;
}
.sticky-menu nav {
width: 100%;
position: fixed;
top: 0px;
z-index: 999;
background: #ffffff;
}
.sticky-menu *, .sticky-banner, .sticky-banner * {
transition: all 0.3s;
}
.shrink nav {
padding-top: 0px !important;
padding-bottom: 02px !important;
opacity: 0.90;
}
.logo img {
width: 260px;
}
.shrink .logo img {
width: 180px;
margin: 2px 0px;
box-sizing: border-box; padding-top: 13px; padding-bottom: 5px;
}
.shrink .logo {
margin-top: 0px !important;
margin-bottom: 0px !important;
opacity: 1.0;
}
.shrink .mainmenu {
margin-top: 10px !important;
box-sizing: border-box; padding-top: 5px; padding-bottom: 12px;
}
@media only screen and (min-width: 960px) {
.sticky-banner {
position: sticky;
top: 0;
z-index: 20;
}
.sticky-banner.shrink {
min-height: 30px;
}
.sticky-banner.shrink h4 {
padding: 5px 0;
}
}
.content-wrapper {
background: #ffffff;
}
.my-account
{
padding: 40px 0px;
}
.my-account a
{
text-decoration: none;
}
.right-menu-button {
float: right;
margin-top: 8px;
width: 40px;
height: 40px;
}
.expand-menu
{
float: right;
margin: 8px 13px 0px 0px;
width: 40px;
height: 40px;
background: url('/img/expand-menu-blue.png') 0 0 no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.expand-menu {
background-image: url('/img/expand-menu-blue@2x.png');
margin: 8px 10px 10px 0px;
width: 40px;
height: 40px;
background-size: 40px 80px;
}
}
.logo_phone { margin-top: 20px; }
.expand-menu.open
{
background-position: 0px -40px;
}
nav.small.top
{
box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; padding-left: 10px;
display: none;
background: #fff;
}
nav.small.top ul
{
display: none;
background: #fff;
padding: 0px;
margin-top: 20px;
}
nav.small.top ul ul
{
display: none;
background: #fff;
padding-left: 0px;
margin-top: 0px;
}
nav.small.top ul li
{
padding-left: 10px;
clear: both;
}
nav.small.top ul li a
{
display: block;
padding: 5px 5px;
}
nav.small.top ul li:first-child
{
margin-top: 0px;
}
nav.small.top form
{
display: inline-block;
margin-bottom: 0px;
padding: 18px 0px 0px 20px;
}
.go-top {background-color:#ccc; background-color:rgba(0,0,0,.2);display:block;position:fixed;top:85px;right:-60px;
opacity:0;width:45px;height:45px;z-index:300;text-align:center;transition:all .2s ease-in-out}
.go-top.off {right:-60px; opacity:0 }
.go-top.on {right:15px; opacity:1 }
.go-top:hover {background-color:rgba(0,0,0,.3)}
.go-top em {position:absolute;top:10px;left:10px;width:25px;height:25px;display:block;
background:url(/Images/go-up-icon.png) no-repeat;
}
ul.breadcrumbs li
{
float: left;
font-size: 12px;
}
ul.breadcrumbs li a
{
font-size: 12px;
text-decoration: none;
}
ul.breadcrumbs li a:hover
{
text-decoration: underline;
}
.if-has {
margin-bottom: 0px;
min-height: 50px;
background: url('../img/if-has-background-blue.jpg') center top no-repeat #0085cf;
}
header.main
{
margin-bottom: 0px;
height: 300px;
background: url('../img/main-background.jpg') center top / cover no-repeat #151515;
}
header.main3
{
margin-bottom: 0px;
height: 100px;
background: url('../img/main-background.jpg') center top / cover no-repeat #151515;
}
header.main2
{
margin-bottom: 0px;
height: 100px;
background: url('../img/none.jpg') center top / cover no-repeat #151515;
}
header.main2 .container .twelve.columns
{
height: 100px;
float: none;
display: table-cell !important;
vertical-align: middle;
}
header.main .container .twelve.columns
{
height: 100px;
float: none;
display: table-cell !important;
vertical-align: middle;
}
header.title
{
margin-bottom: 0px;
height: 100px;
background: url('../img/.jpg') center top / cover no-repeat #004474;
}
header.system
{
margin-bottom: 0px;
height: 100px;
background: url('../img/.jpg') center top / cover no-repeat #2371b3;
}
header.about-us
{
margin-bottom: 0px;
height: 300px;
background: url('../img/about-us-bondi.jpg') center top / cover no-repeat #151515;
}
header.slider-1
{
margin-bottom: 0px;
height: 330px;
background: url('../img/slider-image-0.jpg') center top / cover no-repeat #151515;
}
header.slider-2
{
margin-bottom: 0px;
height: 300px;
background: url('../img/slider-image-2.jpg') center top / cover no-repeat #151515;
}
header.slider-3
{
margin-bottom: 0px;
height: 300px;
background: url('../img/slider-image-3.jpg') center top / cover no-repeat #151515;
}
header.slider-4
{
margin-bottom: 0px;
height: 300px;
background: url('../img/slider-image-4.jpg') center top / cover no-repeat #151515;
}
header.slider-5
{
margin-bottom: 0px;
height: 300px;
background: url('../img/locations-2018.jpg') center top / cover no-repeat #151515;
}
header.slider-6
{
margin-bottom: 0px;
height: 300px;
background: url('../img/slider-image-6.jpg') center top / cover no-repeat #151515;
}
header.dry-needling-1-900
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/dryneedling-1-900.jpg') center bottom / cover no-repeat #151515;
}
header.lumbar-spine
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/lumbar-spine-1-900.jpg') center center / cover no-repeat #151515;
}
header.knee-header
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/knee-1-900.jpg') center center / cover no-repeat #151515;
}
header.hip-header
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/hip-1-900.jpg') center center / cover no-repeat #151515;
}
header.ankle-header
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/ankle-3-900.jpg') center center / cover no-repeat #151515;
}
header.elbow-header
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/elbow-1-900.jpg') center center / cover no-repeat #151515;
}
header.injury-surgery-1
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/injury-surgery-1-900.jpg') center top / cover no-repeat #151515;
}
header.physio-rewards
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/rewards-1-900.jpg') center top / cover no-repeat #151515;
}
header.telehealth-consults
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/telehealth-2-900.jpg') center center / cover no-repeat #151515;
}
header.shoulder-header
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/shoulder-header-900.jpg') center center / cover no-repeat #151515;
}
header.neck-header
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/neck-1-900.jpg') center center / cover no-repeat #151515;
}
header.meet-our-team
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/running-2-900.jpg') center bottom / cover no-repeat #151515;
}
header.meet-our-team-2024
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/team-2024-1-900.jpg') center top / cover no-repeat #151515;
}
header.meet-our-team-2024-home
{
margin-bottom: 0px;
min-height: 600px;
background: url('../img/team-2024-1-900.jpg') center top / cover no-repeat #151515;
}
header.therapists-kristin
{
margin-bottom: 0px;
height: 300px;
background: url('../img/headshot-banner-kristin.jpg') center top / cover no-repeat #151515;
}
header.ms-physio
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/physio-1-900-2024.jpg') center center / cover no-repeat #151515;
}
header.sports-nutrition
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/nutrition-3-900.jpg') center center / cover no-repeat #151515;
}
header.clinic-locations
{
margin-bottom: 0px;
height: 300px;
background: url('../img/locations-2018-2.jpg') center top / cover no-repeat #151515;
}
header.join-our-team
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/careers-2-900.jpg') center center / cover no-repeat #151515;
}
header.holiday-hours
{
margin-bottom: 0px;
height: 300px;
background: url('../img/holiday-hours-banner-2020.jpg') center top / cover no-repeat #151515;
}
header.bondi-junction
{
margin-bottom: 0px;
height: 300px;
background: url('../img/bondi-junction-background-2018.jpg') center top / cover no-repeat #151515;
}
header.appointments-bondi-junction
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/massage-1-900.jpg') center center / cover no-repeat #151515;
}
header.bondi-junction-new
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/bondi-junction-1-900.jpg') center center / cover no-repeat #151515;
}
header.bondi-junction-new-2
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/clinic-2-2026-900.jpg') center center / cover no-repeat #151515;
}
header.mothers-day
{
margin-bottom: 0px;
height: 300px;
background: url('../img/mothers-day-banner.jpg') center top / cover no-repeat #151515;
}
header.gap-free
{
margin-bottom: 0px;
height: 300px;
background: url('../img/gap-free-assessment.jpg') center top / cover no-repeat #151515;
}
header.castle-hill
{
margin-bottom: 0px;
height: 300px;
background: url('../img/castle-hill-2019-background.jpg') center top / cover no-repeat #151515;
}
header.dee-why
{
margin-bottom: 0px;
height: 300px;
background: url('../img/dee-why-background.jpg') center top / cover no-repeat #151515;
}
header.what-we-do
{
margin-bottom: 0px;
height: 300px;
background: url('../img/what-we-do-2018.jpg') center top / cover no-repeat #151515;
}
header.what-we-treat
{
margin-bottom: 0px;
height: 300px;
background: url('../img/what-we-treat.jpg') center top / cover no-repeat #151515;
}
header.fracture-clinic
{
margin-bottom: 0px;
height: 450px;
background: url('../img/casting-1-900.jpg') center center / cover no-repeat #151515;
}
header.group-classes
{
margin-bottom: 0px;
height: 300px;
background: url('../img/group-physio-classes-background.jpg') center top / cover no-repeat #151515;
}
header.physio
{
margin-bottom: 0px;
height: 300px;
background: url('../img/msk-physio-banner.jpg') center top / cover no-repeat #151515;
}
header.nutrition
{
margin-bottom: 0px;
height: 300px;
background: url('../img/nutrition-banner.jpg') center top / cover no-repeat #151515;
}
header.mat-reformer
{
margin-bottom: 0px;
height: 300px;
background: url('../img/mat-reformer-banner.jpg') center top / cover no-repeat #151515;
}
header.exercise-pilates-classes
{
margin-bottom: 0px;
height: 300px;
background: url('../img/exercise-classes-banner.jpg') center top / cover no-repeat #151515;
}
header.sports-physio-header
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/home-2023-experience-900.jpg') center center / cover no-repeat #151515;
}
header.blog
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/blog-1-900.jpg') center center / cover no-repeat #151515;
}
header.massage
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/massage-3-900.jpg') center center / cover no-repeat #151515;
}
header.injury-rehab
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/injury-rehab-1-2024-900.jpg') center center / cover no-repeat #151515;
}
header.injury-surgery-physio-packages
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/injury-surgery-physio-packages-banner.jpg') center center / cover no-repeat #151515;
}
header.link-tree
{
margin-bottom: 0px;
height: 250px;
background: url('../img/link-tree-background-2.jpg') center top / cover no-repeat #151515;
}
header.strength
{
margin-bottom: 0px;
height: 300px;
background: url('../img/strength-banner.jpg') center top / cover no-repeat #151515;
}
header.exercise-physiology
{
margin-bottom: 0px;
height: 300px;
background: url('../img/ep-background.jpg') center top / cover no-repeat #151515;
}
header.dry-needling
{
margin-bottom: 0px;
height: 300px;
background: url('../img/dry-needling-2020.jpg') center top / cover no-repeat #151515;
}
header.sports-taping
{
margin-bottom: 0px;
MIN-height: 450px;
background: url('../img/taping-3-900.jpg') center center / cover no-repeat #151515;
}
header.pre-natal-massage
{
margin-bottom: 0px;
height: 300px;
background: url('../img/pre-natal-massage-background-2.jpg') center top / cover no-repeat #151515;
}
header.custom-orthotics
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/orthotics-1-900.jpg') center center / cover no-repeat #151515;
}
header.custom-orthotics-sale
{
margin-bottom: 0px;
height: 300px;
background: url('../img/custom-orthotics-banner-2023-SALE.jpg') center top / cover no-repeat #151515;
}
header.appointments
{
margin-bottom: 0px;
height: 300px;
background: url('../img/appointments-2018.jpg') center top / cover no-repeat #151515;
}
header.articles
{
margin-bottom: 0px;
height: 300px;
background: url('../img/articles-background.jpg') center top / cover no-repeat #151515;
}
header.articles2
{
margin-bottom: 0px;
height: 150px;
background: url('../img/enews-background.jpg') center top / cover no-repeat #151515;
}
header.enews
{
margin-bottom: 0px;
height: 100px;
background: url('../img/enews-background.jpg') center top / cover no-repeat #151515;
}
header.my-rehab-program
{
margin-bottom: 0px;
height: 450px;
background: url('../img/my-rehab-program-1-900.jpg') center center / cover no-repeat #151515;
}
header.shop
{
margin-bottom: 0px;
height: 300px;
background: url('../img/shop-background.jpg') center top / cover no-repeat #151515;
}
header.shop-sale
{
margin-bottom: 0px;
height: 300px;
background: url('../img/shop-sale-banner-2023.jpg') center top / cover no-repeat #151515;
}
header.videos
{
margin-bottom: 0px;
height: 300px;
background: url('../img/videos-background.jpg') center top / cover no-repeat #151515;
}
header.rehab-exercises
{
margin-bottom: 0px;
height: 300px;
background: url('../img/rehab-exercises-background.jpg') center top / cover no-repeat #151515;
}
header.mobility-stretches
{
margin-bottom: 0px;
height: 300px;
background: url('../img/mobility-stretches-background.jpg') center top / cover no-repeat #151515;
}
header.injury-treatment
{
margin-bottom: 0px;
height: 300px;
background: url('../img/injury-treatment-demonstrations-background.jpg') center top / cover no-repeat #151515;
}
header.injury-prevention
{
margin-bottom: 0px;
height: 300px;
background: url('../img/injury-prevention-posture-background.jpg') center top / cover no-repeat #151515;
}
header.running-assessments
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/running-assess-1-900.png') center top / cover no-repeat #151515;
}
header.skype-video-consults
{
margin-bottom: 0px;
height: 300px;
background: url('../img/skype-video-consults-banner.jpg') center top / cover no-repeat #151515;
}
header.fees
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/fees-1-900.jpg') center center / cover no-repeat #151515;
}
header.contact
{
margin-bottom: 0px;
min-height: 450px;
background: url('../img/contact-1-900.jpg') center center / cover no-repeat #151515;
}
header.meet-joe
{
margin-bottom: 0px;
height: 300px;
background: url('../img/meet-joe-banner.jpg') center top / cover no-repeat #151515;
}
header.covidsafe
{
margin-bottom: 0px;
height: 300px;
background: url('../img/covid-safe-banner-2021.jpg') center top / cover no-repeat #151515;
}
header.presentations-seminars
{
margin-bottom: 0px;
height: 300px;
background: url('../img/presentations-seminars-background.jpg') center top / cover no-repeat #151515;
}
header.tv-appearances
{
margin-bottom: 0px;
height: 300px;
background: url('../img/tv-appearances-background.jpg') center top no-repeat #151515;
}
header.acl-rehab
{
margin-bottom: 0px;
height: 300px;
background: url('../img/acl-rehab-background.jpg') center top no-repeat #151515;
}
header.heading-no-image
{
margin-bottom: 0px;
height: 300px;
background-color: #151515;
}
header.main h2
{
color: #ffffff;
font-weight: normal;
font-size: 22px;
font-family: 'Open Sans', Arial;
}
header.main3 h1
{
color: #ffffff;
font-weight: normal;
font-size: 40px;
font-family: 'Open Sans', Arial;
}
header.main h3
{
margin-bottom: 0px;
max-width: 550px;
color: #fff;
font-weight: normal;
font-size: 22px;
font-family: 'Open Sans', Arial, sans-serif;
}
article header h3 a
{
font-size: inherit;
}
header.main .container .twelve.columns
{
display: table-cell !important;
float: none;
height: 300px;
vertical-align: middle;
}
header.main3 .container .twelve.columns
{
display: table-cell !important;
float: none;
height: 100px;
vertical-align: middle;
}
header.main4 .container .twelve.columns
{
display: table-cell !important;
float: none;
height: 100px;
vertical-align: middle;
}
h1 {
color:white;
font-weight:200;
font-family: 'Roboto Condensed','Open Sans','Oswald', Arial, sans-serif;
font-size: 40px;
line-height: 40px;
text-align:center;
margin:0;
}
h2, h3, h4, h5, h6
{
color: #151515;
font-weight:200;
font-family: 'Open Sans', Arial, sans-serif;
}
h2
{
color: #004474;
font-weight:400;
font-family: 'Open Sans', Arial, sans-serif;
font-size:26px;
line-height:26px;
padding-top:20px;
padding-bottom:20px;
text-align:center;
margin:0;
}
h2 a
{
color: #004474;
}
h3
{
color: #004474;
font-weight:200;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 20px;
line-height:20px;
padding: 15px 0px 15px 0px;
margin:0;
}
h3 a
{
color: #151515;
}
h4
{
color: #ffffff;
font-weight:200;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 20px;
line-height:20px;
padding: 15px 0px 15px 0px;
margin:0;
}
h4 a
{
color: #151515;
}
h5
{
color: #2371b3;
font-weight:200;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 16px;
line-height:24px;
}
h5 a
{
color: #ffffff;
font-size: 16px;
line-height:24px;
}
h6
{
color: #151515;
font-weight:200;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 13px;
line-height:13px;
}
h6 a
{
color: #2371b3;
}
h7
{
color: #2371b3;
font-weight:200;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
line-height:18px;
}
h7 a
{
color: #2371b3;
}
h8
{
color: #ffffff;
font-weight:200;
font-family: 'Pattaya', sans-serif;
font-size: 30px;
line-height: 32px;
margin:0;
}
h9
{
color: #ffffff;
font-weight:200;
font-family: 'Pattaya', sans-serif;
font-size: 30px;
line-height: 32px;
margin:0;
}
h9 a
{
color: #ffffff;
}
h10
{
color: #ffffff;
font-weight:200;
font-family: 'Sansita', sans-serif;
font-size: 30px;
line-height: 32px;
margin:0;
}
h10 a
{
color: #ffffff;
}
h11
{
color: #ffffff;
font-weight:200;
font-family: 'Caveat', sans-serif;
font-size: 30px;
line-height: 32px;
margin:0;
}
h11 a
{
color: #ffffff;
}
h12
{
color: #ffffff;
font-weight:200;
font-family: 'Ropa Sans', sans-serif;
font-size: 30px;
line-height: 32px;
margin:0;
}
h12 a
{
color: #ffffff;
}
h13
{
color: #ffffff;
font-weight:200;
font-family: 'Marvel', sans-serif;
font-size: 30px;
line-height: 32px;
margin:0;
}
h13 a
{
color: #ffffff;
}
sup
{
vertical-align: super;
font-size: small;
line-height: 0px;
}
a.image-hover { }
a.image-hover:hover * { color: #151515;}
a.image-hover:hover img { opacity:0.6; }
a.image-hover:hover .rehab-program { opacity:0.6; }
a.read-more
{
color: #cccccc;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
a.read-more span
{
font-weight: normal;
font-size: 21px;
font-family: Arial;
}
a.read-more span.fb_comments_count
{
font-weight: bold;
font-size: 14px;
}
a.read-more:hover
{
text-decoration: underline;
}
a.read-more + a.read-more
{
margin-left: 20px;
}
article
{
margin-bottom: 50px !important;
}
blockquote.big
{
margin-bottom: 60px;
padding: 33px 0px 39px 0px;
border-top: 1px solid #b8b8b8;
border-right: none;
border-bottom: 1px solid #b8b8b8;
border-left: none;
color: #d0530f;
text-align: center;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: normal;
}
.avatar
{
position: relative;
display: table-cell;
vertical-align: top;
line-height: 0px;
}
.avatar .overlay
{
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
.avatar img
{
width: auto;
height: auto;
}
.testimonial
{
position: relative;
}
.testimonial blockquote
{
display: table-cell;
padding: 0px 0px 0px 20px;
border: none;
vertical-align: middle;
font-weight: normal;
font-style: italic;
font-size: 18px;
}
.slider
{
margin-bottom: 60px;
padding-top: 40px;
border-top: 1px solid #b8b8b8;
}
.slider nav
{
margin-bottom: 16px;
}
.slider nav.small
{
display: none;
text-align: center;
}
.slider nav div:first-child
{
text-align: right;
}
.slider nav div:nth-child(2)
{
text-align: center;
}
.slider nav div:last-child
{
text-align: left;
}
.slider nav a
{
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
.slider nav a span
{
font-weight: normal;
font-size: 21px;
font-family: Arial;
}
.slide
{
text-align: center;
}
.slide p.caption
{
padding: 10px 0px;
font-size: 14px;
}
.slide img
{
width: 100%;
height: auto;
border-bottom: 5px solid #dfdfdf;
}
.highlight
{
margin-bottom: 60px;
padding: 50px 0px;
background: url('../img/highlight-area-background.png') left top repeat;
}
.rounded {
border-radius: 6px; overflow:hidden; position:relative;
}
table.big-button { }
table.big-button h3 { padding: 0px; }
table.big-button h4 { padding: 0px; }
table.big-button a { display:block; line-height: 60px; border: 1px solid #cccccc; border-radius: 4px}
table.big-button a:active { color:inherit; }
table.big-button a:visited { color:inherit; }
table.big-button a:hover { color:#ffffff; img { opacity:0.6; } background-color:#0055A4; border: 1px solid #cccccc}
table.big-button.blue a { color:#2B313a; background-color: #b0e0f6; border: 1px solid #cccccc }
table.big-button.blue a:hover { color:#ffffff; background-color:#0085cf; border: 1px solid #cccccc }
table.exercise-text { }
table.exercise-text h3 { padding: 0px; }
table.exercise-text h4 { padding: 0px; }
table.exercise-text a { display:block; border: 1px solid #cccccc; }
table.exercise-text a:active { color:inherit; }
table.exercise-text a:visited { color:inherit; }
table.exercise-text a:hover { color:#ffffff; background-color:#0055A4; border: 1px solid #cccccc}
div.big-link-button-image a { width:100%; text-align:center; display:block; padding: 0px; display:block; line-height: 50px; border: 1px solid #cccccc; border-radius: 4px; background-color: #ffffff; color:#ffffff}
div.big-link-button-image a:hover { color:#ffffff; background-color:#dfdfdf;}
div.big-link-button a { width:100%; text-align:center; display:block; padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #0055a4; color:#ffffff}
div.big-link-button a:hover { color:#ffffff; background-color:#0085cf;}
div.program-button-white a { width:100%; text-align:center; font-size: 15px; display:block; padding: 0px; display:block; line-height: 50px; border: 1px solid #004474; border-radius: 4px; color:#004474}
div.program-button-white a:hover { color:#ffffff; background-color:#004474;}
div.big-link-button-grey a { width:100%; text-align:center; display:block; }
div.big-link-button-grey h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #ececed; color:#151515}
div.big-link-button-grey h5 { padding: 0px; display:block; line-height: 50px; b border-radius: 4px; background-color: #ececed; color:#151515}
div.big-link-button-grey a:hover h4 { color:#ffffff; background-color:#0055a4;}
div.big-link-button-grey a:hover h5 { color:#ffffff; background-color:#0055a4;}
div.big-link-button-blue a { width:100%; text-align:center; display:block; }
div.big-link-button-blue h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #0085cf; color:#ffffff}
div.big-link-button-blue a:hover H4 { color:#ffffff; background-color:#0055A4;}
div.big-link-button-green a { width:100%; text-align:center; display:block; }
div.big-link-button-green h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #2E8B57; color:#ffffff}
div.big-link-button-green a:hover H4 { color:#ffffff; background-color:#0055A4;}
div.big-link-button-white a { width:100%; text-align:center; display:block; }
div.big-link-button-white h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #FFFFFF; color:#0055A4}
div.big-link-button-white a:hover h4 { color:#ffffff; background-color:#0085cf;}
div.big-link-button-clear a { width:100%; text-align:center; display:block; }
div.big-link-button-clear h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; color:#ffffff}
div.big-link-button-clear a:hover h4 { color:#0055a4; background-color:#ffffff;}
div.big-link-button-white-border a { width:100%; text-align:center; display:block; }
div.big-link-button-white-border h5 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; border: 1px solid #ffffff; color:#ffffff}
div.big-link-button-white-border a:hover h5 { color:#004474; background-color:#ffffff;}
div.big-link-button-blue-border a { width:100%; text-align:center; display:block; }
div.big-link-button-blue-border h5 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; border: 1px solid #004474; color:#004474}
div.big-link-button-blue-border a:hover h5 { color:#ffffff; background-color:#004474;}
div.big-link-button-blue-border-75 a { width:75%; text-align:center; display:block; margin: auto; }
div.big-link-button-blue-border-75 h5 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; border: 1px solid #004474; color:#004474}
div.big-link-button-blue-border-75 a:hover h5 { color:#ffffff; background-color:#004474;}
div.big-link-button-white-border-75 a { width:75%; text-align:center; display:block; margin: auto; }
div.big-link-button-white-border-75 h5 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; border: 1px solid #ffffff; color:#ffffff}
div.big-link-button-white-border-75 a:hover h5 { background-color:#ffffff; border: 1px solid #004474; color:#004474}
div.big-link-button-blue-100 a { width:100%; text-align:center; display:block; margin: auto; }
div.big-link-button-blue-100 h5 { padding: 0px; display:block; line-height: 50px; border-radius: 5px; border: 1px solid #004474; background-color: #004474; color:#ffffff}
div.big-link-button-blue-100 a:hover h5 { background-color:#ffffff; border: 1px solid #004474; color:#004474}
div.big-link-button-white-100 a { width:100%; text-align:center; display:block; margin: auto; }
div.big-link-button-white-100 h5 { padding: 0px; display:block; line-height: 50px; border-radius: 5px; border: 1px solid #ffffff; background-color: #ffffff; color:#151515}
div.big-link-button-white-100 a:hover h5 { background-color:transparent; border: 1px solid #ffffff; color:#ffffff}
div.big-link-button-clear h5 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; color:#ffffff}
div.big-link-button-clear a:hover h5 { color:#0055a4; background-color:#ffffff;}
div.big-link-button-white h5 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #FFFFFF; color:#0055A4}
div.big-link-button-white a:hover h5 { color:#ffffff; background-color:#0085cf;}
div.big-link-button-white-blue a { width:100%; text-align:center; display:block; }
div.big-link-button-white-blue h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #FFFFFF; color:#0055A4}
div.big-link-button-white-blue a:hover h4 { color:#ffffff; background-color:#0055a4;}
div.big-link-button-program a { width:100%; text-align:center; display:block; padding: 0px; display:block; line-height: 50px; border: 1px solid #0085cf; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #0055a4; color:#ffffff}
div.big-link-button-program a:hover { color:#ffffff; background-color:#0085cf;border: 1px solid #cccccc}
div.big-link-button-white-black { width:260px; text-align:center; display:block; margin: auto; }
div.big-link-button-white-black a { width:260px; text-align:center; display:block; margin: auto;}
div.big-link-button-white-black h5 { padding: 0px; display:block; line-height: 50px; border-radius: 5px; border: 1px solid #ffffff; background-color: #ffffff; color:#151515;}
div.big-link-button-white-black a:hover h5 { color:#ffffff; border: 1px solid #ffffff; background-color: transparent; }
div.big-image-button { }
div.big-image-button a { width:100%; text-align:center; display:block; }
div.big-image-button img { }
div.big-image-button h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #ececed; color:#151515}
div.big-image-button a:hover img { opacity:0.5; -webkit-filter: grayscale(100%); filter:gray; filter: grayscale(100%); }
div.big-image-button a:hover h4 { color:#ffffff; background-color:#0055A4;}
div.big-image-button-blue-100 { }
div.big-image-button-blue-100 a { width:100%; text-align:center; display:block; }
div.big-image-button-blue-100 img { }
div.big-image-button-blue-100 h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #0085cf; color:#ffffff}
div.big-image-button-blue-100 a:hover img { opacity:0.5; -webkit-filter: grayscale(100%); filter:gray; filter: grayscale(100%); }
div.big-image-button-blue-100 a:hover h4 { color:#ffffff; background-color:#0055A4; }
div.big-image-button-blue { }
div.big-image-button-blue a { width: 75%; display:block; margin: 0 auto; }
div.big-image-button-blue img { }
div.big-image-button-blue h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #0085cf; color:#ffffff}
div.big-image-button-blue a:hover img { opacity:0.5; -webkit-filter: grayscale(100%); filter:gray; filter: grayscale(100%); }
div.big-image-button-blue a:hover h4 { color:#ffffff; background-color:#0055A4; }
div.big-image-button-program { }
div.big-image-button-program a { width: 100%; display:block; margin: 0 auto; }
div.big-image-button-program img { }
div.big-image-button-program h4 { padding: 0px; display:block; line-height: 50px; border: 1px solid #cccccc; border-radius: 4px; background-color: #0085cf; color:#ffffff}
div.big-image-button-program a:hover img { opacity:0.5; -webkit-filter: grayscale(100%); filter:gray; filter: grayscale(100%); }
div.big-image-button-program a:hover h4 { color:#ffffff; background-color:#0055A4; border: 1px solid #cccccc}
div.big-image-button-grey { }
div.big-image-button-grey a { width:100%; text-align:center; display:block; }
div.big-image-button-grey img { }
div.big-image-button-grey h4 { padding: 0px; display:block; line-height: 50px; border: 1px solid #cccccc; border-radius: 4px; background-color: #ececed; color:#bbbbbb}
div.big-image-button-green { }
div.big-image-button-green a { width:100%; text-align:center; display:block; }
div.big-image-button-green img { }
div.big-image-button-green h4 { padding: 0px; display:block; line-height: 50px; border: 1px solid #cccccc; border-radius: 4px; background-color: #009e3b; color:#ffffff}
div.big-image-button-green a:hover img { opacity:0.5; -webkit-filter: grayscale(100%); filter:gray; filter: grayscale(100%); }
div.big-image-button-green a:hover h4 { color:#ffffff; background-color:#0055A4;border: 1px solid #cccccc}
div.big-link-button-blue-75 a { width:75%; text-align:center; display:block; margin: auto; }
div.big-link-button-blue-75 h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #0085cf; color:#ffffff}
div.big-link-button-blue-75 a:hover H4 { color:#0085cf; background-color:#ffffff;}
div.big-link-button-white-75 a { width:75%; text-align:center; display:block; margin: auto; }
div.big-link-button-white-75 h4 { padding: 0px; display:block; line-height: 50px; border-radius: 4px; background-color: #FFFFFF; color:#0055A4}
div.big-link-button-white-75 a:hover h4 { color:#ffffff; background-color:#0055a4;}
.panel-button { position: relative; margin-bottom:20px; overflow:hidden; }
.panel-button a { display: block; }
.panel-button img { width: 100%; border: 0; display:block; transition: transform 0.3s; }
.panel-button h2 {
position: absolute;
bottom: 0;
width: 100%;
box-sizing: border-box;
background: rgba(255,255,255,0.8);
padding: 10px;
text-align: center;
color: #004474;
.shop2
{
margin-bottom: 0px;
height: 224px;
background: url('../img/shop-promo-banner-dark-60.jpg') center top no-repeat #151515;
}
transition: background 0.3s;
}
.panel-button a:hover img { transform: scale(1.2,1.2); }
.panel-button a:hover h2 { background: rgba(255,255,255,1.0); }
.lumina-black
{
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
background: #030304;
}
.lumina-grey-d1
{
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
background: #121114;
}
.lumina-grey-d2
{
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
background: #222124;
}
.lumina-grey-d3
{
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
background: #2e2d31;
}
{
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
background: #3a3a3e;
}
.pr-black-header
{
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
background: #151515;
}
.pr-white-header-2
{
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
background: #ffffff;
}
.pr-white-down-arrow {
position: relative;
}
.pr-white-down-arrow::after
{
content: url('../img/banner-triangle-white.png');
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.pr-black-header-2
{
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
background: #151515;
}
.pr-black-down-arrow {
position: relative;
}
.pr-black-down-arrow::after
{
content: url('../img/banner-triangle-black.png');
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.pr-grey-header-2
{
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
background: #f0f0f0;
}
.pr-grey-down-arrow {
position: relative;
}
.pr-grey-down-arrow::after
{
content: url('../img/banner-triangle-page-grey.png');
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.pr-blue-1-down-arrow {
position: relative;
}
.pr-blue-1-down-arrow::after
{
content: url('../img/banner-triangle-blue-1.png');
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.pr-blue-2-down-arrow {
position: relative;
}
.pr-blue-2-down-arrow::after
{
content: url('../img/banner-triangle-blue-2.png');
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.pr-blue-3-down-arrow {
position: relative;
}
.pr-blue-3-down-arrow::after
{
content: url('../img/banner-triangle-blue-3.png');
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.pr-blue-4-down-arrow {
position: relative;
}
.pr-blue-4-down-arrow::after
{
content: url('../img/banner-triangle-blue-4.png');
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.pr-blue-5-down-arrow {
position: relative;
}
.pr-blue-5-down-arrow::after
{
content: url('../img/banner-triangle-blue-5.png');
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.pr-azure-header-2
{
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
background: #2371b3;
}
.pr-azure-down-arrow {
position: relative;
}
.pr-azure-down-arrow::after
{
content: url('../img/banner-triangle-azure.png');
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.method-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
max-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/method-1-900.jpg') center top / cover no-repeat #151515;
}
.holiday {
margin-bottom: 0px;
min-height: 50px;
background-color: #004474; center top / cover no-repeat #004474;
}
.sports-40
{
margin-bottom: 0px;
height: 150px;
background: url('../img/sport-40-off-banner-150.jpg') center top no-repeat #004474;
}
.shop
{
margin-bottom: 0px;
height: 550px;
background: url('../img/shop-promo-banner.jpg') center top no-repeat #151515;
}
.blue-graded
{
margin-bottom: 0px;
min-height: 75px;
background: url('../img/blue-graded-1200.jpg') center top no-repeat #004474;
}
.shop2
{
margin-bottom: 0px;
height: 224px;
background: url('../img/shop-promo-banner-dark-60.jpg') center top no-repeat #151515;
}
.eofy-sale-timer
{
margin-bottom: 0px;
min-height: 75px;
background: url('../img/eofy-countdown-timer-background.jpg') center top no-repeat #fda427;
}
.all-access-banner {
margin-bottom: 0px;
min-height: 50px;
background-color: #2371b3;
}
.ski-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 600px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/ski-1-900.jpg') center center / cover no-repeat #151515;
}
.home-tri
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 600px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/physio-fitness-tri-900-2024.jpg') center center / cover no-repeat #151515;
}
.tri-2
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/tri-2-900.jpg') center top / cover no-repeat #151515;
}
.about-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/about-1-900.jpg') center center / cover no-repeat #151515;
}
.new-videos-2024
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/new-videos-1-900.jpg') center center / cover no-repeat #151515;
}
.lumbar-spine-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/lumbar-spine-2-900.jpg') center center / cover no-repeat #151515;
}
.neck-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/shoulder-2-900.jpg') center center / cover no-repeat #151515;
}
.neck-3-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/massage-1-900.jpg') center center / cover no-repeat #151515;
}
.knee-2
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/knee-2-900.jpg') center center / cover no-repeat #151515;
}
.knee-3
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/knee-3-900.jpg') center center / cover no-repeat #151515;
}
.hip-2
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/hip-2-900.jpg') center center / cover no-repeat #151515;
}
.hip-3
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/hip-3-900.jpg') center center / cover no-repeat #151515;
}
.elbow-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/elbow-2-900.jpg') center center / cover no-repeat #151515;
}
.elbow-3-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/tennis-1-900.jpg') center center / cover no-repeat #151515;
}
.ankle-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/ankle-2-900.jpg') center bottom / cover no-repeat #151515;
}
.ankle-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/ankle-1-900.jpg') center bottom / cover no-repeat #151515;
}
.shoulder-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/elbow-3-900.jpg') center center / cover no-repeat #151515;
}
.massage-4-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/massage-5-900.jpg') center center / cover no-repeat #151515;
}
.hyrox-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/hyrox-1-900.jpg') center center / cover no-repeat #151515;
}
.mtb-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/mtb-1-900.jpg') center center / cover no-repeat #151515;
}
.bondi-junction-new
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/bondi-junction-1-900.jpg') center center / cover no-repeat #151515;
}
.physio-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/physio-1-900.jpg') center center / cover no-repeat #151515;
}
.physio-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/physio-2-900.jpg') center top / cover no-repeat #151515;
}
.sports-physio-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/sports-physio-1-900.jpg') center center / cover no-repeat #151515;
}
.sports-physio-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/football-1-900.jpg') center bottom / cover no-repeat #151515;
}
.injury-rehab-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/injury-rehab-5-900.jpg') center center / cover no-repeat #151515;
}
.injury-rehab-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/injury-rehab-6-900.jpg') center center / cover no-repeat #151515;
}
.bondi-rehab-2
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 600px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/bondi-rehab-2-900.jpg') center center / cover no-repeat #151515;
}
.running-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/running-1-900.jpg') center center / cover no-repeat #151515;
}
.running-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/running-2-900.jpg') center center / cover no-repeat #151515;
}
.running-3-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/running-3-900.jpg') center center / cover no-repeat #151515;
}
.running-4-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 600px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/running-4-900.jpg') center center / cover no-repeat #151515;
}
.cycling-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/cycling-1-900.jpg') center center / cover no-repeat #151515;
}
.dry-needling-1
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/dry-needling-1-900.jpg') center center / cover no-repeat #151515;
}
.dry-needling-2
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/dry-needling-2-900.jpg') center center / cover no-repeat #151515;
}
.massage-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/massage-1-900.jpg') center center / cover no-repeat #151515;
}
.massage-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/massage-2-900.jpg') center top / cover no-repeat #151515;
}
.bondi-junction-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/bondi-junction-2-900.jpg') center center / cover no-repeat #151515;
}
.taping-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/taping-1-900.jpg') center top / cover no-repeat #151515;
}
.taping-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/taping-2-900.jpg') center center / cover no-repeat #151515;
}
.rehab-program-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/training-1-900.jpg') center center / cover no-repeat #151515;
}
.rehab-program-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/rehab-program-2-900.jpg') center center / cover no-repeat #151515;
}
.rehab-program-3-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/rehab-program-3-900.jpg') center top / cover no-repeat #151515;
}
.home-2-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/home-2-900.jpg') center center / cover no-repeat #151515;
}
.home-large
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/course-knee-900.jpg') center center / cover no-repeat #151515;
}
.about-us-1200
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/about-us-1200.jpg') center center / cover no-repeat #151515;
}
.home-bondi-new
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/home-2021-1-1400.jpg') center center / cover no-repeat #151515;
}
.home-bondi-knowledge
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/home-2023-knowledge.jpg') center center / cover no-repeat #151515;
}
.home-bondi-experience
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
max-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/home-2023-experience-900.jpg') center center / cover no-repeat #151515;
}
.home-bondi-results
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/home-2023-results.jpg') center center / cover no-repeat #151515;
}
.team-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 600px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/team-2024-1-900.jpg') center top / cover no-repeat #151515;
}
.home-bondi-2021
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/home-2021-1-1400.jpg') center center / cover no-repeat #151515;
}
.custom-orthotics-2
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/ankle-1200.jpg') center center / cover no-repeat #151515;
}
.custom-orthotics-3
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/ankle-1200.jpg') center center / cover no-repeat #151515;
}
.sports-physio
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/sports-physio-2021-1400.jpg') center center / cover no-repeat #151515;
}
.athletic
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/athletic-2021-1400.jpg') center center / cover no-repeat #151515;
}
.nutrition-1
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/nutrition-1-900.jpg') center center / cover no-repeat #151515;
}
.nutrition-2
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/nutrition-2-900.jpg') center center / cover no-repeat #151515;
}
.nutrition-3
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/nutrition-3-1400.jpg') center center / cover no-repeat #151515;
}
.swim-1
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/swim-1-900.jpg') center center / cover no-repeat #151515;
}
.msk-physio
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/physio-knee-1400.jpg') center center / cover no-repeat #151515;
}
.claire
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/claire-2021.jpg') center center / cover no-repeat #151515;
}
.emma-martin
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/emma-1200.jpg') center center / cover no-repeat #151515;
}
.elise-mulvihill
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/elise-1200.jpg') center center / cover no-repeat #151515;
}
.kristin-nrl
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 900px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/kristin-900.jpg') center top / cover no-repeat #151515;
}
.bondi-rehab
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/elise-900.jpg') center center / cover no-repeat #151515;
}
.home-3-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/clinic-1-2026-900.jpg') center center / cover no-repeat #151515;
}
.pamela-wolfe
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 900px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/Pam-900.jpg') center center / cover no-repeat #151515;
}
.bethany-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 900px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/bethany-1-900.jpg') center center / cover no-repeat #151515;
}
.kirsty-1-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 900px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/kirsty-1-900.jpg') center center / cover no-repeat #151515;
}
.orlaith-cahill
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 900px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/orlaith-900.jpg') center center / cover no-repeat #151515;
}
.emma
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
max-height: 700px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/sports-physio-2021-1400.jpg') center center / cover no-repeat #151515;
}
.tim
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/exercise-library-latest-1200.jpg') center center / cover no-repeat #151515;
}
.tim-900
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 900px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/tim-900-2023.jpg') center top / cover no-repeat #151515;
}
.msk-physio-2
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/msk-physio-banner-2.jpg') center center / cover no-repeat #151515;
}
.strength-conditioning
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/strength-1200.jpg') center center / cover no-repeat #151515;
}
.fracture-clinic-1200
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/fracture-clinic.jpg') center center / cover no-repeat #151515;
}
.massage-1200
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/massage-banner-1200-2.jpg') center center / cover no-repeat #151515;
}
.city2surf-1200
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/city-2-surf-1200.jpg') center center / cover no-repeat #151515;
}
.pre-natal-massage-1200
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/pre-natal-massage-1200.jpg') center center / cover no-repeat #151515;
}
.massage-1200-2
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 900px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/massage-3-900.jpg') center top / cover no-repeat #151515;
}
.injury-surgery
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/bondi-1-900.jpg') center center / cover no-repeat #151515;
}
.ski-1-450
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/ski-1-600.jpg') center top / cover no-repeat #151515;
}
.swim-1-450
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/swim-1-600.jpg') center center / cover no-repeat #151515;
}
.ankle-1-450
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/ankle-1-600.jpg') center center / cover no-repeat #151515;
}
.injury-1200
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/rehab-1400-2023.jpg') center center / cover no-repeat #151515;
}
.telehealth
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/scap-press-ball-banner-1200.jpg') center center / cover no-repeat #151515;
}
.injury-2-1200
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/knee-1400.jpg') center center / cover no-repeat #151515;
}
.ankle-1200
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/ankle-1200.jpg') center center / cover no-repeat #151515;
}
.ankle-1200-2
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/ankle-1200-2.jpg') center center / cover no-repeat #151515;
}
.cervical-1200
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/cervical-spine-2021-1400.jpg') center center / cover no-repeat #151515;
}
.lumbar-1200
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
min-height: 450px;
padding-top: 20px;
padding-bottom: 20px;
background: url('../img/lumbar-spine-banner-1200.jpg') center center / cover no-repeat #151515;
}
.exercise {
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #cccccc;
}
.exercise-2 {
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #dfdfdf;
}
.page {
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #ffffff;
}
.page-grey {
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #f0f0f0;
}
.page-link {
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #ffffff;
}
.blue-page {
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #0055a4;
}
.azure {
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #336699;
}
.fp-blue {
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #004474;
}
.pr-black {
margin-bottom: 0px;
padding-left:0px;
padding-right:0px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #151515;
}
.home-page {
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #ececed;
}
.rehab {
margin-bottom: 0px;
padding: 10px;
background-color: #2b313a;
}
.exercise_list {
}
.exercise_list img {
width:100%;
}
.exercise_list_2 {
}
.exercise_list_2 img {
width:100%;
}
.fullsize_image img {
width:100%;
}
/* Container for each exercise image */
.mob-ex-img,
.image-hover,
.exercise_thumbnail_2 {
position: relative;
width: 100%;
height: auto; /* allow natural height */
}
/* Make the image fill the container but maintain aspect ratio */
.mob-ex-img img,
.image-hover img,
.exercise_thumbnail_2 img {
display: block;
width: 100%;
height: auto; /* preserve aspect ratio */
object-fit: contain; /* ensures image is not stretched */
}
/* Overlay icon centered */
.mob-ex-img .overlay-icon,
.image-hover .overlay-icon,
.exercise_thumbnail_2 .overlay-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
/* Container for the thumbnail */
.exercise_thumbnail_2 {
position: relative;
display: inline-block; /* ensures overlay is positioned relative to image size */
}
.exercise_thumbnail {
position: relative;
display: inline-block; /* ensures overlay is positioned relative to image size */
}
/* Make sure the container is relative and full-size */
.image-hover,
.exercise_thumbnail_2 {
position: relative;
display: block; /* use block for images to keep natural aspect ratio */
width: 100%; /* responsive width */
}
/* Make sure the container is relative and full-size */
.image-hover,
.exercise_thumbnail {
position: relative;
display: block; /* use block for images to keep natural aspect ratio */
width: 100%; /* responsive width */
}
/* Image inside container */
.image-hover img,
.exercise_thumbnail_2 img {
display: block; /* removes inline spacing issues */
width: 100%;
height: auto; /* preserves aspect ratio */
}
/* Image inside container */
.image-hover img,
.exercise_thumbnail img {
display: block; /* removes inline spacing issues */
width: 100%;
height: auto; /* preserves aspect ratio */
}
/* Overlay icon */
.image-hover .overlay-icon,
.exercise_thumbnail_2 .overlay-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* center perfectly */
z-index: 10;
}
/* Overlay icon */
.image-hover .overlay-icon,
.exercise_thumbnail .overlay-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* center perfectly */
z-index: 10;
}
/* Main image inside thumbnail */
.exercise_2-main-img {
position: absolute;
top: 50%;
left: 50%;
height: 80px; /* exact height */
width: auto; /* auto width to maintain aspect ratio */
transform: translate(-50%, -50%);
display: block;
}
/* Video icon overlay */
.video-icon-overlay {
position: absolute;
top: 50%;
left: 50%;
width: 40% !important; /* lock width */
height: 40% !important; /* lock height */
transform: translate(-50%, -50%);
z-index: 10;
opacity: 0.95;
pointer-events: none;
}
/* Video icon wrapper */
.video-icon-wrapper {
position: absolute;
top: 50%;
left: 50%;
width: 40%; /* icon container width */
height: 40%; /* icon container height */
transform: translate(-50%, -50%);
z-index: 10;
pointer-events: none;
}
/* Icon itself scales to container */
.video-icon-wrapper .video-icon-overlay {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
/* Hide icon if no video */
.video-icon-wrapper .video-icon-overlay.videoid {
display: none;
}
.video_list {
}
.video_list img {
width:100%;
}
.video {
margin-bottom: 0px;
padding: 10px;
background-color: #2b313a;
}
.video-play
{
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #2b313a;
color:white;
width: 100% !important;
height: auto !important;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videoWrapper .vjs-poster {
background-size: cover;
}
.imageWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0px;
height: 0;
}
.imageWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.login {
margin-bottom: 0px;
padding-left:5px;
padding-right:5px;
padding-top: 15px;
padding-bottom: 20px;
color:white;
}
.login label {
width: 100px;
}
.preview
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 15px;
padding-bottom: 20px;
background-color: #0085cf;
color:white;
}
.preview a { color:#2b313a; font-size: 14px; }
.preview_thumbnail img { vertical-align: top; }
.preview_thumbnail a { text-decoration:none; }
.preview_title {
background: url('../Images/exercise-arrow-icon-40.png') right top no-repeat;
display: table;
width: 100%;
height: 40px;
}
.preview_title a { display:table-cell; vertical-align:middle; text-decoration:none; }
.preview_title a div { text-align: left; padding:5px 35px 5px 5px; }
.exercise a { color:#151515; font-size: 14px; }
.exercise_thumbnail img { vertical-align: top; }
.exercise_thumbnail a { text-decoration:none; }
.exercise_thumbnail.Free::before { content:url(/img/new-logo.png);position:absolute;z-index:100; }
.exercise_thumbnail.Plus::before { content:url(/img/plus-logo.png);position:absolute;z-index:100; }
.exercise_title { background: url('../Images/exercise-arrow-icon-40.png') right top no-repeat #ffffff; padding: 0px; display:table; width:100%; height:40px; }
.exercise_title a { display:table-cell; vertical-align:middle; text-decoration:none; }
.exercise_title a div { text-align: left; padding:5px 35px 5px 10px; }
.exercise_list:hover .exercise_title a { color:#151515; background: url('../Images/exercise-arrow-icon-40.png') right top no-repeat #ececec;}
.exercise_2 a { color:#f9f9f9; font-size: 14px; }
.exercise_thumbnail_2 img { vertical-align: top; }
.exercise_thumbnail_2 a { text-decoration:none; }
.exercise_thumbnail_2.Free::before { content:url(/img/new-logo.png);position:absolute;z-index:100; }
.exercise_thumbnail_2.Plus::before { content:url(/img/plus-logo.png);position:absolute;z-index:100; }
.exercise_title_2 {
display: block;
margin: 0;
line-height: 1;
color: #67fbe7;
font-size: 16px;
padding-top: 10px;
}
.exercise_title_wrap_2 {
margin-top: -6px; /* adjust: -4px to -10px as needed */
}
.exercise_title_2 a { display:table-cell; vertical-align:top; text-decoration:none; }
.exercise_title_2 a div { text-align: left; padding:10px 10px 10px 10px; }
.exercise_list_2:hover .exercise_title_2 a { color:#f9f9f9; background-color: #ffffff; }
.exercise_thumbnail_2 {
position: relative;
width: 100px;
height: 80px;
overflow: hidden;
}
/* Main image */
.exercise_2-main-img {
position: absolute;
top: 50%;
left: 50%;
height: 80px;
width: auto;
transform: translate(-50%, -50%);
display: block;
}
.mob-ex-img img {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
display: block;
object-fit: contain;
}
.product_title { background: url('../Images/exercise-arrow-icon-40.png') right top no-repeat #ffffff; padding: 0px; display:table; width:100%; height:40px; }
.product_title a { display:table-cell; vertical-align:middle; text-decoration:none; }
.product_title a div { text-align: left; padding:5px 35px 5px 10px; }
.exercise_list_2:hover .product_title a { color:#151515; background: url('../Images/exercise-arrow-icon-40.png') right top no-repeat #ffffff;}
.exercise_list:hover .product_title a { color:#f9f9f9; background-color: #3a3a3e;}
.exercise_list_2:hover .product_title_2 a { color:#ffffff; font-size: 16px; text-align: center; }
.product_title_2 { background: url('../Images/arrow-grey.png') right top no-repeat; padding: 0px; display:table; width:100%; height:40px; }
.product_title_2 a { display:table-cell; vertical-align:middle; text-decoration:none; font-size: 16px; text-align: center; }
.product_title_2 a div { text-align: center; font-size: 16px;}
.alternate_title { background: url('../img/exercise-arrow-icon-40-W.png') right top no-repeat #2371b3; padding: 0px; display:table; width:100%; height:40px; }
.alternate_title a { color:#ffffff; display:table-cell; vertical-align:middle; text-decoration:none; }
.alternate_title a div { text-align: left; padding:5px 35px 5px 10px; }
.exercise_list_2:hover .alternate_title a { color:#f9f9f9; background-color: #3a3a3e; }
.exercise_list:hover .alternate_title a { color:#151515; background: url('../Images/exercise-arrow-icon-40.png') right top no-repeat #ececec;}
.clear-by-4-div :nth-child(4n+5) {clear:both;}
.video a { color:#151515; font-size: 13px; }
.video_thumbnail img { vertical-align: top; }
.video_thumbnail a { text-decoration:none; }
.video_title { display:table; width:100%; height:40px; }
.video_title a { color:#151515; background: #ececed; display:table-cell; vertical-align:middle; text-decoration:none; }
.video_title a:hover { color:#2371b3; background: #cccccc;}
.video_title a div { text-align: left; padding:5px 35px 5px 10px; }
a.image-hover:hover .video_title a { color:#2371b3; background: #ececec;}
.video_title.short a { color:#ffffff; background: #2371b3; }
.video_title.short2 a { color:#222124; background: #67fbe7; }
.video_title.big { height:50px; text-align:center;}
.video_title.big a { color:#0085cf; background: #ffffff; font-weight: 200; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; line-height:50px; }
.video_title.big a:hover { color:#ffffff; background-color:#0055a4; }
a.image-hover:hover .video_title.big a { color:#ffffff; background-color:#0055a4;}
.daily_title { display:table; width:100%; height:70px; }
.daily_title a { color:#ffffff; background: #336699; display:table-cell; text-align: left; padding:6px 6px 6px 6px; vertical-align:top; text-decoration:none; }
.daily_title a:hover { color:#2371b3; background: #cccccc;}
.daily_title a div { text-align: left; padding:6px 6px 6px 6px; }
a.image-hover:hover .daily_title a { color:#2371b3; background: #cccccc;}
.shoulder
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 15px;
padding-bottom: 20px;
background-color: #e17825;
color:white;
}
.exercise-heading
{
margin-bottom: 0px;
padding: 0px;
background-color: #2371b3;
}
.exercise-heading-white
{
margin-bottom: 0px;
padding: 0px;
background-color: #ffffff;
}
.exercise-heading-fp-blue
{
margin-bottom: 0px;
padding: 0px;
background-color: #004474;
}
.exercise-heading-grey
{
margin-bottom: 0px;
padding: 0px;
background-color: #2b313a;
}
.exercise-heading-light
{
margin-bottom: 0px;
padding: 0px;
background-color: #dfdfdf;
}
.enews
{
margin-bottom: 0px;
background: url('../img/enews-background.jpg') center top / cover no-repeat #151515;
}
.sub-heading
{
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #dfdfdf;
}
.pre-header-dark-blue
{
padding-bottom: 0px;
height: 3px;
background-color: #004474;
}
.pre-header
{
padding-bottom: 0px;
height: 15px;
background-color: #2b312a;
}
.pre-header-white-15
{
padding-bottom: 0px;
height: 15px;
background-color: #ffffff;
}
.pre-header-white
{
padding-bottom: 0px;
height: 3px;
background-color: #cccccc;
}
@media only screen and (min-width: 768px) {
.pre-footer {
margin-bottom: 320px;
position: relative;
}
.pre-footer:after {
box-shadow: 0 25px 25px -15px rgba(0,0,0,0.5) inset;
content: " ";
width: 100%;
position: absolute;
top: 2px;
bottom: -100px;
}
.hidden-footer {
width: 100%;
position: fixed;
bottom: 0;
z-index: -2;
}
.hidden-footer section {
padding-top: 100px;
}
}
footer
{
padding-bottom: 0px;
font-size: 13px;
line-height:40px;
background-color: #111111;
}
/* Target your social icons container */
.foot-social-icons {
display: flex !important; /* horizontal row */
justify-content: center !important; /* center icons */
align-items: center !important; /* vertical align */
flex-wrap: nowrap; /* keep in a single line */
gap: 10px; /* spacing between icons */
float: none !important; /* cancel any float */
width: auto !important; /* cancel column width */
}
/* Target the column children */
.foot-social-icons a {
float: none !important; /* cancel float from .columns */
width: auto !important; /* cancel column width */
display: inline-block !important; /* inline behavior */
}
/* Ensure images stay proper size */
.foot-social-icons img {
display: block !important;
width: auto;
height: 36px; /* or your preferred size */
}
.pre-footer
{
padding-bottom: 0px;
height: 2px;
background-color: #cccccc;
}
.pre-footer-dark-blue
{
padding-bottom: 0px;
height: 2px;
background-color: #004474;
}
.footer-grey
{
padding-bottom: 20px;
font-size: 14px;
background-color: #151515;
}
.footer-blue
{
padding-left:10px;
padding-right:10px;
font-size: 14px;
background-color: #2b313a;
}
.footer-blue a.footer-link {
font-size: 16px;
line-height: 24px;
display: block;
}
footer .container .twelve.columns
{
display: table-cell !important;
float: none;
height: 40px;
vertical-align: middle;
}
footer nav ul li
{
display: inline-block;
}
footer nav ul li a
{
white-space: nowrap;
text-decoration: none;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
color: #ffffff;
}
footer nav ul li a:hover
{
text-decoration: underline;
}
footer nav ul { position: relative; z-index:580; }
footer nav ul li:hover { position: relative; z-index:590; }
footer nav ul ul { display: none; visibility: visible; position: absolute; top: 90%; left: -20px; background: white; z-index:585; border:1px solid #444}
footer nav ul li:hover > ul { display: block; }
article.blogpost h3
{
display: table-cell;
padding: 0px 0px 0px 20px;
vertical-align: middle;
}
article.blogpost h3 a
{
text-decoration: none;
}
article.blogpost header
{
position: relative;
margin-bottom: 10px;
}
article.blogpost .post-body
{
position: relative;
overflow: hidden;
max-height: 500px;
}
article.blogpost .post-body .fade-out
{
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 150px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.meta-info
{
display: inline-block;
margin-bottom: 10px;
color: #888;
font-size: 14px;
}
.meta-info strong
{
color: inherit;
}
.meta-info a
{
color: #d08a0f;
text-decoration: none;
font-weight: bold;
}
.meta-info a:hover
{
text-decoration: underline;
}
hr
{
border-top: 1px solid #ccc;
}
ul.link-list li a,
.BlogRecentPost ul li a,
.BlogPostArchive ul li a
{
text-decoration: none;
font-size: 14px;
line-height: 21px;
}
ul.link-list li a:hover,
.BlogRecentPost ul li a:hover,
.BlogPostArchive ul li a:hover
{
text-decoration: underline;
}
ul.link-list li,
.BlogRecentPost ul li,
.BlogPostArchive ul li
{
margin-bottom: 10px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="phone"],
.contact-form textarea
{
width: 290px;
}
.filters ul
{
margin-bottom: 20px;
font-size: 18px;
}
.filters ul li
{
display: block;
margin-bottom: 0px;
line-height: 27px;
}
.filters ul li a
{
text-decoration: none;
font-size: 18px;
}
.filters h4
{
margin-bottom: 12px;
color: #d0530f;
font-weight: bold;
}
.product
{
margin-bottom: 53px;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.product a
{
text-decoration: none;
font-size: 18px;
}
.image-with-price
{
position: relative;
margin-bottom: 43px;
}
.image-with-price a,
.image-with-price a img,
.image-with-price img
{
display: block;
}
.image-with-price span
{
position: absolute;
right: 10px;
bottom: -20px;
display: block;
padding: 0px 20px;
height: 40px;
background: #d0530f;
color: white;
font-weight: 600;
font-size: 24px;
line-height: 38px;
}
.image-with-price.big span
{
top: -20px;
bottom: auto;
}
.image-with-price.big
{
margin-bottom: 10px;
}
.image-with-price.big img
{
border: 1px solid #dcdcdc;
}
.description
{
font-size: 18px;
line-height: 27px;
}
.big-product-title
{
max-width: 500px;
}
a.add-to-cart
{
display: block;
width: 100%;
height: 40px;
background-color: #d0530f;
color: #fff;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 40px;
}
a.add-to-cart:hover
{
background-color: #e15a11;
}
ul.gallery-thumbnails li
{
display: inline-block;
}
ul.gallery-thumbnails li a,
ul.gallery-thumbnails li a img
{
display: block;
}
ul.gallery-thumbnails li a
{
border: 1px solid #dedede;
opacity: 0.3;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
}
ul.gallery-thumbnails li a.selected
{
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.fb-comments
{
margin-top: 20px;
}
/* E-Commerce styling */
.productfeaturelist .productItem
{
display: inline-block;
margin-bottom: 0px;
vertical-align: top;
}
.productList .productItem,
.productList .productItemLast
{
display: inline-block;
vertical-align: top;
}
.catProdAttributeTitle,
.stock h3
{
display: block;
margin-bottom: 22px;
color: #444;
font-weight: 600; /* semibold */
font-size: 24px;
font-family: 'Open Sans', Arial, sans-serif;
line-height: 34px;
padding: 0;
}
.catProdAttributeItem
{
display: inline-block;
margin-right: 4px;
margin-bottom: 20px;
}
.catProdAttributeItem input
{
display: none;
}
.catProdAttributeItem span
{
display: block;
padding: 6px 9px;
border: 1px solid #dcdcdc;
color: #333;
text-decoration: none;
font-weight: bold;
line-height: normal;
cursor: pointer;
border-radius: 2px;
-moz-border-radius: 2px;
}
.catProdAttributeItem span.selected,
.catProdAttributeItem span.selected:hover
{
border: 1px solid #d0530f;
background: #d0530f;
color: #fff;
}
.catProdAttributeItem span:hover
{
background: #e9e9e9;
color: #000;
}
img[src="/img/add-to-cart.png"]
{
width: auto;
}
.productPoplets
{
margin: 0px auto;
}
.productTextInput
{
height: 24px;
border: 1px solid #dcdcdc !important;
}
td.cartSummaryItem
{
padding: 0px 0px 20px 0px;
font-size: 14px;
}
.gallery-thumbnails
{
margin: 4px auto 5px;
}
.pagination
{
color: #333;
font-weight: bold;
font-size: 14px;
}
.pagination a
{
display: inline-block;
font-weight: bold;
font-size: 14px;
}
.cart
{
margin-bottom: 20px;
width: 100%;
text-align: left;
font-size: 14px;
}
.cart td,
.cart th
{
padding: 5px;
vertical-align: middle;
}
.cart th
{
font-weight: bold;
}
.cart tbody tr:nth-child(odd)
{
background: #f6f6f6;
}
.cart .cartInputText
{
margin: 0px;
width: 50px;
}
.cart .discountcodeInput
{
display: inline;
margin: 0px;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"],
#catshopclear, #catshopquote, #catshopbuy
{
-webkit-appearance: none;
margin: 0px;
width: 140px;
max-width: 100%;
padding: 12px;
border: none;
-moz-border-radius: 5px;
border-radius: 5px;
background: #0085cf;
color: #fff;
text-decoration: none;
text-shadow: none;
font-weight: 200;
font-size: 18px;
font-family: 'Open Sans', Arial, sans-serif;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
#catshopclear:hover, #catshopquote:hover, #catshopbuy:hover
{
background: #2371b3;
color: #fff;
text-decoration: none;
border: none;
}
.productSubmitInput
{
font-size: 18px !important;
}
.cart input.update
{
font-weight: 400;
}
.cart tr.sub-total td,
.cart tr.shipping td,
.cart tr.total td
{
background: #f6f6f6;
}
.cart tr.discount td
{
padding-top: 5px;
}
.cart tr.giftvoucher td
{
padding-bottom: 5px;
background: #fff;
}
.cart-summary
{
margin-bottom: 30px;
text-align: right;
}
.cart-summary a
{
font-size: 14px;
}
.actions
{
text-align: right;
}
.section-header
{
margin-bottom: 20px;
padding: 10px;
height: 15px;
background: #F6F6F6;
color: #333;
font-weight: bold;
line-height: 15px;
}
.sidebar-header
{
padding: 5px 20px;
background: #0f0f0f;
color: #fff;
}
.sidebar-header h4
{
float: left;
margin:0px;
padding: 0px;
color: #fff;
line-height: auto;
}
#checkout-total
{
margin-bottom: 20px;
padding: 10px;
background: #F6F6F6;
color: #333;
font-weight: bold;
}
#checkout-total #grand-total
{
float: left;
}
#checkout-total h4
{
margin: 0px;
}
#check-out-form input[type="text"],
#check-out-form textarea
{
width: 300px;
}
.small
{
font-size: 11px;
line-height: 13px;
}
#check-out-form select
{
height: 29px;
}
#CardExpiryMonth,
#CardExpiryYear
{
display: inline-block;
width: 150px;
}
a.small-link
{
color: #d08a0f;
font-weight: bold;
font-size: 12px;
}
#checkout-total #catwebformbutton
{
float: right;
width: auto;
background-position: 0px -248px;
}
.shop-quote .cat_textbox,
.shop-quote .cat_listbox
{
display: inline;
width: 400px;
}
.shop-quote .cat_listbox
{
height: 150px;
}
#catCartDetails > a
{
display: block;
margin: 0px auto 40px;
font-size: 14px;
text-align: center;
}
.shop-cart
{
margin-bottom: 40px;
}
.data-table,
.order-product-list
{
width: 100%;
font-size: 14px;
}
.order-list tbody tr td,
.case-list tbody tr td
{
cursor: pointer;
}
.order-list tbody tr:nth-child(odd):hover,
.case-list tbody tr:nth-child(odd):hover,
.order-list tbody tr:hover,
.case-list tbody tr:hover
{
background: #111;
color: #fff;
}
.order-list tbody tr:hover a,
.case-list tbody tr:hover a
{
color: #fff;
}
.order-list tbody tr:hover a:hover,
.case-list tbody tr:hover a:hover
{
text-decoration: none;
}
.order-list th,
.case-list th,
.order-product-list th,
.data-table th
{
text-align: left;
padding: 5px;
font-weight: bold;
font-size: 14px;
}
.order-list td,
.case-list td,
.order-product-list td,
.order-product-list td .productitemcell,
.data-table td
{
padding: 5px;
vertical-align: middle;
}
.data-table tbody tr:nth-child(odd)
{
background: #f6f6f6;
}
.order-product-list tr .productitemcell:nth-child(odd),
.order-product-list tbody tr:nth-child(odd)
{
background: #f6f6f6;
}
label + div
{
margin-bottom: 20px;
}
.system-message
{
font-size: 14px;
}
.search-result img
{
width: auto;
height: auto;
}
.search-box { position: relative; text-align:right; margin-top:10px;}
.search-box form { margin: 0px; }
.search-box input { display: inline-block; }
.search-box input[type="text"] { width: 150px; margin: 0px; }
.big-search
{
padding-top: 40px;
}
/* #Media Queries
================================================== */
/* Smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width: 1023px) {
.slider nav.large
{
display: none;
}
.slider nav.small
{
display: block;
}
.big-search
{
display: none;
}
nav.top ul
{
margin: 20px 0px;
padding: 0px;
}
nav.top ul li
{
display: block;
padding: 5px 0px;
}
nav.top ul li:after
{
margin: 0px;
color: #fff;
content: "";
font-size: 14px;
}
nav.small.top { display: block; }
nav.main.top { display: none; }
.sticky-menu { display: none; }
.actions
{
text-align: left;
}
}
/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1023px) { }
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.discountcodeInput
{
margin-bottom: 10px !important;
width: auto !important;
}
.shop-cart .update
{
margin-bottom: 10px !important;
width: 100%;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.my-account { display: none; }
.actions
{
text-align: left;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
/* Hide table headers (but not display: none; */
.slider nav.large
{
display: none;
}
.slider nav.small
{
display: block;
}
.big-search
{
display: none;
}
.blogpost .avatar
{
display: none;
}
.blogpost header h3
{
padding-left: 0px;
}
nav.top ul
{
margin: 20px 0px;
padding: 0px;
}
nav.top ul li
{
display: block;
padding: 5px 0px;
}
nav.top ul li:after
{
margin: 0px;
color: #fff;
content: "";
font-size: 14px;
}
nav.small.top { display: block; }
nav.main.top { display: none; }
.sticky-menu { display: none; }
.my-account { display: none; }
.actions
{
text-align: left;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea, select {
width: 290px;
}
#check-out-form input[type="text"],
#check-out-form textarea
{
width: 290px;
}
.shop-quote .cat_textbox,
.shop-quote .cat_listbox
{
display: inline;
width: 290px;
}
.shop-quote .cat_listbox
{
height: 150px;
}
/* Style for displaying tables in a collapsed format on mobile screens */
/* Force table to not be like tables anymore */
.collapsing-table,
.collapsing-table thead,
.collapsing-table tbody,
.collapsing-table th,
.collapsing-table td,
.collapsing-table tr
{
display: block;
}
.collapsing-table
{
border-bottom: 1px solid #ccc;
}
.collapsing-table thead tr
{
position: absolute;
top: -9999px;
left: -9999px;
}
.collapsing-table tr { border: 1px solid #ccc; border-bottom: 0px; }
.collapsing-table td
{
position: relative;
padding-left: 45%;
border: none;
border-bottom: 1px solid #eee;
/* Behave like a "row" */
}
.collapsing-table td:before
{
position: absolute;
/* Top/left values mimic padding */
top: 5px;
left: 5px;
padding-right: 10px;
width: 45%;
white-space: nowrap;
font-weight: bold;
/* Now like a table header */
}
.collapsing-table td:last-child
{
border-bottom: 0px;
}
.order-product-list td:nth-of-type(1):before { content: "Product"; }
.order-product-list td:nth-of-type(2):before { content: "Price"; }
.order-product-list td:nth-of-type(3):before { content: "Tax"; }
.order-product-list td:nth-of-type(4):before { content: "Quantity"; }
.order-product-list td:nth-of-type(5):before { content: "Total"; }
.order-list td:nth-of-type(1):before { content: "Order"; }
.order-list td:nth-of-type(2):before { content: "Date"; }
.order-list td:nth-of-type(3):before { content: "Status"; }
.order-list td:nth-of-type(4):before { content: "Ammount"; }
.case-list td:nth-of-type(1):before { content: "Subject"; }
.case-list td:nth-of-type(2):before { content: "Case number"; }
.case-list td:nth-of-type(3):before { content: "Date"; }
.case-list td:nth-of-type(4):before { content: "Status"; }
.cart.product-list td:nth-of-type(1):before { content: "Product"; }
.cart.product-list td:nth-of-type(2):before { content: "Unit price"; }
.cart.product-list td:nth-of-type(3):before { content: "Quantity"; }
.cart.product-list td:nth-of-type(4):before { content: "Tax"; }
.cart.product-list td:nth-of-type(5):before { content: "Total"; }
}
.shippingPostcodeDiv h4{
font-size: 11px;
color: #666;
text-align: right;
margin: 0;
padding: 0;
}
.shippingPostcodeDiv .cms_fake_label{
font-size: 11px;
}
.shippingPostcodeDiv input{
display: inline;
margin: 0px;
}
please check this CSS for errors from the last few copy and pastes: /* ==========================================
LUMINA BLACK — CLEAN STATIC EXERCISE LAYOUT
- Session 1: ex-table (thumb | metrics) + mobile grid
- Session 2: ex-table--s2ex1 (num | image | title+pills | arrow)
========================================== */
/* =========================
LUMINA FULL WIDTH SECTION
========================= */
section.lumina-black{
position:relative;
width:100vw !important;
max-width:100vw !important;
margin-left:calc(-50vw + 50%) !important;
margin-right:calc(-50vw + 50%) !important;
padding-left:0 !important;
padding-right:0 !important;
box-sizing:border-box;
overflow:hidden;
}
section.lumina-black .container{
width:100% !important;
max-width:100% !important;
margin:0 auto !important;
padding-left:15px !important;
padding-right:15px !important;
box-sizing:border-box;
}
section.lumina-black .columns{
float:left !important;
padding-left:10px !important;
padding-right:10px !important;
margin:0 !important;
box-sizing:border-box;
}
/* Skeleton-style widths inside lumina-black */
section.lumina-black .one{width:8.333333% !important;}
section.lumina-black .two{width:16.666667% !important;}
section.lumina-black .three{width:25% !important;}
section.lumina-black .four{width:33.333333% !important;}
section.lumina-black .five{width:41.666667% !important;}
section.lumina-black .six{width:50% !important;}
section.lumina-black .seven{width:58.333333% !important;}
section.lumina-black .eight{width:66.666667% !important;}
section.lumina-black .nine{width:75% !important;}
section.lumina-black .ten{width:83.333333% !important;}
section.lumina-black .eleven{width:91.666667% !important;}
section.lumina-black .twelve{width:100% !important;}
/* ==============================
MOBILE / TABLET (<=1024px)
============================== */
@media (max-width:1024px){
section.lumina-black .container{
padding-left:0 !important;
padding-right:0 !important;
}
section.lumina-black .columns{
width:100% !important;
max-width:100% !important;
padding-left:15px !important;
padding-right:15px !important;
margin:0 !important;
}
section.lumina-black .columns td{
padding:15px !important;
}
section.lumina-black .columns table.ex-table td.ex-num-td,
section.lumina-black .columns table.ex-table td.ex-content-td,
section.lumina-black .columns table.ex-table td.rx-metrics-td{
padding:5px !important;
}
}
/* =========================
GLOBAL THUMB VARS (Session 1 only)
========================= */
:root{
--thumb-w-desktop: 180px;
--thumb-h-desktop: 135px;
--thumb-w-mobile: 180px;
--thumb-h-mobile: 135px;
--thumb-cell-left-pad-desktop: 16px;
--thumb-cell-left-pad-mobile: 14px;
--title-gap-desktop: 18px;
--title-gap-mobile: 14px;
}
/* =========================
SESSION 1 — EXERCISE TABLE BASE (.ex-table)
========================= */
.ex-table{
width:100%;
table-layout:fixed;
}
section.lumina-black table.ex-table td{
vertical-align:top !important;
}
/* Number column (Session 1 only) */
.ex-num-td{
width:30px !important;
min-width:30px !important;
max-width:30px !important;
padding:0 !important;
text-align:left !important;
}
.ex-num-td h4{ margin:0 !important; }
.ex-num-badge{
display:inline-flex !important;
align-items:center;
justify-content:center;
background:#0085cf !important;
color:#ffffff !important;
border-radius:0 !important;
margin:0 !important;
min-width:24px !important;
height:24px !important;
padding:0 6px !important;
font-weight:700 !important;
line-height:1 !important;
}
/* Thumbnail/content column (Session 1) */
section.lumina-black table.ex-table td.ex-content-td{
overflow:hidden !important;
padding-top:0 !important;
padding-left:var(--thumb-cell-left-pad-desktop) !important;
padding-right:5px !important;
padding-bottom:5px !important;
}
@media (max-width:767px){
section.lumina-black table.ex-table td.ex-content-td{
padding-left:var(--thumb-cell-left-pad-mobile) !important;
}
}
/* Contain module output */
section.lumina-black .mob-ex-img{
overflow:hidden !important;
width:100% !important;
margin:0 !important;
}
/* Prevent module content forcing width */
section.lumina-black .mob-ex-img,
section.lumina-black .mob-ex-img *{
min-width:0 !important;
max-width:100% !important;
box-sizing:border-box !important;
}
/* Module base */
.exercise_list_2,
.exercise_list_2 *{ box-sizing:border-box; }
/* Title wrap */
section.lumina-black .mob-ex-img .exercise_title_wrap_2{
margin:0 !important;
padding:0 0 var(--title-gap-desktop) 0 !important;
text-align:left !important;
}
@media (max-width:767px){
section.lumina-black .mob-ex-img .exercise_title_wrap_2{
padding-bottom:var(--title-gap-mobile) !important;
}
}
section.lumina-black .mob-ex-img .exercise_title_2{
display:block !important;
margin:0 !important;
line-height:1.1 !important;
white-space:normal !important;
word-break:break-word !important;
overflow-wrap:anywhere !important;
}
/* Thumbnail sizing (Session 1 only) */
section.lumina-black .mob-ex-img .exercise_thumb_2{
position:relative;
width:var(--thumb-w-desktop) !important;
height:var(--thumb-h-desktop) !important;
overflow:hidden !important;
margin:0 !important;
}
@media (max-width:767px){
section.lumina-black .mob-ex-img .exercise_thumb_2{
width:var(--thumb-w-mobile) !important;
height:var(--thumb-h-mobile) !important;
}
}
section.lumina-black .mob-ex-img .exercise_img_2{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
max-width:none !important;
max-height:none !important;
margin:0 !important;
float:none !important;
}
/* Video icon overlay */
.exercise_video_icon_2{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:50px;
height:50px;
z-index:10;
pointer-events:none;
}
.exercise_video_icon_2 img{
display:block;
width:50px;
height:50px;
}
/* Notes table (Session 1) */
table.rx-notes-table{
width:100% !important;
border-collapse:collapse !important;
margin-top:6px !important;
}
table.rx-notes-table td{
width:100% !important;
}
/* =========================
SESSION 1 — METRICS COLUMN + PILLS
========================= */
td.rx-metrics-td{
vertical-align:top !important;
text-align:right !important;
}
table.rx-metrics-table{
width:100% !important;
table-layout:fixed !important;
border-collapse:separate !important;
border-spacing:0 6px !important;
margin:0 !important;
}
table.rx-metrics-table colgroup col:first-child{ width:35% !important; }
table.rx-metrics-table colgroup col:last-child{ width:65% !important; }
table.rx-metrics-table td{
box-sizing:border-box;
vertical-align:middle;
padding:8px !important;
}
table.rx-metrics-table td.rx-val{
border-right:0 !important;
border-top-right-radius:0 !important;
border-bottom-right-radius:0 !important;
}
table.rx-metrics-table td.rx-lab{
border-left:0 !important;
border-top-left-radius:0 !important;
border-bottom-left-radius:0 !important;
}
table.rx-metrics-table td.rx-val,
table.rx-metrics-table td.rx-lab,
table.rx-metrics-table td.rx-full{
overflow:hidden;
}
table.rx-metrics-table td.rx-val div,
table.rx-metrics-table td.rx-lab div,
table.rx-metrics-table td.rx-full div{
white-space:nowrap !important;
word-break:normal !important;
overflow-wrap:normal !important;
}
@media (max-width:767px){
table.rx-metrics-table td.rx-lab div{
white-space:normal !important;
}
}
table.rx-metrics-table td.rx-notes div,
table.rx-metrics-table .rx-notes-text{
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
}
table.rx-metrics-table td.rx-notes{
text-align: left !important;
padding: 10px 12px !important;
}
/* =========================
SESSION 1 — MOBILE GRID
========================= */
@media (max-width:767px){
section.lumina-black.rx-overlay table.ex-table > tbody > tr{
display:grid !important;
grid-template-columns: 30px minmax(0,1.7fr) minmax(0,1.0fr) !important;
column-gap:5px !important;
row-gap:6px !important;
align-items:start !important;
}
section.lumina-black.rx-overlay table.ex-table td.ex-num-td{
grid-column:1 / 2 !important;
grid-row:1 / span 2 !important;
}
section.lumina-black.rx-overlay table.ex-table td.ex-content-td{
grid-column:2 / 3 !important;
grid-row:1 !important;
width:auto !important;
max-width:100% !important;
padding-left:18px !important;
padding-right:6px !important;
}
section.lumina-black.rx-overlay table.ex-table td.rx-metrics-td{
grid-column:3 / 4 !important;
grid-row:1 !important;
width:auto !important;
max-width:100% !important;
padding:10px !important;
padding-left:6px !important;
padding-right:6px !important;
}
section.lumina-black.rx-overlay table.ex-table td.rx-metrics-td table.rx-metrics-table td{
padding:7px 6px !important;
}
}
/* Desktop only: limit Session 1 metrics width */
@media (min-width:768px){
section.lumina-black .rx-metrics-td{
width:260px;
max-width:260px;
}
}
/* Session 1: square badge + thumbnail top nudge */
section.lumina-black table.ex-table td.ex-num-td{
padding:0 !important;
vertical-align:top !important;
text-align:left !important;
}
section.lumina-black table.ex-table td.ex-num-td h4{ margin:0 !important; }
section.lumina-black table.ex-table .ex-num-badge{
width:32px !important;
height:32px !important;
min-width:32px !important;
padding:0 !important;
border-radius:0 !important;
line-height:1 !important;
}
section.lumina-black table.ex-table td.ex-content-td .mob-ex-img{
margin-top:6px !important;
}
/* =========================================================
VIDEOS (kept as-is; you can trim duplicates later)
========================================================= */
section.lumina-black .pf-videos-cell{ padding:0 !important; }
section.lumina-black .pf-videos-grid{
display:flex !important;
flex-wrap:wrap !important;
gap:16px !important;
width:100% !important;
max-width:100% !important;
margin:0 !important;
}
@media (min-width:768px){
section.lumina-black .pf-videos-grid > *{
flex:0 0 calc(50% - 8px) !important;
max-width:calc(50% - 8px) !important;
}
}
@media (max-width:767px){
section.lumina-black .pf-videos-grid > *{
flex:0 0 100% !important;
max-width:100% !important;
}
}
section.lumina-black .pf-videos-grid .video_list,
section.lumina-black .pf-videos-grid .video_list.four.columns{
float:none !important;
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
min-width:0 !important;
box-sizing:border-box !important;
}
section.lumina-black .pf-videos-grid .video_list table{
width:100% !important;
max-width:100% !important;
table-layout:fixed !important;
border-collapse:collapse !important;
margin:0 !important;
display:block !important;
}
section.lumina-black .pf-videos-grid .video_list tr,
section.lumina-black .pf-videos-grid .video_list td{
display:block !important;
width:100% !important;
padding:0 !important;
}
section.lumina-black .pf-videos-grid .videoWrapper{
width:100% !important;
max-width:100% !important;
overflow:hidden !important;
position:relative !important;
aspect-ratio:16/9 !important;
height:auto !important;
}
section.lumina-black .pf-videos-grid .videoWrapper iframe,
section.lumina-black .pf-videos-grid .videoWrapper video,
section.lumina-black .pf-videos-grid .videoWrapper embed,
section.lumina-black .pf-videos-grid .videoWrapper object{
display:block !important;
width:100% !important;
max-width:100% !important;
height:100% !important;
border:0 !important;
float:none !important;
}
section.lumina-black .pf-videos-grid .video_title,
section.lumina-black .pf-videos-grid .video_title a,
section.lumina-black .pf-videos-grid .video_title div{
display:block !important;
width:100% !important;
max-width:100% !important;
float:none !important;
clear:both !important;
margin:0 !important;
padding:10px 0 0 0 !important;
text-align:left !important;
overflow-wrap:anywhere !important;
word-break:break-word !important;
}
/* =========================================================
SESSION 2 — ex-table--s2ex1 (CLEAN + SINGLE SOURCE OF TRUTH)
Fixes:
- arrow INSIDE right edge
- no phantom gap column
- metrics not skinnier than expected
- image fills cell (ignores global 180px thumb)
- notes: no border/padding + grey
========================================================= */
:root{
--s2-num-col: 28px;
--s2-img-col: 34%; /* increase to make image bigger */
--s2-arrow-col: 28px; /* keep small so it doesn't steal width */
--s2-gap: 5px;
}
/* Turn tbody into a 4-col grid; constrain widths so nothing can overflow */
section.lumina-black table.ex-table--s2ex1{
width:100% !important;
table-layout:fixed !important;
border-collapse:separate !important;
border-spacing:0 !important;
}
section.lumina-black table.ex-table--s2ex1 > tbody{
display:grid !important;
grid-template-columns:
var(--s2-num-col)
var(--s2-img-col)
minmax(0, 1fr)
var(--s2-arrow-col) !important;
column-gap: var(--s2-gap) !important;
row-gap: var(--s2-gap) !important;
}
section.lumina-black table.ex-table--s2ex1 > tbody > tr{
display:contents !important;
}
/* Place cells (and force min-width:0 so they DON'T push arrow outside) */
section.lumina-black table.ex-table--s2ex1 td.s2ex1-num{
grid-column:1 !important;
grid-row:1 / span 2 !important;
align-self:center !important;
justify-self:center !important;
padding:0 !important;
min-width:0 !important;
}
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img{
grid-column:2 !important;
grid-row:1 / span 2 !important;
align-self:stretch !important;
padding:5px !important;
min-width:0 !important;
}
section.lumina-black table.ex-table--s2ex1 td.s2ex1-title{
grid-column:3 !important;
grid-row:1 !important;
align-self:start !important;
padding:5px !important;
padding-bottom:0 !important;
text-align:left !important;
min-width:0 !important;
}
section.lumina-black table.ex-table--s2ex1 td.s2ex1-arrow{
grid-column:4 !important;
grid-row:1 / span 2 !important;
align-self:center !important;
justify-self:end !important;
padding:0 5px 0 0 !important;
text-align:right !important;
min-width:0 !important;
overflow:hidden !important; /* prevents it from “hanging out” */
}
section.lumina-black table.ex-table--s2ex1 td.s2ex1-arrow img{
display:block !important;
width:20px !important;
height:auto !important;
max-width:20px !important;
}
section.lumina-black table.ex-table--s2ex1 td.s2ex1-pills{
grid-column:3 !important;
grid-row:2 !important;
align-self:start !important;
padding:0 5px 5px 5px !important;
min-width:0 !important;
}
/* Hide spacer TDs */
section.lumina-black table.ex-table--s2ex1 td.s2ex1-num-spacer,
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img-spacer{
display:none !important;
}
/* Badge */
section.lumina-black table.ex-table--s2ex1 .s2ex1-badge{
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
color:#67fbe7 !important;
font-weight:700 !important;
line-height:1 !important;
}
/* Title module spacing kill */
section.lumina-black table.ex-table--s2ex1 .exercise_title_wrap_2,
section.lumina-black table.ex-table--s2ex1 .exercise_title_2{
margin:0 !important;
padding:0 !important;
}
/* Notes: NO border, NO padding, grey */
section.lumina-black table.ex-table--s2ex1 .s2ex1-note{
border:0 !important;
padding:0 !important;
margin:0 0 6px 0 !important;
background:transparent !important;
}
section.lumina-black table.ex-table--s2ex1 .s2ex1-note-text{
color:#868589 !important;
white-space:normal !important;
overflow-wrap:anywhere !important;
word-break:break-word !important;
line-height:1.35 !important;
}
/* Pills WRAP (never disappear) */
section.lumina-black table.ex-table--s2ex1 .s2ex1-metrics{
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
overflow:visible !important;
min-width:0 !important;
}
section.lumina-black table.ex-table--s2ex1 .s2ex1-pill{
display:inline-flex !important;
border:1px solid #868589;
border-radius:6px;
overflow:hidden;
flex:0 0 auto;
max-width:100%;
}
section.lumina-black table.ex-table--s2ex1 .s2ex1-val{
background:#67fbe7;
color:#3a3a3e;
padding:6px 10px;
min-width:20px;
text-align:center;
white-space:nowrap;
}
section.lumina-black table.ex-table--s2ex1 .s2ex1-lab{
color:#67fbe7;
padding:6px 10px;
white-space:nowrap;
}
/* ===== Session 2: FORCE IMAGE TO FILL THE CELL (IGNORES 180px RULE) ===== */
/* 1) Force all wrappers to be full width */
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img .exercise_list_2,
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img .exercise_list_2 a{
display:block !important;
width:100% !important;
max-width:100% !important;
float:none !important;
margin:0 !important;
}
/* 2) Make thumb a responsive box */
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img .exercise_thumb_2{
width:100% !important;
max-width:100% !important;
height:0 !important;
padding-top:75% !important; /* 4:3. Use 56.25% for 16:9 */
position:relative !important;
overflow:hidden !important;
margin:0 !important;
}
/* 3) Fill it */
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img .exercise_img_2{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
max-width:none !important;
max-height:none !important;
}
/* Extra safety: stop any floats/widths inside Session 2 from pushing layout */
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img *,
section.lumina-black table.ex-table--s2ex1 td.s2ex1-title *{
max-width:100% !important;
box-sizing:border-box !important;
float:none !important;
}
/* Mobile: keep the same 4-column grid (no Session 1 mobile grid rules apply here) */
@media (max-width:767px){
:root{
--s2-img-col: 38%; /* often looks better on small screens */
}
}
/* =========================================
SESSION 2 — HARD FORCE IMAGE FULL-WIDTH
Paste at VERY BOTTOM of CSS
========================================= */
/* Make every wrapper in the image cell full width */
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img,
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img *{
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Ensure the module wrapper and link are not shrinking */
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img .exercise_list_2,
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img .exercise_list_2 a{
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
float: none !important;
}
/* Kill the global fixed 180px thumb sizing for THIS table */
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img .exercise_thumb_2{
width: 100% !important;
max-width: 100% !important;
height: auto !important; /* override fixed height */
padding-top: 0 !important; /* remove aspect box if you had it */
position: relative !important;
margin: 0 !important;
overflow: hidden !important;
}
/* Make the actual image fill the thumb */
section.lumina-black table.ex-table--s2ex1 td.s2ex1-img img.exercise_img_2{
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
object-fit: cover !important;
}
/* =========================================
LUMINA: Fix arrow overflow on mobile only
Scoped so it won't affect rest of site
========================================= */
@media (max-width: 767px) {
/* Only affect Lumina session exercise rows */
section.lumina-black.rx-overlay table.exercise-table {
width: 100% !important;
table-layout: fixed !important;
}
/* Prevent any cell content from forcing overflow */
section.lumina-black.rx-overlay table.exercise-table td {
min-width: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
/* Arrow column: make it a real fixed column */
section.lumina-black.rx-overlay table.exercise-table td.arrow-cell {
width: 28px !important;
max-width: 28px !important;
min-width: 28px !important;
padding: 0 6px 0 0 !important;
text-align: right !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
section.lumina-black.rx-overlay table.exercise-table td.arrow-cell img {
display: block !important;
width: 15px !important;
max-width: 15px !important;
height: auto !important;
margin-left: auto !important;
}
/* Image cell: reduce padding so it doesn't steal space */
section.lumina-black.rx-overlay table.exercise-table td.exercise-image {
padding: 4px !important;
}
/* Image module containment (stops it pushing arrow out) */
section.lumina-black.rx-overlay table.exercise-table td.exercise-image .exercise_list_2,
section.lumina-black.rx-overlay table.exercise-table td.exercise-image .exercise_thumb_2,
section.lumina-black.rx-overlay table.exercise-table td.exercise-image img.exercise_img_2 {
max-width: 100% !important;
width: 100% !important;
height: auto !important;
display: block !important;
}
}
/* =========================================
LUMINA: Force titles left aligned (fix justify inheritance)
Scoped to Lumina sessions only
========================================= */
@media (max-width: 767px) {
section.lumina-black.rx-overlay .exercise_title_wrap_2,
section.lumina-black.rx-overlay .exercise_title_2 {
text-align: left !important;
}
/* In case parent TD inherits justify */
section.lumina-black.rx-overlay table.exercise-table td {
text-align: left;
}
/* But keep arrow cell right aligned */
section.lumina-black.rx-overlay table.exercise-table td.arrow-cell {
text-align: right !important;
}
}
/* =========================================
LUMINA: prevent image covering number cell
(mobile, new exercise-table only)
========================================= */
@media (max-width: 767px) {
/* Lock the number column width (first td in the row) */
section.lumina-black.rx-overlay table.exercise-table td:first-child {
width: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
padding-right: 6px !important;
text-align: center !important;
vertical-align: top !important;
overflow: hidden !important;
}
/* Rebalance the image cell so it cannot expand into the number column */
section.lumina-black.rx-overlay table.exercise-table td.exercise-image {
width: 34% !important; /* tweakable: 32–38% */
padding: 4px !important;
}
/* Let the title cell take the remaining space */
section.lumina-black.rx-overlay table.exercise-table td.exercise-image + td {
width: auto !important;
}
}
/* =========================================
LUMINA: mobile spacing tweaks for exercise-table
========================================= */
@media (max-width: 767px) {
/* 1) Add space between number and image */
section.lumina-black.rx-overlay table.exercise-table td:first-child {
padding-right: 12px !important; /* increase gap: try 8–14px */
}
/* 2) Add top/bottom padding around the image (without changing layout) */
section.lumina-black.rx-overlay table.exercise-table td.exercise-image {
padding-top: 12px !important;
padding-bottom: 12px !important;
padding-left: 6px !important; /* subtle left space from number */
padding-right: 6px !important;
}
/* Ensure the image sits nicely within that padding */
section.lumina-black.rx-overlay table.exercise-table td.exercise-image img.exercise_img_2 {
display: block !important;
}
/* 3) Give the arrow breathing room from the right edge */
section.lumina-black.rx-overlay table.exercise-table td.arrow-cell {
padding-right: 12px !important; /* increase: try 10–16px */
}
}
/* =========================================
LUMINA: reduce title top padding on mobile
(new exercise-table only)
========================================= */
@media (max-width: 767px) {
/* Remove extra top space above the title */
section.lumina-black.rx-overlay table.exercise-table .exercise_title_wrap_2{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Reduce the built-in top padding on the title itself */
section.lumina-black.rx-overlay table.exercise-table .exercise_title_2{
padding-top: 2px !important; /* set to 0–4px to taste */
margin-top: 0 !important;
line-height: 1.15 !important;
display: block !important;
}
}
/* =========================================
LUMINA: tighten left padding on number cell (mobile)
========================================= */
@media (max-width: 767px) {
section.lumina-black.rx-overlay table.exercise-table td:first-child {
padding-left: 6px !important; /* set to 0–4px to taste */
}
}
/* =========================================
LUMINA: move number higher in its cell
(mobile, first cell only)
========================================= */
@media (max-width: 767px) {
section.lumina-black.rx-overlay table.exercise-table td:first-child h4 {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 0.9 !important; /* tight vertical layout */
}
/* Ensure the cell aligns at the top */
section.lumina-black.rx-overlay table.exercise-table td:first-child {
vertical-align: top !important;
}
}
/* =========================================
LUMINA (desktop): nudge exercise number up + right
WITHOUT affecting table column widths
========================================= */
@media (min-width: 768px) {
section.lumina-black.rx-overlay table.exercise-table td:first-child h4 {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
transform: translate(5px, 8px) !important; /* right, up */
}
}
/* =========================================
LUMINA (desktop): more vertical space around image
(new exercise-table only)
========================================= */
@media (min-width: 768px) {
section.lumina-black.rx-overlay table.exercise-table td.exercise-image {
padding-top: 10px !important; /* adjust 8–16px */
padding-bottom: 10px !important; /* adjust 8–16px */
padding-right: 10px !important; /* adjust 8–16px */
}
}
/* =========================================
LUMINA: rounded corners on exercise thumbnails (all devices)
Scoped so the rest of the site is not affected
========================================= */
section.lumina-black .exercise_thumb_2 {
border-radius: 8px !important; /* match your cards? use 6px */
overflow: hidden !important; /* ensures the image clips to rounded corners */
}
section.lumina-black img.exercise_img_2 {
border-radius: 8px !important;
display: block !important;
}
/* LUMINA (desktop): nudge exercise title down a bit */
@media (min-width: 768px) {
section.lumina-black.rx-overlay table.exercise-table .exercise_title_wrap_2 {
margin-top: 1px !important; /* adjust 2–10px */
}
}
HOW ABOUT YUO JUST FIX THIS AND ADD WHAT YOU NEED SO i CAN JUST COPY AND REPLACE.
section.lumina-black.rx-overlay a.exercise-row-link {
display: block;
text-decoration: none !important;
}
section.lumina-black.rx-overlay a.exercise-row-link table.exercise-table {
transition: opacity 0.2s ease-in-out;
}
section.lumina-black.rx-overlay a.exercise-row-link:hover table.exercise-table {
opacity: 0.7;
}
/* LUMINA: row hover = opacity only (no text color change) */
section.lumina-black.rx-overlay a.exercise-row-link {
display: block;
text-decoration: none !important;
}
/* Optional: keyboard focus */
section.lumina-black.rx-overlay a.exercise-row-link:focus-visible table.exercise-table {
outline: 2px solid #67fbe7;
outline-offset: 2px;
}
/* =========================================
LUMINA: Whole-row hover overlay (no color changes)
========================================= */
section.lumina-black.rx-overlay a.exercise-row-link {
position: relative;
display: block;
text-decoration: none !important;
overflow: hidden; /* prevents first-row margin collapse 'strip' */
}
/* Overlay sits above row content and tints on hover */
section.lumina-black.rx-overlay a.exercise-row-link::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0); /* transparent at rest */
transition: background 0.18s ease-in-out;
pointer-events: none;
z-index: 2; /* above table/content */
}
section.lumina-black.rx-overlay a.exercise-row-link:hover::after,
section.lumina-black.rx-overlay a.exercise-row-link:focus-visible::after {
background: rgba(0,0,0,0.30); /* dim only; adjust 0.25–0.40 to taste */
}
/* Hygiene: avoid thin gaps that look like undimmed strips */
section.lumina-black.rx-overlay table.exercise-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
margin: 0 !important;
position: relative;
z-index: 1; /* under the overlay */
}
/* LUMINA: rounded corners on exercise thumbnails (both devices) */
section.lumina-black .exercise_thumb_2 {
border-radius: 8px !important;
overflow: hidden !important; /* clip image to rounded corners */
}
section.lumina-black img.exercise_img_2 {
border-radius: 8px !important;
display: block !important;
}
/* Optional: keyboard focus outline for accessibility */
section.lumina-black.rx-overlay a.exercise-row-link:focus-visible {
outline: 2px solid #67fbe7;
outline-offset: 2px;
}
/* =========================================
LUMINA: Whole-row hover overlay (no color changes)
========================================= */
section.lumina-black.rx-overlay a.exercise-row-link {
position: relative;
display: block;
text-decoration: none !important;
overflow: hidden; /* fixes first-row 'strip' by stopping margin collapse */
}
/* Overlay covers the entire row, sits above the table */
section.lumina-black.rx-overlay a.exercise-row-link::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0); /* transparent at rest */
transition: background 0.18s ease-in-out;
pointer-events: none;
z-index: 2;
}
section.lumina-black.rx-overlay a.exercise-row-link:hover::after,
section.lumina-black.rx-overlay a.exercise-row-link:focus-visible::after {
background: rgba(0,0,0,0.30); /* dim only; adjust 0.25–0.40 to taste */
}
/* Hygiene: avoid thin gaps that can look like undimmed strips */
section.lumina-black.rx-overlay table.exercise-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
margin: 0 !important;
position: relative;
z-index: 1; /* under the overlay */
}
/* LUMINA: cancel the negative overlap above Exercise 1 */
section.lumina-black.rx-overlay .four.columns > div[style*="margin-bottom:-15px"] {
margin-bottom: 0 !important; /* stop it from sitting over the first row */
}
/* =========================================
LUMINA — Mobile tidy: remove gap before first exercise
Clean look = small positive gap, no overlap
========================================= */
@media (max-width: 767px) {
/* 1) Cancel the old negative tuck and establish a tiny gap under the stats bar */
section.lumina-black.rx-overlay .four.columns > div[style*="display:flex"][style*="flex-wrap:wrap"] {
margin-bottom: 4px !important; /* adjust 0–6px to taste */
}
/* 2) Ensure the first row doesn't introduce its own top margin/padding */
section.lumina-black.rx-overlay .four.columns a.exercise-row-link:first-of-type {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* 3) Remove any table spacing artifacts on mobile that can look like a gap */
section.lumina-black.rx-overlay .four.columns a.exercise-row-link:first-of-type table.exercise-table {
border-spacing: 0 !important;
border-collapse: separate !important; /* keep separate if you rely on rounded cells */
margin: 0 !important;
}
/* 4) Columns sometimes add mobile padding — keep it tight directly around the first row */
section.lumina-black.rx-overlay .four.columns {
padding-top: 0 !important;
}
}
/* LUMINA — normalize stats bar spacing (works for Session 1 & 2) */
/* Target the stats bar container (the flex one with inline styles) */
section.lumina-black.rx-overlay .four.columns > div[style*="display:flex"][style*="flex-wrap:wrap"] {
margin-bottom: 4px !important; /* small clean gap below the bar (no overlap) */
padding-top: 6px !important; /* reduce vertical bulk of the bar */
padding-bottom: 6px !important;
}
/* Reduce the inner cell padding (all three boxes) */
section.lumina-black.rx-overlay .four.columns > div[style*="display:flex"][style*="flex-wrap:wrap"] > div {
padding: 10px 14px !important; /* was 20px all around */
}
/* Mobile tweaks: even tighter on small screens */
@media (max-width: 767px) {
section.lumina-black.rx-overlay .four.columns > div[style*="display:flex"][style*="flex-wrap:wrap"] {
margin-bottom: 2px !important; /* tiny gap */
padding-top: 4px !important;
padding-bottom: 4px !important;
}
section.lumina-black.rx-overlay .four.columns > div[style*="display:flex"][style*="flex-wrap:wrap"] > div {
padding: 8px 12px !important; /* smaller cell padding on mobile */
}
}
/* Use this instead of margin-bottom: 4px if you want a tuck */
section.lumina-black.rx-overlay .four.columns > div[style*="display:flex"][style*="flex-wrap:wrap"] {
margin-bottom: -6px !important;
}
/* =========================================================
LUMINA — FINAL CLEAN BLOCK (hover overlay + stats bars + equipment)
- Hover = overlay tint only (no color changes)
- Remove legacy opacity-on-table hover
- Cancel negative overlaps on stats bars
- Equipment: 3 cols desktop / 2 cols mobile, left-aligned fill
- Zero spacing around image/title blocks; center title; bigger, closer arrow
- Desktop: increase equipment table padding
========================================================= */
/* ---------- Row hover overlay (single source of truth) ---------- */
section.lumina-black.rx-overlay a.exercise-row-link {
position: relative;
display: block;
text-decoration: none !important;
overflow: hidden;
}
section.lumina-black.rx-overlay a.exercise-row-link::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,0);
transition: background 0.18s ease-in-out;
pointer-events: none;
z-index: 2;
}
section.lumina-black.rx-overlay a.exercise-row-link:hover::after,
section.lumina-black.rx-overlay a.exercise-row-link:focus-visible::after {
background: rgba(0,0,0,0.30); /* adjust 0.25–0.40 to taste */
}
/* Remove legacy opacity-on-table hover */
section.lumina-black.rx-overlay a.exercise-row-link table.exercise-table {
transition: none !important;
opacity: 1 !important;
}
/* Table hygiene under overlay */
section.lumina-black.rx-overlay table.exercise-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 !important;
margin: 0 !important;
position: relative;
z-index: 1;
}
/* Accessibility */
section.lumina-black.rx-overlay a.exercise-row-link:focus-visible {
outline: 2px solid #67fbe7;
outline-offset: 2px;
}
/* ---------- Cancel inline -15px tuck on stats bars ---------- */
section.lumina-black.rx-overlay .four.columns > div[style*="margin-bottom:-15px"] {
margin-bottom: 0 !important; /* no overlap */
}
/* Keep a small gap under stats bars (0 for none) */
section.lumina-black.rx-overlay .four.columns > div[style*="display:flex"][style*="flex-wrap:wrap"] {
margin-bottom: 0 !important;
}
/* ---------- Equipment: grid layout (3 desktop / 2 mobile) ---------- */
/* Make the equipment table itself roomier on desktop */
@media (min-width: 768px) {
section.lumina-black.rx-overlay table.pf-equip-table {
padding: 28px !important; /* override inline 20px */
}
}
/* Single grid for all products inside the table */
section.lumina-black.rx-overlay .pf-equip-table .pf-equip-cell { padding: 0 !important; }
section.lumina-black.rx-overlay .pf-equip-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* desktop: 3 per row */
gap: 16px !important;
align-items: start !important;
justify-items: start !important; /* if only one item, sits left */
justify-content: start; /* left-aligned fill */
}
@media (max-width: 767px) {
section.lumina-black.rx-overlay .pf-equip-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* mobile: 2 per row */
gap: 14px !important;
}
/* Neutralize Skeleton `.columns` inside this grid */
section.lumina-black.rx-overlay .pf-equip-grid [class*="columns"] {
width: auto !important;
max-width: none !important;
float: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
display: block !important;
}
/* Ensure grid items can shrink properly */
section.lumina-black.rx-overlay .pf-equip-grid > * {
min-width: 0 !important;
}
}
section.lumina-black.rx-overlay .pf-equip-grid .pf-product {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* ---------- Equipment: zero spacing around product images ---------- */
section.lumina-black.rx-overlay .pf-equip-grid .product_thumbnail,
section.lumina-black.rx-overlay .pf-equip-grid .image-with-price,
section.lumina-black.rx-overlay .pf-equip-grid .preview_thumbnail,
section.lumina-black.rx-overlay .pf-equip-grid .exercise_thumbnail,
section.lumina-black.rx-overlay .pf-equip-grid .exercise_thumbnail_2 {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
section.lumina-black.rx-overlay .pf-equip-grid .product_thumbnail img,
section.lumina-black.rx-overlay .pf-equip-grid .image-with-price img,
section.lumina-black.rx-overlay .pf-equip-grid .preview_thumbnail img,
section.lumina-black.rx-overlay .pf-equip-grid .exercise_thumbnail img,
section.lumina-black.rx-overlay .pf-equip-grid .exercise_thumbnail_2 img,
section.lumina-black.rx-overlay .pf-equip-grid img {
display: block !important;
width: 100% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover;
}
/* Slightly larger images on mobile (contained) */
@media (max-width: 767px) {
section.lumina-black.rx-overlay .pf-equip-grid .product_thumbnail img,
section.lumina-black.rx-overlay .pf-equip-grid .image-with-price img,
section.lumina-black.rx-overlay .pf-equip-grid .preview_thumbnail img {
transform: scale(1.06);
transform-origin: center center;
}
section.lumina-black.rx-overlay .pf-equip-grid .product_thumbnail,
section.lumina-black.rx-overlay .pf-equip-grid .image-with-price,
section.lumina-black.rx-overlay .pf-equip-grid .preview_thumbnail {
overflow: hidden;
border-radius: 6px; /* optional to match your cards */
}
}
/* ---------- Equipment: title centered + bigger/closer arrow ---------- */
/* Center title on the container; carry arrow on container (NOT the ) */
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2,
section.lumina-black.rx-overlay .pf-equip-grid .product_title,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title {
margin: 0 !important;
padding: 0 !important;
min-height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
background-repeat: no-repeat !important;
/* desktop defaults; mobile overrides below */
background-position: right 12px center !important;
background-size: 24px 24px !important;
padding-right: 30px !important; /* reserve so text never sits under arrow */
}
/* If theme applies background on the , neutralize it so container wins */
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2 a,
section.lumina-black.rx-overlay .pf-equip-grid .product_title a,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title a {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-decoration: none !important;
text-align: center !important;
background: none !important;
}
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2 a div,
section.lumina-black.rx-overlay .pf-equip-grid .product_title a div {
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
/* Mobile: bigger arrow, slightly nearer to text */
@media (max-width: 767px) {
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2,
section.lumina-black.rx-overlay .pf-equip-grid .product_title,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title {
background-position: right 10px center !important;
background-size: 28px 28px !important;
padding-right: 34px !important;
}
}
/* =========================================================
LUMINA — Equipment: desktop padding + title/arrow spacing
========================================================= */
/* 1) DESKTOP: increase padding around the equipment section
(apply to the cell, not the , so it actually takes effect) */
@media (min-width: 768px) {
section.lumina-black.rx-overlay table.pf-equip-table .pf-equip-cell {
padding: 28px !important; /* adjust to taste */
}
}
/* 2) Title centering + bigger, closer arrow (desktop + mobile)
Carry the arrow on the container; neutralize any arrow on */
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2,
section.lumina-black.rx-overlay .pf-equip-grid .product_title,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title {
margin: 0 !important;
padding: 0 !important;
min-height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
background-repeat: no-repeat !important;
/* Desktop defaults; mobile overrides below */
background-position: right 16px center !important; /* bring arrow in from edge */
background-size: 24px 24px !important;
padding-right: 30px !important; /* keep text clear of arrow */
}
/* If your theme applies the arrow background to the , kill it so container wins */
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2 a,
section.lumina-black.rx-overlay .pf-equip-grid .product_title a,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title a {
background: none !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2 a div,
section.lumina-black.rx-overlay .pf-equip-grid .product_title a div {
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
/* Mobile: make arrow a bit larger and still keep it inwards */
@media (max-width: 767px) {
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2,
section.lumina-black.rx-overlay .pf-equip-grid .product_title,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title {
background-position: right 14px center !important; /* inwards on mobile, too */
background-size: 30px 30px !important; /* bigger for readability */
padding-right: 36px !important; /* safe clearance = size + ~6px */
}
}
/* 3) (Only if your .product_title_2 doesn’t already have a background arrow)
Add it explicitly here (adjust the path if needed). Comment out if not needed. */
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2 {
/* If you don't see an arrow, use the correct path used on your site: */
/* background-image: url('/img/exercise-arrow-icon-40.png') !important; */
/* or: background-image: url('../Images/exercise-arrow-icon-40.png') !important; */
}
/* =========================================================
LUMINA — Equipment: desktop padding + centered title + arrow via ::after
========================================================= */
/* 1) DESKTOP: increase visible padding around the equipment section
(apply to the cell and the inner grid so it always takes) */
@media (min-width: 768px) {
/* If your HTML used | … */
section.lumina-black.rx-overlay table.pf-equip-table .pf-equip-cell {
padding: 28px !important;
}
/* Fallback: pad the grid wrapper as well (shows the table bg cleanly) */
section.lumina-black.rx-overlay .pf-equip-table .pf-equip-grid {
padding: 28px !important;
}
/* If you didn’t add pf-equip-cell, this targets the single full-width cell */
section.lumina-black.rx-overlay table.pf-equip-table > tbody > tr > td[colspan="2"] {
padding: 28px !important;
}
}
/* 2) Center product title under image + arrow rendered via ::after
(works for .product_title_2 / .product_title / .alternate_title) */
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2,
section.lumina-black.rx-overlay .pf-equip-grid .product_title,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title {
/* zero outer spacing (the *table* or wrapper holds the padding) */
margin: 0 !important;
padding: 0 !important;
min-height: 40px !important;
/* center the text reliably (beats display:table) */
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
/* prepare for positioning the ::after arrow */
position: relative !important;
/* prevent any theme background-placed arrows from duplicating */
background: none !important;
/* reserve space so text never sits under our ::after arrow */
padding-right: 34px !important; /* desktop default; mobile overrides below */
}
/* Neutralize any background on the inner so container owns the visuals */
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2 a,
section.lumina-black.rx-overlay .pf-equip-grid .product_title a,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title a {
background: none !important;
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2 a div,
section.lumina-black.rx-overlay .pf-equip-grid .product_title a div {
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
/* ---- Arrow as a pseudo-element (DESKTOP/TABLET) ---- */
@media (min-width: 768px) {
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2::after,
section.lumina-black.rx-overlay .pf-equip-grid .product_title::after,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title::after {
content: "";
position: absolute;
right: 14px; /* bring arrow in from extreme right */
top: 50%;
transform: translateY(-50%);
width: 24px; /* arrow size desktop */
height: 24px;
background: url('../img/arrow-grey.png') no-repeat center / contain;
pointer-events: none;
}
}
/* ---- Arrow as a pseudo-element (MOBILE) ---- */
@media (max-width: 767px) {
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2::after,
section.lumina-black.rx-overlay .pf-equip-grid .product_title::after,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title::after {
content: "";
position: absolute;
right: 12px; /* still inward on mobile */
top: 50%;
transform: translateY(-50%);
width: 30px; /* bigger arrow mobile */
height: 30px;
background: url('../img/arrow-grey.png') no-repeat center / contain;
pointer-events: none;
}
/* keep text clear for bigger arrow */
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2,
section.lumina-black.rx-overlay .pf-equip-grid .product_title,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title {
padding-right: 38px !important;
}
}
/* If your project uses the /img/ path instead of ../Images/, switch the URL above to:
background: url('/img/exercise-arrow-icon-40.png') no-repeat center / contain;
*/
/* =========================================================
LUMINA — Equipment: increase arrow size (desktop + mobile)
Applies to product_title_2 / product_title / alternate_title
========================================================= */
/* Desktop & tablet (>=768px): bigger arrow, keep it slightly inward */
@media (min-width: 768px) {
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2::after,
section.lumina-black.rx-overlay .pf-equip-grid .product_title::after,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title::after {
width: 28px; /* was 24px */
height: 28px; /* was 24px */
right: 14px; /* keep a little inward from the edge */
/* If your site uses a different path, swap the URL below */
background: url('../Images/exercise-arrow-icon-40.png') no-repeat center / contain;
}
/* Ensure we reserve enough space so text never overlaps the arrow */
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2,
section.lumina-black.rx-overlay .pf-equip-grid .product_title,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title {
padding-right: 36px !important; /* arrow size + ~8px */
}
}
/* Mobile (<=767px): even bigger arrow, still slightly inward */
@media (max-width: 767px) {
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2::after,
section.lumina-black.rx-overlay .pf-equip-grid .product_title::after,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title::after {
width: 34px; /* was 30px */
height: 34px; /* was 30px */
right: 12px; /* slightly inward on mobile as well */
background: url('../Images/exercise-arrow-icon-40.png') no-repeat center / contain;
}
/* Reserve a bit more space for the larger mobile arrow */
section.lumina-black.rx-overlay .pf-equip-grid .product_title_2,
section.lumina-black.rx-overlay .pf-equip-grid .product_title,
section.lumina-black.rx-overlay .pf-equip-grid .alternate_title {
padding-right: 42px !important; /* arrow size + ~8px */
}
}
/* LUMINA — Videos: remove mobile-only TD padding that creates the gap */
@media (max-width: 767px) {
section.lumina-black.rx-overlay .video_list td {
padding: 0 !important;
}
}
/* =========================================================
LUMINA — Equipment (MOBILE): add left/right padding in titles
and pull arrow inward for ALL products
========================================================= */
@media (max-width: 767px) {
/* Add internal padding so title text isn't hugging edges */
section.lumina-black.rx-overlay .pf-equip-table .product_title_2,
section.lumina-black.rx-overlay .pf-equip-table .product_title,
section.lumina-black.rx-overlay .pf-equip-table .alternate_title {
padding-left: 10px !important; /* << add left padding */
padding-right: 48px !important; /* << room for arrow + breathing space */
box-sizing: border-box !important;
}
/* If your arrow is drawn via ::after (the method that worked earlier) */
section.lumina-black.rx-overlay .pf-equip-table .product_title_2::after,
section.lumina-black.rx-overlay .pf-equip-table .product_title::after,
section.lumina-black.rx-overlay .pf-equip-table .alternate_title::after {
right: 20px !important; /* << pull arrow away from the edge */
}
/* Ensure inner link text stays centered even with padding */
section.lumina-black.rx-overlay .pf-equip-table .product_title_2 a,
section.lumina-black.rx-overlay .pf-equip-table .product_title a,
section.lumina-black.rx-overlay .pf-equip-table .alternate_title a,
section.lumina-black.rx-overlay .pf-equip-table .product_title_2 a div,
section.lumina-black.rx-overlay .pf-equip-table .product_title a div {
text-align: center !important;
}
}
div[style*="text-align: center"] a.image-hover > img {
display: block;
margin-left: auto;
margin-right: auto;
}
/* Program dropdown styling (correct scope: section.lumina-black) */
section.lumina-black #programSelect {
font-family: "Open Sans", Arial, sans-serif !important;
font-size: 16px !important;
padding: 2px !important;
color: #222124 !important;
background-color: #67fbe7 !important;
border: 1px solid #6e6e73 !important;
border-radius: 5px !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* iPhone/mobile: remove native ▲▼ and show one custom arrow */
@media (max-width: 767px) {
section.lumina-black #programSelect {
-webkit-appearance: none !important; /* removes iOS ▲▼ */
appearance: none !important;
background-image: url('/img/arrow-grey.png') !important; /* one arrow */
background-repeat: no-repeat !important;
background-position: right 12px center !important;
background-size: 16px 16px !important;
padding-right: 40px !important; /* room for arrow */
}
}
/* --- Only affect the OPTIONS inside the dropdown --- */
section.lumina-black #programSelect option {
background-color: #222124 !important; /* dropdown menu row background */
color: #ffffff !important; /* dropdown menu row text */
padding: 8px !important;
border-radius: 6px !important;
border: 1px solid #222124 !important;
}
/* Hover highlight for options (supported browsers) */
section.lumina-black #programSelect option:hover {
background-color: #868589 !important;
color: #67fbe7 !important;
}
/* The option that is currently selected within the popup list */
section.lumina-black #programSelect option:checked {
background-color: #67fbe7 !important;
color: #222124 !important;
}
/* --- WebKit (Chrome/Safari) attempt to style the popup container --- */
/* Note: browser support is limited; this won't affect the CLOSED box */
section.lumina-black #programSelect::-webkit-list-box {
background-color: #222124 !important;
border: 1px solid #222124 !important;
border-radius: 6px !important;
}
/* --- Firefox specifics --- */
/* Firefox largely respects option colors; panel radius is limited */
@-moz-document url-prefix() {
section.lumina-black #programSelect option {
/* Keep same colors for consistency on Firefox */
background-color: #222124 !important;
color: #ffffff !important;
}
}
/* Force module videos full-width + responsive */
.blog-video-embed,
.blog-video-embed * {
max-width: 100% !important;
}
.blog-video-embed iframe,
.blog-video-embed video,
.blog-video-embed embed,
.blog-video-embed object {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
border: 0;
}
/* Modern responsive height (works in most browsers) */
.blog-video-embed iframe {
aspect-ratio: 16 / 9;
}
/* Change Shop Product title text colour (Lumina only) */
section.lumina-black .product_title_2,
section.lumina-black .product_title_2 a,
section.lumina-black .product_title_2 a div {
color: #868589 !important; /* <-- change to your colour */
}
section.lumina-black .product_title_2 a:hover,
section.lumina-black .product_title_2 a:hover div {
color: #222124 !important; /* hover colour */
}
/* Chrome / Safari / Edge (WebKit/Blink) */
section.lumina-black #programSelect::-webkit-list-box {
border-radius: 6px !important;
}
/* Firefox */
@-moz-document url-prefix() {
section.lumina-black #programSelect option {
border-radius: 6px !important; /* Firefox uses option radius instead */
}
}
/* Only the notes immediately after the .exercise-meta group */
.exercise-meta + span {
line-height: 20px !important;
display: block; /* ensures proper wrapping & block spacing */
/* optional, keep your color here or remove if already inline */
color: #67fbe7;
}
|