/*
	Theme Name: Fit For Golf NEW 2024
	Version: 1.2
	Author: Jack Caslake
*/

@import "assets/css/bootstrap.min.css";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

@font-face {
  font-family: Degular;
  src: url("/wp-content/themes/fit-for-golf-new-24/assets/fonts/Degular-Bold.otf") format("opentype");
  font-weight: 600;
}
@font-face {
  font-family: Degular;
  src: url("/wp-content/themes/fit-for-golf-new-24/assets/fonts/Degular-Medium.otf") format("opentype");
  font-weight: 500;
}

:root {
    --headings-font: 'Inter', sans-serif;
    --headings-font-weight: 600;

    --text-white: #fff;
    --text-black: #000;
    --text-light: #B2B2B2;

    --body-font: 'Inter', sans-serif;
    --body-font-weight: 400;

    --font-x-large: 4rem;
    --font-large: 3.2rem;

    --light-bg: #F7F7F7;
    --dark-bg: #4B4B4B;
    --black-bg: #000;
    --white-bg: #fff;

    --fade-transition: all .3s ease-in-out;

    --radius-large: 20px;
    --radius-medium: 12px;
    --radius-small: 6px;
}


@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}


/** annimations **/
@keyframes fadeIn { 
  0% {
  	opacity: 0;
    transform: scale(0.95);
  }
  100% {
  	opacity: 1;
    transform: scale(1);
  }
}

/** reveal **/
.reveal{
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .6s ease-in-out, transform .4s ease-in-out;
}
.reveal.inview{
	opacity: 1;
	transform: translateY(0);
}

body:not(.menu-open) {
	overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

html, body {
    max-width: 100%;
}

/** general **/
body:not(.modal-open) {
    max-width: 100%;
    overflow-x: hidden;
}
body.overlay {
    margin: 0;
    height: 100%;
    overflow: hidden
}
body{
    font-size: 17px;
    font-family: var(--body-font);
    font-weight: var(--body-font-weight);
    color: var(--text-black);
    background: #000;
    overflow-x: hidden;
}

span {
    font-weight: var(--body-font-weight)!important;
}

a, a:hover, a:focus{
	color: inherit;
	text-underline-offset:  2px;
}

.light-bg {
    background: var(--light-bg);
}
.nav,.hero {
    color: #fff;
}
.nav.light {
    color: var(--text-black);
}
.nav.dark {
    background: var(--black-bg);
}
.nav.light a {
    color: var(--text-black);
}
.nav.light a.btn {
    color: var(--text-white);
}
.hero.light {
    background: var(--light-bg)!important;
    color: var(--text-black);
}

.background-light {
    background: var(--light-bg);
}

.br-1 {
    background: var(--br-1);
}

/** Mobile Header **/
.mobile--header {
    position: sticky;
    background: #000;
    border-bottom: 1px solid #232323;
    top: 0;
    z-index: 5;
}

/** Menu **/
.menu-item {
    padding: 0 8px 3px;
}
.menu-item a {
    padding: 10px 15px;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    transition: var(--fade-transition);
    font-size: 1rem;
    letter-spacing: -.00625rem;
    font-weight: 300;
}
.menu-item a:hover {
    background: #1E1F1F;
}
.nav.light .menu-item a:hover {
    background: #d5d9d9;
}
.menu-item:hover .dropdown--menu {
    opacity: 1;
    visibility: visible;
}
.menu-item .dropdown--menu {
    background: #fff;
    color: #000;
    position: absolute;
    padding: 10px;
    min-width: 150px;
    top: 65px;
    border-radius: 7px;
    opacity: 0;
    visibility: hidden;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    z-index: 2;
    transition: var(--fade-transition);
    box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.dropdown--menu a {
    border-radius: 5px;
    width: 100%;
    display: block;
    color: #000;
}
.dropdown--menu a:hover {
    background: #D3D3D3;
}
.menu--icon--dropdown {
    position: absolute;
    right: 0;
    font-size: 30px;
}
li a.collapsed .menu--icon--dropdown:before {
    content: "+";
}
li a .menu--icon--dropdown:before {
    content: "-";
}

.logo,.cta {
    width: 24%;
}
.cta .web-app {font-size: 15px}
.menu {width: 52%;}


/** Button **/
.btn {
    font-size: 0.9rem;
    font-weight: 500;
    padding: 11px 30px 10px;
    border-radius: 30px;
    font-family: Degular;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.btn.large {
    padding: 16px 40px;
    font-size: 17px; 
}
.btn.blue {
    background: blue;
    color: #fff;
}
.btn.blue-outline {
    background: transparent;
    border: 2px solid blue;
    color: blue;
}
.btn.white-outline {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}
.btn.black {
    background: #000;
    color: #fff;
}
.btn.blue:hover {
    background: #f1ef17;
    color: #000;
}
.btn.blue-outline:hover {
    background: blue;
    color: #fff;
}
.btn.yellow {
    background: #f1ef17;
    color: #000;
}
.btn.white {
    background: #fff;
    color: #000!important;
}
.btn.outline--white {
    background: transparent;
    border: 2px solid #fff;
}

u {
	text-underline-offset:  2px;	
}
h1,h2,h5 {
    font-family: var(--headings-font);
    font-weight: var(--headings-font-weight);
}
h1 {
    font-size: var(--font-large);
    line-height: 2.8rem;
    letter-spacing: -.15rem;
    font-family: 'Poppins';
    font-weight: 800;
    text-transform: uppercase;
}
h2 {
    font-size: 3.4rem;
    line-height: 0.9;
    letter-spacing: -.15rem;
    font-family: 'Poppins';
    font-weight: 800;
    text-transform: uppercase;
}
h3 {
    letter-spacing: -.025rem;
    font-family: Degular;
    font-weight: 600;
    text-transform: uppercase;
}
a {
    text-underline-offset: 2px;
    color: inherit;
    text-decoration: none;
}
h6 span {
    color: #ffffff;
    background: #0000ff;
    border-radius: 8px;
    padding: 8px 14px;
    margin: 0;
    line-height: 1;
    font-size: 15px;
}
@media (max-width: 1200px) {
    h2 {
        font-size: 3rem;
    }
}
@media (max-width: 992px) {
    h2 {
        font-size: 2.8rem;
    }
}
@media (max-width: 768px) {
    h2 {
        font-size: 2.5rem;
    }
}



img{
	max-width: 100%;
	height: auto;
}

.overflow-hidden{
	overflow: hidden;
}

.bg-cover{
	background-size: cover;
	background-position: center;
}

/** background **/
.bg-blue {
	background: #0000ff;
}
.bg-dark {
	background: #000!important;
}
.bg-white {
    background: #fff;
}
.bg-light {
    background: var(--light-bg);
}

/** top bar **/
.top-bar p {
	font-size: 14px;
	padding: 0 10px;
}
.top-bar a {
	text-decoration: none;
}



/** mobile menu overlay **/
.menu-overlay {
	background: rgba(0,0,0,.9);
	z-index: 10;
	display: none;
}

/** mobile menu **/
.hamburger-menu-inner div {
	width: 30px;
	height: 2px;
	background: #fff;
	margin: 5px 0;
}
div#menu-overlay ul li {
    font-size: 28px;
    margin-bottom: 30px;
}
div#menu-overlay ul li:last-child {
    margin-bottom: 0;
}

/** menu **/
.sub-menu {
	position: absolute;
	display: none;
	top:  20px;
	background: #fff;
	padding: 15px 30px;
	border-radius: 15px;
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}
.sub-menu ul li a {
	color: #000;
}
li.menu-item:hover .sub-menu {
	display: block;
}

/** header **/
@media (max-width: 991px) {
	.header {
	    position: sticky;
	    top: 0;
	    z-index: 50;
	}	
}
header ul li {
}
header ul li a {
	position: relative;
	font-size: 15px;
	font-weight: 600;
}
header ul li a:hover {
	text-decoration: none;
}
header ul li.current a:after {
	width: 100%;
}
header ul li a:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 3px;
	border-radius: 0;
	background: blue;
	content: "";
	transition: all .2s ease-in-out;
}
header ul li a:hover:after {
	width: 100%;
}

/** hero **/
.hero-new {
    background: black;
    position: relative;
    z-index: 1;
}
.hero--home {
    background: #000;
    border-radius: 0 0 3rem 3rem;
    overflow: hidden;
}
.hero--home p {
    margin-top: 22px;
    width: 87%;
}
.hero {
    z-index: 1;
    position: relative;
    background: #fff;
}
.hero--inner {
    background: #000;
    border-radius: 0 0 3rem 3rem;
}
.hero.dark {
    background: #000;
}
.hero h1 {
    font-size: 4.5rem;
    line-height: 3.9rem;
    letter-spacing: -.18rem;
    font-family: 'Poppins';
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 1200px) {
    .hero h1 {
        font-size: 3.3rem;
        line-height: 2.6rem;
    }
}
@media (max-width: 992px) {
    .hero h1 {
        font-size: 4rem;
        line-height: 3rem;
    }
    .hero--home img, .hero--home video {
        position: relative;
        bottom: -380px;
        margin-top: -380px;
    }
}
@media (max-width: 768px) {
    .hero h1 {
        font-size: 3.6rem;
        line-height: 2.8rem;
    }  
    .hero--home p {
        width: 100%;
    }  
    .hero--home img, .hero--home video {
        position: relative;
        bottom: -130px;
        margin-top: -120px;
    }
    .hero--home {
        border-radius: 0 0 1.5rem 1.5rem;
    }
    .hero--inner {
        border-radius: 0 0 1.5rem 1.5rem;
    }
}
.hero--home img, .hero--home video {
    position: relative;
    top: 150px;
    margin-top: -150px;
}
h1.hero-heading {
    font-size: 3.2rem;
    letter-spacing: 0;
    font-weight: 600;
}
.top--title .inner {
    display: inline-block;
    font-family: Inter;
    font-size: 1.2rem;
    margin-bottom: 30px;
    background: #202020;
    padding: 8px 17px 6px;
    border-radius: 10px;
}

.hero-heading {
    font-size: var(--font-large);
    letter-spacing: -3px;
    line-height: 1.1;
    padding-right: 20px;
}
.hero-text {
    font-size: 1rem;
}

.hero .tour-players-video p {
	line-height: 1.5;
}
.hero .tour-players-video .icon {
	width: 42px;
	height: 42px;
	border-radius: 100%;
	border: 3px solid #fff;
}
.hero .tour-players-video .icon i {
	position: relative;
	left: 1px;
}

/** logo **/
.logo img {
	width: 110px;
	max-width: 110px;
}
#mobile--logo img {
    transition: var(--fade-transition);
}
#mobile--logo.small img {
    width: 87px;
    max-width: 87px;
}
@media (min-width: 767px) {
	.logo img {
		width: 130px;
		max-width: 130px;
	}
}

.btn.tag:hover {
    box-shadow: 0 0 0 30px #0000FF inset;
    color: #fff;
}
a.tag-link {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .7px;
    color: #0344e9;
    font-weight: 600;
    font-family: 'Gilroy';
}

/** Exercise Library **/
.short-post video {
    border-radius: 20px;
}
.short-post h2 {
    font-size: 3rem;
    line-height: 2.4rem;
}
.grid-5 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.exercise {
    border-right: 2px solid #EDEDED;
    margin-bottom: 25px;
}
.exercise:nth-child(4n) {
    border-right: none;
}

.exercise a {
    color: inherit;
    text-decoration: none;
    padding: 22px 25px;
    transition: var(--fade-transition);
}
.exercise a:hover {
    background: var(--light-bg);
}
.exercise a:hover .blog-title h3 {
    text-decoration: underline;
}
.exercise-image {
    width: 60px;
    min-width: 100px;
    height: 140px;
    margin-right: 20px;
    border-radius: var(--radius-small);
    background: var(--dark-bg);
    overflow: hidden;
    display: flex;
}
.exercise-image img {
    object-fit: cover;
    object-position: center;
}
@media (max-width: 992px) {
    .grid-5 {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .exercise-image {
        width: 100%;
        height: 300px;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .exercise:nth-child(4n) {
        border-right: 2px solid #EDEDED;
    }
    .exercise:nth-child(3n) {
        border-right: none;
    }
}
@media (max-width: 768px) {
    .grid-5 {
        grid-template-columns: 1fr 1fr;
    }
    .exercise {
        border-right: none;
        margin-bottom: 20px;
    }
    .exercise:nth-child(4n) {
        border-right: none;
    }
}




/** text block **/
.text--block h2 span {
    position: relative;
    font-weight: inherit!important;
}
.text--block h2 span:before {
    position: absolute;
    background: #f1ef17;
    width: calc(100% + 12px);
    height: 42px;
    content: "";
    z-index: -1;
    border-radius: 10px;
    left: -6px;
}

/** cards **/
.content-cards{
	padding-top: 100px;
	padding-bottom: 100px;
}
.card-wrap{
	margin-bottom: 30px;
}
p.post--date--card {
    font-size: 12px;
    margin-top: 9px;
    opacity: .4;
    margin-bottom: 0;
}
.card .card-image img{
	transform: scale(1);
	transition: transform .6s ease-in-out;
}
.card:hover img{
	transform: scale(1.1);
}
.card:hover .podcast-badge {
	padding-bottom: 10px;
	    border-top: 3px solid #0344e9;
    border-right: 3px solid #0344e9;
}
.podcast-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s ease-in-out;
    background: #101010;
    padding: 9px 12px 7px 27px;
    border-radius: 0 10px 0 0;
    font-size: 13px;
    border-top: 2px solid #101010;
    border-right: 2px solid #101010;
}

.mobile-card-image {
	width: 100px;
	min-width: 100px;
	margin-right: 15px;
}
.mobile-card-image img {
	border-radius: 5px;
}
.mobile-card-title h5 {
	font-size: 19px;
	padding-top: 5px;
}


/** sidebar **/
.sidebar-cards{
	padding-top: 20px;
}
.sidebar-cards .card-wrap{
	margin-bottom: 20px;
}

/** faqs **/
.question-wrapper {
	background: #e5e5e5;
	border-radius: 15px;
}
.question-wrapper h5 {
    font-weight: 600;
}
.question-wrapper .icon {
	width: 38px;
	min-width: 38px;
	height: 38px;
	border: 2px solid #000;
	border-radius: 100%;
	font-size: 30px;
	font-weight: 300;
}
.question-wrapper .question {
    font-weight: 500;
    cursor: pointer;
}
.question-wrapper .question.collapsed .icon:before {
	content:  "+";
	font-weight: 50;
	position: relative;
    top: -2px;
}
.question-wrapper .question .icon:before {
	content:  "-";
	font-weight: 50;
	position: relative;
    top: -1px;
}
.question-wrapper .answer p:last-child {
	margin-bottom: 0;
}

/** footer dropdowns **/
footer .question-wrapper {
  background: transparent;
  border-top: 2px solid #2a2a2a;
  border-radius: 0;
  border-bottom: 2px solid #2a2a2a;
}
footer .question-wrapper .icon {
  width: auto;
  min-width: auto;
  border: none;
}

/** contact form **/
input, textarea {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 14px;
    border-radius: 10px;
    border: none;
    font-size: 15px;
    transition: all .3s ease-in-out;
}
span.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7-response-output {
    font-size: 15px;
    line-height: 1.3;
    text-align: center;
    border-radius: 10px;
    padding: 10px!important;
}
span.wpcf7-spinner {
    position: absolute;
}
input.wpcf7-not-valid {
    box-shadow: 0px 0 0 2px red inset;
}



.heateor_sss_sharing_ul a span {
    border-radius: 4px;
    margin-left: 4px;
    margin-right: 0!important;
}
.meta {
	font-size: 13px;
}
.meta .category {
	text-transform: uppercase;
	font-weight: 600;
	color: #004ACC;
	letter-spacing: .05em;
}
.meta .read-time, .meta .comments {
	opacity: .3;
}
.meta-sep {
	position: relative;
	top: -4px;
	opacity: .3;
}

/** reviews **/
.stars {
  color: #ffd400;
  margin-bottom: 14px;
}
p.name {
    opacity: .5;
    font-size: 13px;
}


/** form **/
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: #004acc;
    width: 200px;
    margin: 0 auto;
    display: block;
    color: #fff;
}

/** Blog **/
.blog-article {
    border-bottom: 2px solid #EDEDED;
}
.blog-article a {
    color: inherit;
    text-decoration: none;
    padding: 25px 30px;
    transition: var(--fade-transition);
}
.blog-article a:hover {
    background: var(--light-bg);
}
.blog-article a:hover .blog-title h3 {
    text-decoration: underline;
}
.blog-image {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 20px;
    border-radius: var(--radius-small);
    background: var(--dark-bg);
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
h1.post-title {
    font-size: 3.8rem;
    line-height: 3.8rem;
    letter-spacing: 0;
    font-family: 'Poppins';
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.03em;
}
@media (max-width: 768px) {
    h1.post-title {
        font-size: 2.1rem;
        line-height: 2rem;
    }  
}
.blog-date {
    color: var(--text-light);
    font-size: 14px;
    width: 200px;
}
.blog-categories {
    margin: 30px 0;
}
.blog-categories a {
    text-transform: uppercase;
    margin: 0 14px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.02em;
    color: #dddddd;
    transition: var(--fade-transition);
}
.blog-categories .active a {
    color: var(--text-black);
}
.blog-categories a:hover {
    color: var(--text-black);   
} 

/** Blog single post **/
.post-thumbail img {
    border-radius: var(--radius-large);
}

/** blog **/
.card.card--post {
	overflow: hidden;
}
.blog-post-content h2, .blog-post-content h3 {
    font-size: 1.4rem;
    line-height: 1.9rem;
    letter-spacing: -0.03em;
    text-transform: none;
    font-weight: 600;
    font-family: 'Poppins';
}
.blog-post-content h4 {
    font-size: 1.2rem;
    font-weight: 600;
}
.blog-post-content h2 span, .blog-post-content h3 span {
    font-weight: inherit!important;
}
.blog-post a:not(.btn):not(.wpp-post-title):not(.card-body a) {
    text-decoration: underline;
    font-weight: 500;
}
.blog-post a span:not(.btn):not(.wpp-post-title):not(.card-body a) {
    background: #1b03ff!important;
}
span.has-black-color,.has-black-color {
    color: #000!important;
}
mark {
    background: none;
    color: #fff;
}
.wp-block-table td, .blog-post table td {
    border: 1px solid #3c3c3c;
    padding: 10px;
}
.blog-post table th {
    border: 1px solid #1300c6;
    padding: 10px;
    color: #fff;
    font-weight: normal;
    background: #1b03ff;
}
.wp-block-table table, .blog-post table {
	margin-bottom: 20px;
	width: 100%;
}
.twitter-tweet {
	margin-top: 30px!important;
	margin-bottom: 30px!important;
}


/** pricing **/
.price-main {
    font-size: 28px;
}
.pricing-inner {
    background: #1c1b1b;
}
.save-offer {
    background: blue;
    height: 30px;
    width: 90px;
    font-size: 14px;
    left: 50%;
    margin-left: -45px;
    top: -15px;
    line-height: 30px;
    border-radius: 0;
}

/** programs **/
.program--wrapper {
    background: #dbd9cf;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}
.program--icon {
    width: 65px;
    height: 65px;
    border-radius: 8px;
    margin-right: 15px;
}
.program--icon img {
    border-radius: 8px;
}
.program--title {
    font-weight: 500;
}
.program--time {
    font-size: 12px;
    opacity: .5;
}

.program--details--wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    visibility: hidden;
    opacity: 0;
    transition: var(--fade-transition);
    background: rgba(0, 0, 0, .7);
}
.program--details--wrapper.active {
    opacity: 1;
    visibility: visible;
    transition: var(--fade-transition);
}
.program--details--wrapper.active .program--details--left {
    left: 0;
    transition: var(--fade-transition);
}   
.program--details--wrapper.active .program--details--right {
    right: 0;
    transition: var(--fade-transition);
}   
.program--details--left {
    width: 70%;
    height: 100%;
    position: relative;
    left: 0%;
    transition: var(--fade-transition);
}
.program--details--right {
    height: 100%;
    background: #fff;
    width: 30%;
    padding: 40px;
    overflow-y: scroll;
    position: relative;
    right: -50%;
    transition: var(--fade-transition);
}

.program--details--title h2 {
    font-size: 2.8rem;
    line-height: 2.2rem;
    margin-top: 30px;
    margin-bottom: 8px;
}
.program--details--right .program--time {
    font-size: 14px;
    margin-bottom: 30px;
}
.equipment--title h2 {
    font-size: 1.6rem;
}
.equipment--list ol {
    padding: 0;
    list-style-position: inside;
}
@media (max-width: 1200px) {
    .program--details--left {
        width: 50%;
    }  
    .program--details--right {
        width: 50%;
    }
}
@media (max-width: 992px) {
    .program--details--left {
        width: 0%;
    }  
    .program--details--right {
        width: 100%;
        right: 0;
        bottom: -100%;
    }
    .program--details--wrapper.active .program--details--right {
        bottom: 0;
    }  
    .program--details--wrapper {
        top: 0px;
    }
    .program--details--left {
        display: none;
    }
}
@media (max-width: 768px) {
    .program--details--wrapper {
    }
}

/** block features **/
.block--features .text--inner h2 {
    font-size: 26px;
    line-height: 27px;
    text-transform: none;
    text-align: center;
    font-weight: 500;
}
.block--features .inner {
    background: #dbd9cf;
    border-radius: 30px;
    overflow: hidden;
}
.block--features .text--inner {
    padding: 40px 30px 20px;
}
.block--features .image--inner {
    padding: 0 30px;
}
.block--features .image--inner img {
    position: relative;
    bottom: -140px;
    margin-top: -150px;
}

/** app features **/
.app-feature {
    padding: 0 60px;
}
.app-feature p {
    margin-bottom: 0;
}

.app-feature i {
    font-size: 40px;
    margin-bottom: 28px;
    color: blue;
}
.app-feature h5 {
	margin-bottom: 20px;
	font-size: 18px;
}


/** video  **/
.video-caption, .image-caption {
    border-radius: 0 0 10px 0;
    font-size: 15px!Important;
}

/** quote **/
.quote {
    border-left: 3px solid rgb(0 74 204);
    border-bottom: 3px solid #004acc;
    padding-bottom: 40px;
    border-radius: 0 0 0 10px;
}
.quote p {
    font-size: 15px;
}

p.small {
    text-transform: uppercase;
    opacity: .3;
    letter-spacing: .04em;
    font-size: 12px;
}

.next-prev-posts .inner {
	background: #000;
	padding: 30px;
}
.featured-image {
	background: red;
	width: 80px;
	min-width: 80px;
	height: 80px;
	margin-right: 20px;
}

.sidebar {
	padding-top: 0;
	padding-bottom: 0;
}
.sidebar-inner {
	padding-top: 30px;
}

ul.wpp-list {
    padding: 0;
}
ul.wpp-list li {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 17px;
}
ul.wpp-list li:last-child {
	border-bottom: none;
}

.newsletter-widget, .podcast-widget {
	border:  1px solid rgba(255,255,255,.1);
	border-radius: 7px;
}
.podcast-widget .widget-content {
    background: #004acc;
}


@media (max-width: 992px) {
	.app-wrapper {
		text-align: center;
		padding: 30px;
	}
}
.app-wrapper {
    background: #000;
    border-radius: 30px;
    color: #fff;
    overflow: hidden;
}
.app-wrapper h2 {
    line-height: 1;
    font-size: 40px;
}
.app-image, .app-sale-image {
    width: 445px;
    min-width: 445px;
    position: relative;
    margin-right: 30px;
}
.app-sale-image img {
    position: relative;
    margin-top: -10px;
    margin-bottom: -140px;
    left: -25px;
}
.app-image-inner {
    height: auto;
    width: 100%;
    position: absolute;
    bottom: -23px;
}
hr.divider {
    border-color: #e5e5e5;
    border-width: 2px;
    margin: 0;
}
.heateor_sss_sharing_ul a span {
    width: 32px!important;
    height: 32px!important;
    margin-right: 8px;
}

div#simple-banner {
    display: none;
}

.wp-block-embed iframe {
    max-width: 100%;
    height: 400px;
    border: none;
}

/** popup **/
.pum-title.popmake-title {
    margin-bottom: 18px!important;
    margin-top: -5px;
}
.wpcf7,.wpcf7-form,.pum-content {
    outline: none;
}

/** free workout page **/
.workout-outer {
    background: #dbd9cf;
    padding: 20px 30px;
    border-radius: 20px;
    border: 3px solid #dbd9cf;
    transition: all .3s ease-in-out;
}
.workout-outer:hover {
    border: 3px solid #000;
}
.workout-title {
	width: 38%;
}
.single-workout {
    border-bottom: 1px solid #343434;
    padding: 7px 0;
}
.single-workout:last-child {
	border-bottom: 0;
}
.workout-tempo {
    width: 32%;
}
.workout-reps {
    width: 22%;
}
.workout-url {
    width: 8%;
    text-align: right;
}
.single-workout span {
	display: none;
}
.app-section {
    background: #004acc;
    border-radius: 20px;
}

/** modal popup bootstrap **/
div#recipenotes .modal-dialog {
    max-width: 740px;
}
div#recipenotes .modal-dialog p span, div#recipenotes .modal-dialog li span, div#recipenotes .modal-dialog li {
    color: #000!important;
}



/** Popular Posts - Blog Sidebar **/
.popular-posts .post-small {
  margin-bottom:  20px;
}
.post-small a:hover {
    text-decoration: underline!important;
}
.post-small a {
    text-decoration: none!important;
}
.post-small a {
  background: inherit!important;
}
.popular-posts .post-small:last-child {
	margin-bottom: 0;
}
.popular-posts .image {
	width: 70px;
	min-width: 70px;
	height: 70px;
	margin-right: 15px;
	border-radius: 6px;
	overflow: hidden;
}
.popular-posts .title h5 {
    font-weight: 600;
    font-size: 18px;
}
.popular-posts h5 {
	font-size: 15px;
    font-weight: 500;
}


/** New Mobile Menu **/
body.menu-open {
	overflow: hidden;
}
.menu-outer-new {
	width: 100%;
	background: rgba(0,0,0,.6);
	position: fixed!important;
	top: 0;
	left: 0;
	height: 100vh;
	z-index: 100;
	overflow: hidden;
	overflow-y: hidden;
	visibility: hidden;
}
.menu-outer-new.menu-open {
	visibility: visible;
	z-index: 9999999999999;
}
.menu-left {
	width: 85%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	overflow-y: scroll;
	background: #fff;
	transition: all .3s ease-in-out;
	padding-bottom: 130px!important;
}

@media (max-width: 992px) {
    .menu-left {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .menu-left {
        width: 85%;
    }
}
.menu-left.menu-open {
	left: 0;
	transition: all .3s ease-in-out;
}
.menu-left .second-menu, .menu-left .social-menu {
    line-height: 2.3;
    padding-top: 2px;
}
.menu-left .main-menu {
    font-size: 20px;
    line-height: 2;
}
.menu-left .close {
    float: right;
    font-size: 1.2rem;
    line-height: 1;
    color: #000;
    opacity: .5;
    font-weight: normal!important;
    position: absolute;
    right: 20px;
    top: 10px;
}
.menu-left .close span {
    transform: rotate(45deg)!important;
    color: #000!important;
    display: inline-block;
    font-size: 30px;
    top: 2px;
    position: relative;
    padding-left: 3px;
}

.swiper {
	overflow-x: hidden!important;
}

/** Sale Banner **/
.sale-banner {
	padding: 13px 10px;
    background: #8be514;
    background: linear-gradient(344deg, rgb(198 233 11) 0%, rgb(139 229 20) 100%);
    color: #000;
	text-align: center;
	font-size: 15px;
    font-weight: 600;
	line-height: 1.3;
}
.sale-banner span {
    font-weight: inherit !important;
    background: #0833fb;
    color: #fff;
    padding: 6px 12px;
    border-radius: 30px;
    margin-left: 7px;
    transition: all .3s ease-in-out;
}
.sale-banner strong {
    font-weight: 700;
    display: block;
    margin-bottom: -14px;
}
.sale-banner a {
    text-decoration: none;
}
.sale-banner a:hover span {
    background: #000;
    color: #fff;
}
.iYOQyn, .BadgeContainer__Inner-sc-pa6z2-0 {
	z-index: 99!important;
}

.page--content {
    z-index: 1;
    position: relative;
    background: #f7f7f7;
    border-radius: 0 0 3rem 3rem;
}
@media (max-width: 992px) {
    .page--content {
        border-radius: 0 0 1rem 1rem;
    }
    .sale-banner span {
        display: block;
        width: 50%;
        margin: 10px auto 0;
    }
}

/** footer **/
footer {
    position: sticky;
    bottom: 0;
    z-index: 0;
    background: #000;
    color: #fff;
}
footer h6 {
  margin-bottom: 15px;
}
footer li {
  font-size: 15px;
  line-height: 2;
}
footer .copyright {
  opacity: .3;
  letter-spacing: .02em;
  font-size: 13px;
}

/** stack affiliate footer **/
.stack__affiliate .stack__logo {
    width: 90px;
    margin-right: 25px;
    min-width: 90px;
}
.stack__affiliate h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
}
.stack__affiliate h5.text-yellow {
  color: #fec20f;
}

/** homepage content squares **/
.featured__content__image img {
    border-radius: 15px;
}
.featured__content__title h5 {
    font-size: 18px;
}
.featured__content__cat p {
    margin: 15px 0 12px;
    font-size: 15px;
    letter-spacing: .03em;
}


/** getting started video **/
.getting--started--video {
  background: blue;
  padding: 30px;
  font-size: 14px;
  border-radius: 15px;
  line-height: 1.4;
}

/** Mackenzie Banner **/
.mackenzie-banner {
    background: #000;
}
.mackenzie-banner img {
    border-radius: 15px;
}

/** testimonials filter **/
@media (max-width: 767px) {
	form#search-filter-form-21974 ul {
	  display: block!important;
	}	
	form#search-filter-form-21974 ul li {
	    margin: 0 auto 20px!important;
    	display: block!important;
	}
	form#search-filter-form-21974 ul li h4 {
	    margin-right: 0!important;
	    margin-bottom: 10px;
	}
	form#search-filter-form-21974 ul li select {
	    width: 290px!important;
	}
    .mackenzie-banner {
        background: transparent;
    }
    .mw-100 {
        width: 100%;
    }
}
form#search-filter-form-21974 ul {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
form#search-filter-form-21974 ul li {
    margin: 0 25px;
    padding: 0;
    display: flex;
    align-items: center;
}
form#search-filter-form-21974 ul li select {
    padding: 5px 6px;
    border-radius: 4px;
    border: none;
}
form#search-filter-form-21974 ul li h4 {
    margin-right: 10px;
    padding: 0;
}


/** testimoinals **/
p.testimonial-title {
    font-family: Poppins;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 500;
}
.review-wrapper a {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #878787;
    text-decoration-thickness: 2px;
    transition: all .3s ease-in-out;
}
.review-wrapper a:hover {
    text-decoration-color: blue;
    text-decoration-thickness: 3px;
}


/** support center **/
.support--card {
	padding: 24px;
	border-radius: 20px;
	background: #fff;
	color: #000;
	margin-bottom: 30px;
}
.support--card h3 {
	margin-bottom: 0;
	font-size: 22px;
}
.support--card p {
	margin-bottom: 0;
}
.support--card--icon {
	width: 64px;
	height: 64px;
	background: blue;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	border-radius: 100px;
}
.support--article--wrapper {
	border-radius: 20px;
	background: #fff;
	color: #000;
}
.support--article--wrapper a {
	text-decoration: none!important;
}
.support--article--wrapper a:hover .support--article--link h4 {
	opacity: .4;
}
.support--article--wrapper a:hover .support--article--link span {
	right: 20px;
	opacity: .4;
}
.support--article--wrapper a:last-child .support--article--link {
	border: none;
}
.support--article--link {
	padding: 18px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    display: flex;
    align-items: center;
}
.support--article--link h4 {
	font-size: 16px;
	margin-bottom: 0;
	transition: all .3s ease-in-out;
}
.support--article--link span {
    position: absolute;
    right: 24px;
    transition: all .3s ease-in-out;
    color: #000!important;
}
.support--search {
	margin-top: 30px;
}



/** links **/
a.link--standout:hover {
  background: blue;
  color: #fff;
  text-decoration: none;
}
a.link--standout {
  color: blue;
  text-decoration: underline;
  transition: all .3s ease-in-out;
}



/** single podcast **/
.podcast--outer a {
    text-decoration: underline;
}
.podcast--outer a.btn {
    text-decoration: none;
}
.pod--image--large img {
    border-radius: 10px;
}
@media (max-width: 767px) {
    .pod--listen--buttons a {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .pod--image--large img {
        width: 150px;
    }
    .grid-3-1 {
        grid-template-columns: 100%!important;
    }
    .podcast--list {
        padding: 0 15px;
    }
}
@media (min-width: 768px) and (max-width:  991px) {
    .grid-3-1 {
        grid-template-columns: 1fr 1fr!important;
    } 
}

/** podcast **/
.grid-3-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 18px;
}
.pod--wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.pod--meta {
    display: flex;
    align-items: center;
}
.pod--image {
    width: 82px;
    min-width: 82px;
    height: 82px;
    overflow: hidden;
    border-radius: 20px;
    margin-right: 15px;
}
.pod--date {
    font-size: 11px;
    margin-bottom: 2px;
    margin-top: -6px;
}
.pod--date--main {
    font-size: 11px;
    position: relative;
    left: 8px;
}
.pod--title h3, .blog-title h3 {
    font-size: 17px;
    margin-bottom: 0;
    text-transform: none;
    font-family: 'Inter';
    font-weight: 500;
}
.pod--time {
    font-size: 11px;
}


/** Featured In **/
.featured--in--image {
    padding: 0 40px;
}
.featured--in--image img {
    max-width: 170px;
    max-height: 105px;
    opacity: 0.2;
    transition: var(--fade-transition);
}
.featured--in--image img:hover {
    opacity: 1;
}

.rounded--section .inner {
    border-radius: 40px;
    background: rgb(22, 22, 22);
    color: #fff;
    margin-top: 30px;
}

.newsletter--top {
    padding: 70px;
}
.newsletter .inner {
    background: #123edf;
}

.newsletter h4 {
    font-size: 1.1rem;
    letter-spacing: 0;
    font-family: 'Poppins';
    font-weight: 500;
    color: #ff9b20;
    text-transform: uppercase;
}
.newsletter p {
    opacity: .7;
    padding: 0 30px;
    font-size: 18px;
}

.callout--section {
    background: blue;
    color: #fff;
    border-radius: 0 0 3rem 3rem;
    overflow: hidden;
}
@media (max-width: 992px) {
    .callout--section {
        border-radius: 0 0 1rem 1rem;
    }
    .callout--text {
        width: 100%;
    }
    footer {
        position: relative;
    }
}


.gradient--block {
    width: 100%;
    height: 570px;
    border-radius: 30px;
}
.gradient--block.blue {
    background: linear-gradient(rgb(121, 174, 255) 0%, rgba(80, 170, 253, 0) 100%);
}

.tick--feature span {
    width: 20px;
    height: 20px;
    background: blue;
    display: inline-block;
    border-radius: 100px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tick--feature {
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.testimonials {
    position: relative;
}
.testimonial--sliders:before, .testimonials:after  {
    position: absolute;
    content: "";
    z-index: 1;
    top: -5px;
    height: 100%;
    width: 150px;
}
.testimonial--sliders:before {
    background: rgb(247,247,247);
    background: linear-gradient(90deg, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 100%);
    left: 0;
}
.testimonial--sliders:after {
    background: rgb(247,247,247);
    background: linear-gradient(90deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%);
    right: 0;
}

.testimonial--wrap, .review-wrapper {
    border-radius: 12px;
    font-size: 13px;
    color: #4f4f59;
    height: 100%;
    width: 100%;
    border: 1px solid #110f1612;
    background: #fbfbfb;
    padding: 38px;
    font-family: 'Poppins';
    font-weight: 400;
    display: flex;
    flex-direction: column;
}
.testimonial--main {
    margin-bottom: 18px;
}
.testimonial--main span {
    color: #0200ff;
    font-weight: 400!important;
}
.testimonial--name {
    font-weight: 600;
}
.testimonial--name span {
    display: block;
    font-weight: 400!important;
    opacity: .4;
}
@media (max-width: 659px) {
    .testimonial--wrap, .review-wrapper {
        padding: 22px;
    }
    .testimonials:before, .testimonials:after  {
        display: none;
    }
}

/** lines **/
.lines {
    display: flex;
    height: 100vh;
    justify-content: space-around;
    position: fixed;
    width: 100%;
    z-index: -1;
}
.line {
    width: 1px;
    background: #e4e4e4;
    height: 100vh;
    opacity: 0;
}

.border-radius-bottom {
    border-radius: 0 0 3rem 3rem;
}


/** Sign Up Buttons **/
.signup--btn {
    margin-top: 40px;
}
.signup--btn a {
    text-decoration: none!important;
}
.signup--btn--sale {
    position: absolute;
    top: -8px;
    right: 19px;
    background: blue;
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 7px;
}
.signup--btn--wrap {
    display: inline-block;
    top: 0;
    position: relative;
    background: #404040;
    border-radius: 10px;
    padding: 16px 20px;
    min-width: 270px;
    transition: var(--fade-transition);
}
.signup--btn--wrap:hover {
    top: -2px;
}
.signup--btn--wrap.sale {
    background: #f1ef17;
    color: #000;
}
.signup--btn--month {
    font-family: Degular;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: -2px;
    font-size: 14px;
}
.signup--btn--price {
    font-family: Degular;
    font-size: 18px;
    letter-spacing: 0.02em;
    font-weight: 500;
    margin-bottom: -1px;
}
@media (max-width: 659px) {
    .signup--btn--wrap {
        width: 100%;
    }
}


/** Get Started Overlay **/
#get--started--overlay {
    background: #000;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    transition: var(--fade-transition);
}
#get--started--overlay.active {
    opacity: 1;
    visibility: visible;
}
#get--started--overlay #close--icon {
    width: 120px;
    height: 50px;
    background: #fff;
    border-radius: 100px;
    position: absolute;
    left: 20px;
    top:  20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.page-template-template-programs-new .mobile--header {
    position: unset;
}


/** Free TPI **/
.single-tpi-screen {
    background: #eaeaea;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
}
.single-tpi-screen h3 {
    text-transform: none;
    margin-bottom: 12px;
}
.tpi-video iframe {
    border-radius: 10px;
    overflow: hidden;
}


/** Flash Sale **/
.section.page-header {
    z-index: 1;
}
.section.page-header .inner {
    width: 100%;
    border-radius: 10px;
}
.section.page-header .inner div {
    border-radius: var(--radius-small);
    background: #000;
}
.section.page-header .inner img {
    border-radius: var(--radius-medium);
}