/*!
Theme Name: G247 Theme
Theme URI: 
Author: Mark Salvana
Author URI: 
Description: 
Version: 1.0.20
Requires at least: 5.0
Tested up to: 5.6
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: difflam
*/

/* ==============================================
   CSS CUSTOM PROPERTIES (VARIABLES)
   ============================================== */

:root {
	/* Primary Colors */
	--primary-orange: #1f9aa1;
	--primary-orange-dark: #1f9aa1;
	--primary-teal: #1f9aa1;
	--primary-purple: #832071;
	--primary-purple-light: #a25895;
	--primary-purple-accent: #8b46b0;
	--primary-dark-grey: #333333;
	
	/* Secondary Colors */
	--secondary-red: #ff585d;
	--secondary-cyan: #08b0c3;
	--secondary-yellow: #fffbcc;
	--secondary-blue: #0c79be;
	--secondary-orange: #ffb13c;
	
	/* Neutral Colors */
	--color-white: #ffffff;
	--color-black: #000000;
	--color-gray-light: #f5f5f5;
	--color-gray: #e5e5e5;
	--color-gray-medium: #ccc;
	--color-gray-dark: #333333;
	--color-gray-text: #666666;
	--color-gray-muted: #777777;
	--color-gray-lighter: #555555;
	--color-blue-link: #21759b;
	--color-border: #d87d4d;
	
	/* Typography */
	--font-family-primary: FranklinGothic, Arial, sans-serif;
	--font-weight-light: 100;
	--font-weight-normal: 200;
	--font-weight-medium: 400;
	--font-weight-bold: 600;
	--font-weight-black: 800;
	
	/* Font Sizes */
	--font-size-xs: 12px;
	--font-size-sm: 14px;
	--font-size-base: 16px;
	--font-size-lg: 18px;
	--font-size-xl: 20px;
	--font-size-2xl: 20px;
	--font-size-3xl: 30px;
	--font-size-4xl: 40px;
	--font-size-5xl: 45px;
	--font-size-6xl: 50px;
	--font-size-7xl: 60px;
	--font-size-8xl: 72px;
	--font-size-9xl: 90px;

	
	/* Responsive Font Sizes */
	--font-size-responsive-sm: 2.2vw;
	--font-size-responsive-lg: 4.5vw;
	
	/* Spacing */
	--spacing-xs: 5px;
	--spacing-sm: 10px;
	--spacing-md: 15px;
	--spacing-lg: 20px;
	--spacing-xl: 30px;
	--spacing-2xl: 50px;
	
	/* Border Radius */
	--border-radius-sm: 0.25rem;
	--border-radius-md: 8px;
	--border-radius-lg: 50px;
	--border-radius-full: 10px;
	
	/* Breakpoints (for reference) */
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--breakpoint-xxl: 1440px;
}

/* Helper Class */
.colorWhite {
	color: var(--color-white) !important;
}

/* ==============================================
   FONT DECLARATIONS - FRANKLIN GOTHIC
   ============================================== */

@font-face {
	font-family: FranklinGothic;
	src: url(/wp-content/themes/tpf/fonts/GothamPro-Light.woff2) format("woff2"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-Light.woff) format("woff"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-Light.ttf) format("truetype");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: FranklinGothic;
	src: url(/wp-content/themes/tpf/fonts/GothamPro-LightItalic.woff2) format("woff2"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-LightItalic.woff) format("woff"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-LightItalic.ttf) format("truetype");
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: FranklinGothic;
	src: url(/wp-content/themes/tpf/fonts/GothamPro.woff2) format("woff2"),
		 url(/wp-content/themes/tpf/fonts/GothamPro.woff) format("woff"),
		 url(/wp-content/themes/tpf/fonts/GothamPro.ttf) format("truetype");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: FranklinGothic;
	src: url(/wp-content/themes/tpf/fonts/GothamPro-Italic.woff2) format("woff2"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-Italic.woff) format("woff"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-Italic.ttf) format("truetype");
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: FranklinGothic;
	src: url(/wp-content/themes/tpf/fonts/GothamPro-Medium.woff2) format("woff2"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-Medium.woff) format("woff"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-Medium.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: FranklinGothic;
	src: url(/wp-content/themes/tpf/fonts/GothamPro-MediumItalic.woff2) format("woff2"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-MediumItalic.woff) format("woff"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-MediumItalic.ttf) format("truetype");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: FranklinGothic;
	src: url(/wp-content/themes/tpf/fonts/GothamPro-Bold.woff2) format("woff2"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-Bold.woff) format("woff"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-Bold.ttf) format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: FranklinGothic;
	src: url(/wp-content/themes/tpf/fonts/GothamPro-BoldItalic.woff2) format("woff2"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-BoldItalic.woff) format("woff"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-BoldItalic.ttf) format("truetype");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: FranklinGothic;
	src: url(/wp-content/themes/tpf/fonts/GothamPro-Black.woff2) format("woff2"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-Black.woff) format("woff"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-Black.ttf) format("truetype");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: FranklinGothic;
	src: url(/wp-content/themes/tpf/fonts/GothamPro-BlackItalic.woff2) format("woff2"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-BlackItalic.woff) format("woff"),
		 url(/wp-content/themes/tpf/fonts/GothamPro-BlackItalic.ttf) format("truetype");
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

/* ==============================================
   TYPOGRAPHY SYSTEM
   ============================================== */

body, 
code, 
kbd, 
pre, 
samp {
	font-family: var(--font-family-primary) !important;
	font-weight: 300;
	font-size: var(--font-size-xl);
	line-height: 1.4em;
}

.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {
	font-weight: var(--font-weight-bold) !important;
}

h1, .h1 { font-size: var(--font-size-8xl); }
h2, .h2 { font-size: var(--font-size-3xl); }
h3, .h3 { font-size: var(--font-size-2xl); }

b, strong {
	font-weight: 700;
}

.small, small {
	margin-bottom: 0px;
	margin-top: var(--spacing-sm);
}

/* Typography Utilities */
.font-light { font-weight: var(--font-weight-light) !important; }
.font-normal { font-weight: var(--font-weight-normal) !important; }
.font-medium { font-weight: var(--font-weight-medium) !important; }
.font-bold { font-weight: var(--font-weight-bold) !important; }
.font-black { font-weight: var(--font-weight-black) !important; }

.text-orange { color: var(--primary-orange-dark) !important; }
.text-purple { color: var(--primary-purple) !important; }
.text-teal { color: var(--primary-teal) !important; }

.not-bold * {
	font-weight: 300 !important;
}

/* ==============================================
   COLOR SYSTEM
   ============================================== */

/* Background Colors */
.bg-orange { background-color: var(--primary-orange) !important; }
.bg-orange-dark { background-color: var(--primary-orange-dark) !important; }
.bg-purple { background-color: var(--primary-purple) !important; }
.bg-purple-light { background-color: var(--primary-purple-light) !important; }
.bg-teal { background-color: var(--primary-teal) !important; }

/* Border Colors */
.border-orange { border-color: var(--primary-orange) !important; }
.border-purple { border-color: var(--primary-purple) !important; }

/* Text Colors */
.orange-bold strong {
	color: var(--primary-orange-dark) !important;
}

/* ==============================================
   BASE LAYOUT & UTILITY STYLES
   ============================================== */

.for-mobile {
	display: none !important;
}

.container {
	max-width: 1400px;
}

/* Utility Classes */
.max-w560 {
	max-width: 560px;
}

.bg-bordered {
	border: 1px solid var(--color-border);
	border-radius: var(--border-radius-2xl);
}

/* ==============================================
   COMPONENT STYLES
/* ==============================================
   COMPONENT STYLES
   ============================================== */

/* ==============================================
   BASE LAYOUT & UTILITY STYLES
   ============================================== */

.for-mobile {
	display: none !important;
}

.container {
	max-width: 1400px;
}

/* Utility Classes */
.max-w560 {
	max-width: 560px;
}

.bg-bordered {
	border: 1px solid var(--color-border);
	border-radius: var(--border-radius-2xl);
}

.margin-r-2 .wp-block-image {
	margin-right: 2% !important;
}

.mb-n50 {
	margin-bottom: -35px;
}

.pt-32 {
	padding-top: 32px !important;
}

/* Flexbox Utilities */
.col-flex-center .wp-block-group__inner-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.col-flex-center .wp-block-group__inner-container .wp-block-image {
	max-width: 130px;
	width: 100%;
	margin-right: 5%;
	margin-bottom: 0px;
}

.col-flex-center .wp-block-group__inner-container p {
	margin-bottom: 0 !important;
}

.justify-content-flex-start .wp-block-group__inner-container {
	justify-content: flex-start !important;
}

.img-max150 .col-flex-center .wp-block-group__inner-container .wp-block-image {
	max-width: 150px !important;
}

.m-group .wp-block-group {
	margin-left: 3%;
}

hr.hr {
	width: 100%;
	max-width: 1055px;
	margin-right: 0;
}

/* ==============================================
   NAVIGATION STYLES
   ============================================== */

.navbar-light .navbar-brand, 
.navbar-light .navbar-brand:focus, 
.navbar-light .navbar-brand:hover, 
.navbar-light .navbar-nav .nav-link, 
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
	color: var(--color-white) !important;
}

.navbar .navbar-nav .nav-link {
	font-weight: 300;
	line-height: 1.2em;
}

#menu-new-main-nav li {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

#menu-new-main-nav {
	width: 100% !important;
	max-width: 1129px;
}

/* ==============================================
   BANNER STYLES - CONSOLIDATED
   ============================================== */

.banner-right, .banner-left {
	padding: 0;
}

.banner-right p,
.banner-left p {
	font-size: var(--font-size-xl);
}

.banner-right .row .col-lg-6,
.banner-left .row .col-lg-6 {
	padding-left: var(--spacing-md) !important;
}

.banner-left .row .col-lg-6 {
	padding-right: var(--spacing-md) !important;
}

.banner-right .row .col-lg-6:first-child {
	justify-content: flex-end;
	display: flex;
}

.banner-left .row .col-lg-6:nth-child(2) {
	justify-content: flex-start;
	display: flex;
}

.banner-right .row .col-lg-6:first-child .txt-col,
.banner-left .row .col-lg-6:nth-child(2) .txt-col {
	max-width: 600px;
}

.banner-left .row .col-lg-6:nth-child(2) .txt-col {
	justify-content: flex-start;
}

/* Banner Buttons */
.banner-right .btn,
.banner-left .btn {
	background: #fff;
	color: var(--primary-dark-grey);
	border-color: #fff;
	border-radius: var(--border-radius-full);
	padding: 2% 8% 2% 13%;
	position: relative;
	margin-top: var(--spacing-lg);
}

.banner-right .btn:before,
.banner-left .btn:before {
	content: "";
	background-color: var(--color-white);
	border-radius: var(--border-radius-full);
	position: absolute;
	background-image: url(/wp-content/uploads/2025/02/head.jpg);
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: center;
	left: 11px;
	top: 50%;
	transform: translate(0, -50%);
	height: 55px;
	width: 55px;
}

.tpf-main-banner-link {
	text-decoration: none !important;
}

.tpf-banner-wrapper .banner-left h1 {
	text-align: center;
}

/* ==============================================
   DESKTOP LARGE (1440px and up)
   ============================================== */

@media (min-width: 1440px) {
	.h1, h1 {
		font-weight: 400;
		font-size: 72px;
	}
	
	.h1-styling h2,
	.page-heading h2 {
		font-size: 4rem !important;
		font-weight: 400;
	}
}

/* ==============================================
   DESKTOP (1200px and up)
   ============================================== */

@media (min-width: 1200px) {
	#header #navSite .container {
		max-width: 1400px;
	}
	
	#menu-main-menu.navbar-nav > li {
		padding: 0.5rem 0.8rem;
	}
	
	.section .img-block img, 
	.wp-block-group .img-block img {
		height: 650px;
		object-fit: cover;
		width: 100%;
	}
	
	body.page-id-2350 .section .img-block img, 
	body.page-id-2350 .wp-block-group .img-block img {
		height: 550px;
	}
	
	.section[data-bg-fit=contain] .img-block img {
		object-fit: contain !important;
	}
	
	.section[data-bg-fit=contain] .img-block img {
		object-fit: contain !important;
	}
	
	.h1-styling h2 {
		font-size: 3rem !important;
	}
	
	.tbanner-p div {
		font-size: 18px !important;
	}
}

/* ==============================================
   DESKTOP MEDIUM (1141px and up)
   ============================================== */

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

/* ==============================================
   LAPTOP/TABLET LANDSCAPE (992px and up)
   ============================================== */

/* @media (min-width: 992px) {
	#menu-main-menu.navbar-nav > li:nth-child(3) a {
		border: 2px solid;
		border-radius: var(--border-radius-sm);
	}
	
	#menu-main-menu.navbar-nav > li:nth-child(3) a:hover,
	#menu-main-menu.navbar-nav > li:nth-child(3).current-menu-item a {
		background: var(--primary-orange-dark);
		color: var(--color-white);
		border-color: var(--primary-orange-dark);
	}
	
	#menu-main-menu.navbar-nav > li:nth-child(3) a::before {
		display: none;
	}
} */

/* ==============================================
   TABLET PORTRAIT (768px and up)
   ============================================== */

@media only screen and (min-width: 768px) {
	.tpf-banner-wrapper {
		background-image: none !important;
		margin-top: 100px;
	}
	
	.banner .banner-left h1 {
		color: white;
	}
	
	.tpf-banner-wrapper .banner-left .banner-content {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ==============================================
   MOBILE LANDSCAPE AND SMALLER (767px and below)
   ============================================== */

@media only screen and (max-width: 767px) {
	body.home .content {
		margin-top: 0px;
	}
	
	.tpf-banner-wrapper {
		background-position: center;
	}
	
	.tpf-banner-wrapper .banner-right {
		display: none;
	}
	
	.tpf-banner-wrapper .banner-left .subt {
		font-size: 12px;
		padding-bottom: 50px;
	}
	
	.tpf-banner-wrapper .banner-img img {
		max-width: 60%;
		margin-bottom: -10px;
		margin-top: -85px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.tpf-banner-wrapper h1 {
		font-size: 2rem;
		margin-top: 350px;
	}
	
	.banner .banner-img img {
		max-width: 60%;
		margin-bottom: -10px;
		margin-top: -85px;
		margin-left: auto;
		margin-right: auto;
	}
	
	div#n2-ss-2 .n2-font-ccd9e6f527a4f8a32cfee58d8de7ee82-hover {
		text-shadow: 4px 4px 2px #5e9898;
		line-height: 2.5rem;
		font-size: 40px;
	}
	
	.small, small {
		font-size: 12px;
	}
	
	.wp-block-spacer {
		display: none;
	}
	
	#menu-new-main-nav .nav-link br {
		display: none !important;
	}
	
	.fade-bg {
		display: none !important;
	}
	
	body.page section[data-bg="full"] h1,
	body section[data-bg="full"] h2.wp-block-heading {
		text-shadow: none !important;
	}

	:root {
		--font-size-8xl: 45px;
		--font-size-4xl: 20px;
		--font-size-3xl: 25px;
		--font-size-2xl: 16px;
	}
}

/* ==============================================
   MOBILE PORTRAIT AND SMALLER (540px and below)
   ============================================== */

@media only screen and (max-width: 540px) {
	.banner .banner-img img {
		max-width: 80%;
		margin-bottom: 0px;
		margin-top: -84px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.subt {
		color: black !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
	
	.hbanner {
		display: none !important;
	}
	
	.mbanner {
		display: block;
	}
	
	.wp-block-spacer {
		display: none;
	}
}

/* ==============================================
   SMALL MOBILE (420px and below)
   ============================================== */

@media only screen and (max-width: 420px) {
	.banner .banner-img img {
		max-width: 80%;
		margin-bottom: 0px;
		margin-top: -83px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ==============================================
   EXTRA SMALL MOBILE (390px and below)
   ============================================== */

@media only screen and (max-width: 390px) {
	.banner {
		height: auto !important;
	}
}

/* ==============================================
   TINY SCREENS (350px and below)
   ============================================== */

@media (max-width: 350px) {
	.tbanner-p div {
		font-size: 14px !important;
	}
}

@media only screen and (max-width: 340px) {
	.tpf-banner-wrapper {
		background-size: 100% 100% !important;
	}
}
/* ==============================================
   WORDPRESS IMAGE ALIGNMENT & GALLERY STYLES
   ============================================== */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Gallery Styles */
.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	transition: filter 0.2s ease-in;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* Accessibility */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: var(--color-gray-light);
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: var(--color-blue-link);
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.bypostauthor {
	font-weight: bold;
}

/* Single Product Styles */
body.single-product h1.woosingle__tit br {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	display: inline;
}

body.single-product h1.woosingle__tit br {
	content: '';
	width: 9px;
	height: 18px;
}

body.single-product h1.woosingle__tit br:before {
	content: ' ';
}

@media only screen and (max-width: 340px) {
	.tpf-banner-wrapper {
    	background-size: 100% 100% !important;
	}
} 

/* Top Bar Menu */
#top-bar-menu-wrapper{
	background: var(--primary-teal);
}
#top-bar-menu-wrapper ul li a{
	text-transform:uppercase;
	text-decoration:none !important;
}
#top-bar-menu-wrapper ul li a:hover{
	color: var(--color-gray-dark);
}
#top-bar-menu-wrapper ul li.no-link{
	background-color: var(--primary-teal);
    font-weight: bold;
}
#top-bar-menu-wrapper ul li.no-link a{
	color: var(--color-white);
	cursor:default;
}
.top-bar-mobile-full-bkg{
	background: var(--primary-teal);
	padding: 14px 24px;
	display: flex;
    align-items: center;
}
.top-bar-mobile-full-bkg .top-bar-mobile-img{
    width: 100px;
	text-align:right;
}
#top-bar-mobile-button{
	width: calc(100% - 100px);
	color:white;
}
#top-bar-mobile-button span{
    color:white;
}
#top-bar-mobile-menu{
	list-style-type:none;
	padding-left:0;
    text-transform: uppercase;
	display:none;
}
#top-bar-mobile-menu.active{
	display:block;
}
#top-bar-mobile-menu > li{
	font-weight:700;
	padding: 0.5rem 1.5rem;
}
.top-bar-mobile-has-submenu a{
	display:block;
	position:relative;
	padding: 0.5rem 0;
}
.top-bar-mobile-has-submenu span.icon-caret{
	position: absolute;
    right: -1.25rem;
    top: 0.25rem;
    padding: 0.5rem 1.5rem;
}
.top-bar-mobile-has-submenu.open span.icon-caret,
#top-bar-mobile-button.open span.icon-caret{ 
	transform: rotate(-180deg);
}
.top-bar-mobile-submenu{
	display:none;
	list-style-type:none;
	padding-left:15px;
}
.top-bar-mobile-has-submenu.open .top-bar-mobile-submenu{
	display:block;
}


#footer .newsletter-form .top-navbar .site-links .es_subscription_form_submit, .top-navbar .site-links #footer .newsletter-form .es_subscription_form_submit, .top-navbar .site-links .btn, .top-navbar .site-links .wp-block-button .wp-block-button__link, .wp-block-button .top-navbar .site-links .wp-block-button__link{
	background-color: var(--primary-teal);
    border-color: var(--primary-teal);
}

/**** custom *****/

div#n2-ss-3 .n2-font-74a92d4c6a502ef180125fdbf0885541-hover{
	text-shadow: 4px 4px 2px #5e9898 !important; 
	font-size: var(--font-size-7xl) !important;
}

div#n2-ss-2 .n2-font-ccd9e6f527a4f8a32cfee58d8de7ee82-hover{
	text-shadow: 4px 4px 2px #5e9898;
	line-height: 5.5rem;
	font-size: var(--font-size-9xl);
}
	
	.col-md-6 banner-left{
		background-image: url("https://difflam.com.au/wp-content/uploads/2021/07/92852_DifflamDifferenceDesktopFlipped720x5502.jpg") !important;
	}
	.mbanner{
	display: none;	
	}
	.banner {
		padding: 0;
	}
	
	.wheretobuys {
		padding: 1rem 0 5rem;
	}
	
	.banner .banner-img img {
		max-width: 130%;
	/*     margin-bottom: 135px;
		margin-top: -61px; */
	}
	.banner .banner-content {
		min-height: auto;
	}
	.subt {
		/* margin-bottom: 200px; */
		font-size: 18px;
		text-align: center;
		color: WHITE;
	}
	
	.small, small{
		margin-bottom: 200px;
		FONT-SIZE: 18PX;
	  TEXT-ALIGN: center;
		COLOR: WHITE;
	}
	
	
	.page-id-6 .btn btn-outline-primary mr-4{
		color:white;
		border-color:white;
	}
	
	@media only screen and (max-width: 1300px){
		div#n2-ss-2 .n2-font-ccd9e6f527a4f8a32cfee58d8de7ee82-hover{
		text-shadow: 4px 4px 2px #5e9898;
		line-height: 4.5rem;
		font-size:70px;
	}
		
	}
	@media only screen and (max-width: 990px){
		div#n2-ss-2 .n2-font-ccd9e6f527a4f8a32cfee58d8de7ee82-hover{
		text-shadow: 4px 4px 2px #5e9898;
		line-height: 3.5rem;
		font-size:50px;
	}
		
	}
	@media only screen and (max-width: 767px){
		.banner .banner-img img {
		max-width: 60%;
		margin-bottom: -10px;
		margin-top: -85px;
		margin-left: auto;
		margin-right: auto;
	}
	div#n2-ss-2 .n2-font-ccd9e6f527a4f8a32cfee58d8de7ee82-hover{
		text-shadow: 4px 4px 2px #5e9898;
		line-height: 2.5rem;
		font-size:40px;
	}
		.small, small{
			font-size: 12px;
		}
		.wp-block-spacer{
			display: none;
		}
	}
	
	@media only screen and (max-width: 540px) {
		.banner .banner-img img {
		max-width: 80%;
		margin-bottom: 0px;
		margin-top: -84px;
		margin-left: auto;
		margin-right: auto;
	}
			.subt {
			color: black !important;
			margin: 0 auto !important;
			text-align: center !important;
		}
			.hbanner{
			display: none !important;
		}
		.mbanner{
	display: block;	
	}
		.wp-block-spacer{
			display: none;
		}
	}
	
	@media only screen and (max-width: 420px) {
	.banner .banner-img img {
		max-width: 80%;
		margin-bottom: 0px;
		margin-top: -83px;
		margin-left: auto;
		margin-right: auto;
	}
	
	}
	
	@media only screen and (max-width: 390px) {
		.banner{
			height: auto !important;
		}
	}
	
	.wooCategory__tabs__item.actived a{
		text-transform: inherit;
	}
	
	.wooCategory__tabs__item a{
		text-transform: inherit;
	}
	
	.wooCategory__tabs__item{
		text-transform: inherit;
	}
	
/* ==============================================
   ALGOLIA SEARCH FUNCTIONALITY
   ============================================== */

.algolia-div {
	min-height: 500px;
}

.algolia-div form .wp-block-search__button,
.algolia-div form label {
	display: none !important;
}

.algolia-search-box-wrapper .search-icon {
	fill: var(--primary-orange-dark) !important;
}

#algolia-search-box input {
	border-color: var(--primary-orange-dark) !important;
}

.algolia-div .search-icon {
	position: absolute;
	left: 0px;
	top: 14px;
	fill: var(--primary-orange-dark) !important;
}

.algolia-div .wp-block-group__inner-container {
	position: relative;
	max-width: 1200px;
	margin: 60px auto;
}

.algolia-div input {
	border: none;
	border-bottom: 2px solid var(--primary-orange-dark) !important;
	background: transparent;
	width: 100%;
	line-height: 30px;
	font-size: var(--font-size-2xl);
	padding: 10px 0 10px 30px;
	font-weight: 200;
	box-sizing: border-box;
	outline: none;
	box-shadow: none;
	appearance: none;
}

.algolia-autocomplete .suggestion-post-title {
	color: var(--primary-orange-dark) !important;
	font-size: var(--font-size-base) !important;
	text-transform: uppercase !important;
}

.algolia-autocomplete .suggestion-post-content {
	font-size: 14px !important;
}

.algolia-autocomplete .suggestion-post-attributes em {
	background: var(--secondary-yellow) !important;
}

.algolia-autocomplete .aa-suggestions .suggestion-post-thumbnail {
	width: 80px !important;
	height: 80px !important;
	margin-right: 15px;
}

.suggestion-post-attributes {
	padding-top: 10px;
}

#ais-facets {
	display: none !important;
}

#ais-main {
	max-width: 1200px;
	margin: 60px auto;
}

.ais-hits--content h2 a {
	font-size: 24px;
	color: var(--primary-orange-dark);
}
	

/* ==============================================
   SEARCH FUNCTIONALITY
   ============================================== */

header #searchForm {
	position: absolute;
	display: flex;
	justify-content: flex-end;
}

header #searchForm.expand {
	width: 100%;
	z-index: 2;
	max-width: 730px;
}

header #searchForm.expand .form-control {
	background-color: var(--color-white);
	width: 100% !important;
	max-width: 730px;
	color: var(--color-white) !important;
}

#header .newsletter-form .es_txt_email, 
#header .form-control,
body .navbar.navbar-home:not(.sticky) .search-form.expand i {
	color: var(--color-white) !important;
}

header ::placeholder {
	font-family: var(--font-family-primary) !important;
	color: var(--primary-orange-dark) !important;
	opacity: 1;
	font-weight: 300 !important;
}

header ::-ms-input-placeholder {
	font-family: var(--font-family-primary) !important;
	color: var(--primary-orange-dark) !important;
	font-weight: 300 !important;
}

/* ==============================================
   ADDITIONAL MOBILE BREAKPOINT STYLES
   ============================================== */

@media (min-width: 576px) {
	.navbar-brand img {
		height: 65px;
		width: 100%;
	}
}

@media (max-width: 380px) {
	body.browser-firefox #gform_page_1_4 .gform-page-footer .button[type="submit"] {
		font-size: 3.5vw;
		width: 100%;
	}
}

/* ==============================================
   CONTENT AND LAYOUT STYLES
   ============================================== */

body .wp-block-group p {
	font-size: 20px;
	line-height: 1.3em;
}

.sub-head div {
	font-size: 54.024px !important;
}

.main-head div {
	font-size: 112.55px !important;
}

.bmi-value {
	background: var(--primary-purple-light) !important;
	min-height: auto;
	padding: 2%;
	max-height: none;
}

.bmi-value figure {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bmi-value img {
	object-fit: cover;
	width: 87%;
	max-width: 1300px !important;
}

[data-type="no-btn-icon"] .btn:before {
	content: none !important;
}

section[data-type="no-btn-icon"] .btn {
	padding: 10px 30px;
}

.max-w560 {
	max-width: 560px;
}

.col-flex-center .wp-block-group__inner-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.col-flex-center .wp-block-group__inner-container .wp-block-image {
	max-width: 130px;
	width: 100%;
	margin-right: 5%;
	margin-bottom: 0px;
}

.col-flex-center .wp-block-group__inner-container p {
	margin-bottom: 0 !important;
}

.justify-content-flex-start .wp-block-group__inner-container {
	justify-content: flex-start !important;
}

hr.hr {
	width: 100%;
	max-width: 1055px;
	margin-right: 0;
}

.orange-bold strong {
	color: var(--primary-orange-dark) !important;
}

.img-max150 .col-flex-center .wp-block-group__inner-container .wp-block-image {
	max-width: 150px !important;
}

.m-group .wp-block-group {
	margin-left: 3%;
}

.mb-n50 {
	margin-bottom: -35px;
}

/* ==============================================
   FOOTER STYLES
   ============================================== */

#footer {
	background: var(--primary-teal) !important;
}

#footer .menu-item a {
	font-family: var(--font-family-primary) !important;
	font-weight: 300;
}

#footer .menu-item a:hover {
	color: inherit;
	opacity: 0.8;
}

#footer p {
	font-weight: 300;
	color: var(--color-white);
	font-size: var(--font-size-sm);
	margin-bottom: 0;
}

#footer .note-block {
	margin-top: 40px;
}

/* ==============================================
   PAGE-SPECIFIC STYLES
   ============================================== */

section[data-bg="full"] {
	min-height: 700px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right top;
}

body.page h1 {
	color: var(--primary-teal) !important;
}

body.page .breadcrumb {
	display: none !important;
}

.bg-bordered {
	border: 1px solid #d87d4d;
	border-radius: 50px;
}

.margin-r-2 .wp-block-image {
	margin-right: 2% !important;
}

/* ==============================================
   BUTTON STYLES
   ============================================== */

.wp-block-buttons > .wp-block-button {
	width: 100%;
	display: block;
}

.wp-block-buttons > .wp-block-button .wp-block-button__link {
	background-color: var(--primary-orange);
	border: 1px solid var(--primary-orange);
	width: 100%;
	display: block;
	font-size: var(--font-size-xl);
	padding: 30px;
	border-radius: var(--border-radius-full);
}

.has-small-font-size .wp-block-buttons > .wp-block-button .wp-block-button__link {
	border: 1px solid var(--primary-orange);
	width: 100%;
	font-size: 17px;
	padding: var(--spacing-md);
	max-width: 204px;
}

.not-bold * {
	font-weight: 300 !important;
}

body.page-id-2350 .s1 {
	max-width: 490px !important;
}


@media(max-width:2250px){
	.sub-head div{
		font-size:2.2vw !important;
	}
/* 	.wp-block-group p{
		font-size:16px !important;
	} */
	.main-head div{
		font-size:4.5vw !important;
	}
}

@media(max-width:768px){
	h2.wp-block-heading{
		font-size:32px !important;
	}
	h3.wp-block-heading{
		font-size:26px !important;
	}
	.banner-right p, .banner-left p,
	body {
		font-family: FranklinGothic !important;
		font-weight: 300;
        font-size: 16px !important;
        line-height: 1.4em !important;
	}
	
	.banner-right .btn, .banner-left .btn {   
		padding: 2% 8% 2% 22%;  
		font-size: 14px !important;
		/* width:100%; */
		max-width: none !important;
	}

	.banner-right .btn br, 
	.banner-left a.btn br {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		zoom: 1; 
		display: inline;
	}

	.banner-right a.btn br, 
	.banner-left a.btn br {
		content: '';
		width: 9px;
		height: 18px;
	}

	.banner-right a.btn br:before,
	.banner-left a.btn br:before {
		content: ' '
	}
	
	
	
}

/**** gravity form ****/


.custom-gravity-form .gfield.quarter {
    float: left;
    width: 22%;
    margin-right: 4%;
    clear: none;
}
.custom-gravity-form .gfield.quarter.lastq {
    margin-right: 0;
    float: right;
}
form.custom-gravity-form input[type="text"],
form.custom-gravity-form textarea {
    font-size: inherit;
    line-height: 1.5em;
    padding: 5px;
    color: #555;
    border-radius: 5px;
    border: 1px solid #ccc;
    transition: box-shadow 0.25s;
    -moz-transition: box-shadow 0.25s;
    -webkit-transition: box-shadow 0.25s;
    -o-transition: box-shadow 0.25s;
}
form.custom-gravity-form select {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 18px;
}
.gform_wrapper .custom-gravity-form .gform_page_footer {
    padding: 0;
    border: none;
    display: inline-block;
    width: 100%;
}
.custom-gravity-form .gform_page_fields {
    display: inline-block;
    width: 100%;
}
.custom-gravity-form .gform_next_button {
    float: right;
}
.custom-gravity-form .gform_page_footer .button {
    background: #ff585d;
    border: none;
    color: white;
    padding: 5px 15px;
    border-radius: 8px;
    cursor: pointer;
}
body .custom-gravity-form .bmiresult,
body .gform_wrapper .custom-gravity-form h5,
body .custom-gravity-form thead,
body .gform_wrapper .custom-gravity-form h3,
body .custom-gravity-form .top_label .gfield_label {
    color: #8b46b0;
}
.custom-gravity-form .oldie {
    display: none;
}
.custom-gravity-form .hidden {
    display: none;
}
form.custom-gravity-form input[type="text"]:hover,
form.custom-gravity-form textarea:hover {
    border: 1px solid #999;
}
form.custom-gravity-form input[type="text"]:focus,
form.custom-gravity-form textarea:focus {
    border: 1px solid #999;
    box-shadow: 0px 0px 3px #999 inset;
}
.gform_wrapper
    .custom-gravity-form
    ul.gfield_radio
    li
    input[type="radio"]:checked
    + label {
    font-weight: normal;
}
form.custom-gravity-form .btngroup .ginput_container li {
    float: left;
}
form.custom-gravity-form .btngroup .ginput_container li > input[type="radio"] {
    display: none;
}
form.custom-gravity-form .btngroup .ginput_container li > label {
    margin-left: 0px;
    display: block;
    border: 1px solid #ccc;
    border-right-width: 0px;
    padding: 5px 10px;
    color: #777;
    box-shadow: 0px 0px 5px #fff inset;
    cursor: pointer;
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(
        top,
        #f5f5f5 0%,
        #ffffff 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #f5f5f5),
        color-stop(100%, #ffffff)
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        #f5f5f5 0%,
        #ffffff 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        #f5f5f5 0%,
        #ffffff 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    line-height: normal;
    text-align: center;
}
form.custom-gravity-form .btngroup.dual .ginput_container li {
    width: 50%;
}
form.custom-gravity-form .btngroup .ginput_container li > label:before,
form.custom-gravity-form .btngroup .ginput_container li > label:after {
    display: none;
}
form.custom-gravity-form .btngroup .ginput_container li > label:hover {
    background: rgb(245, 245, 245); /* Old browsers */
    background: -moz-linear-gradient(
        top,
        rgba(245, 245, 245, 1) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(245, 245, 245, 1)),
        color-stop(50%, rgba(255, 255, 255, 1)),
        color-stop(100%, rgba(255, 255, 255, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        rgba(245, 245, 245, 1) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        rgba(245, 245, 245, 1) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
        top,
        rgba(245, 245, 245, 1) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
        to bottom,
        rgba(245, 245, 245, 1) 0%,
        rgba(255, 255, 255, 1) 50%,
        rgba(255, 255, 255, 1) 100%
    ); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
form.custom-gravity-form
    .btngroup
    .ginput_container
    li
    > input[type="radio"]:checked
    + label {
    font-weight: normal;
    box-shadow: 0px 0px 3px #bbb inset;
    padding: 6px 10px 4px 10px;
    text-shadow: 0px 0px 0.5px #ccc;
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(
        top,
        #e5e5e5 0%,
        #f5f5f5 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #e5e5e5),
        color-stop(100%, #f5f5f5)
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        #e5e5e5 0%,
        #f5f5f5 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        #e5e5e5 0%,
        #f5f5f5 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
form.custom-gravity-form .btngroup .ginput_container li:first-child > label {
    border-radius: 5px 0px 0px 5px;
}
form.custom-gravity-form .btngroup .ginput_container li:last-child > label {
    border-radius: 0px 5px 5px 0px;
    border-right-width: 1px;
}
form.custom-gravity-form select:hover,
form.custom-gravity-form select:focus {
    border: 1px solid #999;
}
.gform_wrapper .custom-gravity-form .gform_page_footer {
    padding: 0;
    border: none;
}
.gform_wrapper .custom-gravity-form .gform_footer {
    padding: 0;
}
.accordion .gform_wrapper .custom-gravity-form .gform_footer,
.accordion .gform_wrapper .custom-gravity-form .gform_page_footer {
    padding-left: 5px;
}
.gform_wrapper .custom-gravity-form .gform_page_footer input {
    margin-right: 8px;
}
.gform_wrapper .custom-gravity-form .accordion .gform_fields {
    counter-reset: quizfields;
}
.gform_wrapper
    .custom-gravity-form
    .accordion
    .gform_fields
    > .gfield
    > label:before {
    content: counter(quizfields) ". ";
    counter-increment: quizfields;
}
.linear > .ginput_container {
    display: table;
    width: 100%;
}
.linear .gfield_radio {
    display: table-row;
}
.linear .gfield_radio > li {
    display: table-cell;
    text-align: center;
}
.linear .gfield_radio > li:first-child {
    text-align: left;
}
.linear .gfield_radio > li:last-child {
    text-align: right;
}
.custom-gravity-form .gfield_radio > li > input[type="radio"] {
    float: none;
    display: none !important;
}
.gform_wrapper .custom-gravity-form .gfield_radio > li > label {
    margin: 0;
    cursor: pointer;
}
.custom-gravity-form .linear .gfield_radio > li > label {
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}
.custom-gravity-form .gfield_radio > li > label:before {
    content: "";
    border: 2px solid #8b46b0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    z-index: 10;
    display: inline-block;
    margin-right: 10px;
}
.custom-gravity-form .linear .gfield_radio > li > label:before {
    display: block;
    left: 50%;
    margin-left: -5px;
    margin-bottom: 5px;
}
.custom-gravity-form.gfield_radio > li > input[type="radio"]:checked + label {
    font-weight: normal;
}
.custom-gravity-form
    .gfield_radio
    > li
    > input[type="radio"]:checked
    + label:before,
.custom-gravity-form
    .gfield_radio
    > li
    > input[type="radio"].checked
    + label:before,
.custom-gravity-form .gfield_radio > li > label.checked:before {
    background-color: #08b0c3;
}
.custom-gravity-form .linear .gfield_radio > li > label:after {
    content: "";
    display: block;
    height: 4px;
    min-width: 300px;
    position: absolute;
    background-color: #ccc;
    top: 4px;
    left: 50%;
    margin-left: -150px;
}
.custom-gravity-form .linear .gfield_radio > li:first-child > label:after {
    margin-left: 0;
}
.custom-gravity-form .linear .gfield_radio > li:last-child > label:after {
    margin-left: 0;
    left: auto;
    right: 50%;
}
.custom-gravity-form .emailField input {
    width: 100%;
}
.custom-gravity-form .nextquiz {
    margin: 0 0 5px 5px;
}

.custom-gravity-form .slider-capture {
    margin-bottom: -10px !important;
}
.custom-gravity-form .slider-capture input {
    display: none;
}
.custom-gravity-form .slider-wrapper {
    width: 100%;
    height: 26px;
    background: url(images/bg_slide.jpg) center left repeat-x transparent;
}
.custom-gravity-form .slider-btn {
    height: 100%;
    width: 14px;
    background-color: #fff;
    border: 2px solid #5b266a;
    border-radius: 7px;
}
.custom-gravity-form .slider-btn:hover,
.slider-btn.ui-draggable-dragging {
    background-color: #08b0c3;
}
.custom-gravity-form .slider-wrapper,
.custom-gravity-form .slider-btn:hover,
.custom-gravity-form .slider-btn:active,
.custom-gravity-form .slider-btn.ui-draggable-dragging {
    cursor: pointer;
}
.custom-gravity-form .slider-labels:after {
    content: "";
    display: block;
    clear: both;
}
.gform_legacy_markup_wrapper .gf_progressbar{
	border-radius: 20px !important;
}
body .gform_legacy_markup_wrapper .gf_progressbar_percentage {
    height: 32px !important;
    border-radius: 20px !important;
    font-family: FranklinGothic !important;
    font-size: 16px !important;   
}
.gform_legacy_markup_wrapper .gf_progressbar_percentage span {   
    position: relative;
    top: 6px;
}

body .gform_legacy_markup_wrapper .gf_progressbar_percentage.percentbar_blue{
	background-color: var(--primary-purple-accent);
}

body .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{
	padding: 5px 10px !important;
	height: 45px;
}

body .gform_legacy_markup_wrapper .gform_page_footer .button.gform_next_button, 
body .gform_legacy_markup_wrapper .gform_page_footer .button.gform_previous_button {
	background-color: var(--secondary-orange) !important;
} 

form.custom-gravity-form .btngroup .ginput_container li {
	font-size: 14px;
	width: 100px;
}

.hideie {
	display: none !important;
}

.blue-color-text {
	color: var(--secondary-blue);
	display: none;
}

.gfield_required {
	color: var(--color-white) !important;
	margin-left: 4px;
}

p#error-email {
    color: red;
    font-size: 14px;

}

#gform_previous_button_19 {
	display: none;
}

.form-text p {
	font-size: 18px;
}
.gform_title {
	display: none;
}
.midslide  li
{
    width:154px;
    
}
.topslide li {
	width: 33% !important;
}
.final-step h3 {
	font-size: 21px;

}
.emailField label::before {
	content: '1' !important;
	background-color: var(--primary-purple-accent);
	border-radius: 50%;
	padding: 4px;
	margin-right: 8px;
	color: var(--color-white);
	width: 30px;
	display: block;
	padding-left: 10px;
	float: left;
	margin-top: -6px;
	font-size: var(--font-size-lg);
}

.all-step .second::before {
	content: '2' !important;
	background-color: var(--primary-purple-accent);
	border-radius: 50%;
	padding: 6px;
	margin-right: 8px;
	color: var(--color-white);
	width: 32px;
	display: block;
	padding-left: 11px;
	float: left;
	margin-top: 0px;
	font-size: var(--font-size-lg);
}

.all-step .third::before {
	content: '3' !important;
	background-color: var(--primary-purple-accent);
	border-radius: 50%;
	padding: 6px;
	margin-right: 8px;
	color: #fff;
	width: 32px;
	display: block;
	padding-left: 11px;
	float: left;
	margin-top: 0px;
	font-size: 18px;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
	margin-top: -4px !important;
	margin-bottom: 0;
}

.address_zip input {
	width: 222px !important;
}

.gform_wrapper .custom-gravity-form h3{
    font-size:18px;
}
a.button.openTable {
    padding: 8px 19px;
}a.waist-circumference-calculate-button.button {
    padding: 8px 21px;
}
.ginput_container.ginput_container_select select {
    height: 39px;
}
.custom-gravity-form .calculatebtn{
    margin-top:46px;
}
.noUi-connect {
    background: none !important;
}
.noUi-handle{
    background: var(--secondary-blue) !important;
     box-shadow: none !important;
}

body .icon-apple.wp-block-buttons>.wp-block-button .wp-block-button__link{
	background: var(--primary-orange);
    color: var(--color-white);
    border-color: var(--primary-orange);
    border-radius: var(--border-radius-full);
    padding: 6% 8% 6% 13%;
    position: relative;
    margin-top: var(--spacing-lg);
    width: 100%;
    display: block;
    font-size: 17px;
}

body .icon-apple.wp-block-buttons>.wp-block-button .wp-block-button__link:before{
	content: "";
	background-color: var(--color-white);
	border-radius: var(--border-radius-full);
	position: absolute;
	background-image: url('/wp-content/uploads/2025/02/apple1.png');
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: center;
	left: 11px;
	top: 50%;
	transform: translate(0, -50%);
	height: 55px;
	width: 55px;
	
}


.fade-bg{
	display:none;
}
.bmi-value a{
    justify-content: center;
    align-items: center;
    display: flex;
}

.atop{
	/* border: 1px solid red; */
    position: absolute;
    width: 52%;
    height: 16%;
    z-index: 33333;
    top: 8%;
    left: 48%;
    transform: translate(-50%, 8%);
}
.abottom{
	/* border: 1px solid yellow; */
    position: absolute;
    width: 52%;
    height: 16%;
    z-index: 33333;
    bottom: 8%;
    left: 48%;
    transform: translate(-50%, -8%);
}
@media(min-width:1199px){
	.atop{
		left: 51%;
		width: 100%;
	}
	.abottom{
		left: 51%;
		width: 100%;
	}
}
@media(max-width:768px){
	#field_1_58{
		margin-bottom: 30px;
	}
	#gform_fields_1_2{
		display:block !important;
	}
	#gform_fields_1_2 li{
		margin-bottom:20px;
	}
	.custom-gravity-form .calculatebtn{
		margin: 0 5% 0 0 !important;
	}
}













/**** modal *****/

body .pum-theme-lightbox .pum-container, .pum-theme-lightbox .pum-container{
	padding: 30px;
    border-radius: 3px;
    border: 8px solid #842570;
    box-shadow: 0px 0px 30px 0px #8c8c8c;
    background-color: rgba(255, 255, 255, 1.00);
}

body .pum-theme-lightbox .pum-container, .pum-theme-lightbox .pum-container p{
	font-size: 18px;
    line-height: 1.6em;
}
body .pum-theme-lightbox .pum-title{
    color: #832071 !important;
    text-align: left;
    text-shadow: 0px 0px 0px rgba(2, 2, 2, 0.23);
    font-family: inherit;
    font-weight: 100;
    font-size: 33px;
    line-height: 36px;
    font-weight: 600;
}
body #pum-2457 .pum-container{
	border: 8px solid #ec6533;
}
body #pum-2457 .pum-title{
	color:#ec6533 !important;
}



/**** mobile ****/

@media(max-width:768px){

	.wp-block-cover__inner-container{
		position: relative;
	}
	.for-mobile{
		display:block !important;
	}
	.for-desktop{
		display:none !important;
	}
	.mob-p-tb-30{
		padding-top:30px;
		padding-bottom:30px;
	}
	body .pum-theme-lightbox .pum-container, .pum-theme-lightbox .pum-container p{
		font-size:16px;
	}
	body .pum-theme-lightbox .pum-title{
		font-size:26px;
	}
	#gform_fields_1{
		display: flex;
    	flex-flow: column;
	}
	#gform_fields_1 li{
		width: 94%;
	}
	#gform_fields_1 li input{
		width: 100% !important;
	}


	body .col-flex-center .wp-block-group__inner-container p{
		padding: 20px !important;
	}
	.mob-mt20{
		margin-top:20px !important;
	}
	.mob-mt30{
		margin-top:30px !important;
	}
	.mob-mb-n-20{
		margin-bottom:-20px !important;
	}
	.mob-mb-n-30{
		margin-bottom:-30px !important;
	}
	.mob-mb-20{
		margin-bottom:20px !important;
	}
	body .mb-n50 {
		margin-bottom: 30px;
	}

	body :where(.wp-block-group.has-background) {
		padding: 1.25em 0em;
	}

	.fade-bg{
		display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #ffffff;
        opacity: 0.3;
        bottom: 0;
        z-index: 2;
	}
	body .banner-right .row .col-lg-6:first-child{
		justify-content: center;
	}
	body section[data-bg="full"] .container-fluid.container{
		z-index: 3;
	}
	body section[data-bg="full"]{
		background-position: right !important;
		min-height: 350px;
		position: relative;
	}
	body.page section[data-bg="full"] h1{
		/* text-align: center; */
		text-shadow: 1px 0px 0px #ffffff;
	}
	header #searchForm{
		display: none;
	}
	/* cross browser inline-block */
	body #menu-new-main-nav li a br {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		zoom: 1; 
		display: inline;
	}
	
	/* replace <br> with comma */
	
	body #menu-new-main-nav li a br {
		content: '';
		width: 9px;
		height: 18px;
	}
	
	body #menu-new-main-nav li a br:before {
		content: ' '
	}
	body #menu-new-main-nav li#menu-item-2349 a br:before {
		content: '';
	}
	/* #menu-new-main-nav li a br{
		display:none;
	} */
	body #menu-new-main-nav{
		align-items: flex-start;
	}
	body #menu-new-main-nav li{
		border-bottom: 1px solid #e9e9e9;
		width: 100%;
		align-items: flex-start;
		text-align: left;
		justify-content: flex-start;
	}
	body .navbar-brand img {
		height: 60px;
	}
	body .bmi-value img{
		width:100%;
	}

	body section[data-bg="full"] h2.wp-block-heading {
        font-size: 26px !important;
        /* text-align: center; */
        line-height: 1.1em;
		text-shadow: 1px 0px 0px #000000;
    }
	body h4{
		font-size:16px !important;
	}
	body h2.wp-block-heading{
		font-size: 28px !important;
        line-height: 1.2em;
	}
	body .col-flex-center .wp-block-group__inner-container{
		display:block;
	}
	body .col-flex-center .wp-block-group__inner-container .wp-block-image{
		max-width: none;
		margin-bottom: 20px;
	}
	body .col-flex-center .wp-block-image .alignleft{
		display: block;
		float: none;
		text-align: center;
		margin:auto;
	}
	body .col-flex-center .wp-block-image img{
		width: 70px;
	}
	body .col-flex-center .wp-block-group__inner-container p{
		margin-bottom:20px;
		text-align:center;
	}
	body .img-max150 .col-flex-center .wp-block-group__inner-container .wp-block-image {
        max-width: none !important;
        margin-bottom: 20px;
    }
	body .in-mobile-center p{
		text-align:center !important;
	}
	body .in-mobile-center figure.alignright.size-full{
		display: flex;
   		justify-content: center;
	}
	body .in-mobile-center figure.alignright.size-full{
		display: flex;
   		justify-content: center;
		float: none;
	}
}

/** SEO MOBILE ****/
@media(max-width:768px){
	.banner-right p, .banner-left p, body,
	body p{        
       font-size: 14px !important;
        
    }
}

/*!
 * TPF Theme Editor Styles
 */



/**** SEO OPT *****/
body.page .content section .h1-seo,  
body  .h1-hide h1,
body .wooCategory .h1-hide h1,
body .blog-page .h1-hide h1,
body .content .h1-hide h1 {
    height: 1px;
    width: 1px;
    opacity: 0;
    margin: 0px !important;
    padding: 0px !important;
	    position: absolute;
	z-index:-1;
}

body .woosingle__size{
	position:relative;
	z-index:2;
}
body .h1-styling h2{
		font-size: 2rem !important; 
	  font-weight: 400 !important; 
}
body .page-heading h2,
body h2.woosingle__tit{
	font-weight: 400;
}



@media (min-width: 1200px) {
	body .h1-styling h2{
		font-size: 3rem !important; 
	}
}
@media (min-width: 1440px) {
	
    body .h1-styling h2{
		 font-size: 4rem !important;   
		
	}
	body .page-heading h2{
	  font-size: 4rem !important;   
		font-weight:400;
	}
}
/**********/

code, kbd, pre, samp{
	font-family: FranklinGothic !important;
	color: inherit;
}

.pt-32{
	padding-top:32px !important;
}
.simple-sitemap-wrap h3 {
	margin-bottom:20px
}
.simple-sitemap-wrap h3 a{
	font-size:30px;
	color: #ec6533 !important
}

body .otherField{
	margin-top: -7px !important;
  margin-left: 6px !important;
	display:none;
}

body .otherField input,
body .ginput_container_radio input.small{
	max-width: 250px !important;
  width: 100% !important;
}

.gform_legacy_markup_wrapper .gfield_checkbox li input, .gform_legacy_markup_wrapper .gfield_checkbox li input[type=checkbox]{
	    margin-left: 4px;
    margin-right: 4px;
    position: relative;
    top: -4px;
    width: 13px;
    height: 11px;

}
body .wp-block-group .btn-small *{
	font-weight:600 !important;
}
.btn-small a{
	margin-top:20px;
	max-width:400px;
	padding:15px 20px !important;
	font-size:16px !important;	
}

[data-bg="full"]{
	 background-position: right top;
}

.gchoice_select_all label{
	font-weight:400 !important;
}
.gform_legacy_markup_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_legacy_markup_wrapper li.gfield_error ul.gfield_checkbox, .gform_legacy_markup_wrapper li.gfield_error ul.gfield_radio,
.gform_legacy_markup_wrapper .validation_message{
	color:#e00000 !important;
}

/*******/




/*****/
 




@media (max-width: 1680px) {
    .section.banner-left .img-block img, .wp-block-group.banner-left .img-block img {
        object-position: center center !important;
    }
}

@media (max-width: 768px) {
	body .custom-gravity-form .bmiresult .text{
		right: 60%;
	}
	#menu-new-main-nav .nav-link br{
		display:none !important;
	}
    .fade-bg {        
        display: none !important;
    }
	body.page section[data-bg="full"] h1 {
      
        text-shadow: none !important;
    }
	body section[data-bg="full"] h2.wp-block-heading {
       
        text-shadow: none !important;
    }
}

@media (min-width: 1200px) {
    .section[data-bg-fit=contain] .img-block img{        
        object-fit: contain !important;      
    }
	
	.tbanner-p div {
			font-size: 18px !important;
	}
}

@media (max-width: 350px) {
	.tbanner-p div {
			font-size: 14px !important;
	}
}

/*** form ***/

body input[type=checkbox]:checked+label::before,
.custom-gravity-form .gfield_radio > li > input[type="radio"]:checked + label:before, .custom-gravity-form .gfield_radio > li > input[type="radio"].checked + label:before, .custom-gravity-form .gfield_radio > li > label.checked:before{
	background-color:#ec6533 !important;
}
@media only screen and (min-width: 641px) {
    .gform_wrapper .top_label li.gfield.gfield_error.gf_left_third, .gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third {
        width: calc(31.3% - 24px) !important;       
    }
}


.emailField label::before,
body .all-step .second::before,
.all-step .third::before{
	width: 30px;
  height: 30px;
  padding: 4px 0 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

body input[type=checkbox]:checked+label::after,
body input[type=checkbox]:checked+label::before{
	top: 0px;
}

body .gfield--type-checkbox input.gfield-choice-input:before {
    content: "";
    border: solid 1px #8b46b0;
    width: 11px;
    position: absolute;
    height: 11px;
    border-radius: 2px;
    left: 1px;
}
#gform_page_1_4 .second,
#gform_page_1_4 .third,
#gform_page_1_4 label{
	color:#666 !important;
}

body .custom-gravity-form .gfield_radio > li > label:before{
	width: 15px;
	top: 3px;
    height: 15px;
}

@media(max-width:768px){
	body #footer p{
		overflow-wrap: break-word;
	}
	
	body .waistgender{
		max-width: 190px !important;
		width: 100% !important;
	}


input[type=checkbox]:checked+label::before{
		height: 22px !important;  
}

.custom-gravity-form .button {
    text-align: center;
    padding: 10px 15px 10px;
    border-radius: 8px;
    color: #fff;
    background: #8b46b0;
	border: none;
	border-radius:100px;
}
.gfield a{
	text-decoration:none !important;
}
#gform_page_1_4 a.openTable{
	max-width: 320px;
	width: 100% !important;
	display: block;
}
#gform_page_1_4 .button.btn-email-sbmt{
	max-width: 320px;
	width: 100% !important;	
}
body  .gform_legacy_markup_wrapper form .gform_page_footer .button.gform_next_button, 
body  .gform_legacy_markup_wrapper
 form .gform_page_footer .button.gform_previous_button,
#gform_page_1_4 .gform-page-footer .button{
	text-align: center;
    padding: 10px 15px 10px;
    border-radius: 8px;
    color: #fff;
    background: #ef7c52 !important;
	border: none;
	border-radius:100px;
}

body  .gform_legacy_markup_wrapper form .gform_page_footer .button.gform_next_button, 
body  .gform_legacy_markup_wrapper
form .gform_page_footer .button.gform_previous_button{
	max-width:200px;
	width:100%;
}

#gform_page_1_4 .gform-page-footer .button[type=submit]{	
   background: #8b46b0 !important;
	
}


.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	background-color:transparent !important;
	border:none !important;
}

form.custom-gravity-form .waistgender.gfield .ginput_container label{
	    height: 42px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	padding-top:0px !important;
}
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{
	margin-top: 0px !important;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{
	margin-top: 10px !important;
}


body input[type=email],
body input[type=text],
body input[type=number]{
	padding-left:15px !important;
	padding-right:15px !important	
}

body #gform_page_1_4 input[type=text],
body #gform_page_1_4  input[type=email],

body #gform_page_1_3 input[type=text],
body #gform_page_1_3  input[type=email]{
	font-size:16px !important;
	text-align: left;
    max-width: 300px;
}


/*** firefox ***/
body.browser-firefox .emailField label::before, 
body.browser-firefox .all-step .second::before, 
body.browser-firefox .all-step .third::before{
	padding: 0px 0 0 !important;
}


@media(min-width:767px){
	
	.desktop-mb-0{
		margin-bottom:0px !important;
	}	
	.assess-area{
		display: flex;
		align-items: center !important;
		margin-top: 50px !important;
	}
	.waistgender{
		width: 15.4% !important;
	}
}
@media only screen and (min-width: 641px) {
    .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.waistgender.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
        max-width: 190px !important;
    }
}

@media(max-width:768px){
	
	.btn-small a.wp-element-button{
		font-size:14px !important;
	}
	
	body h2.wp-block-heading.mobile-font-18 {
    font-size: 20px !important;
			margin-bottom: 5px;
	}

	body .n2-ss-layer{
		display: flex !important;
    max-width: none !important;
	}
	.n2-ss-layer .n2-ss-button-container{
		width: 100% !important;
	}
	.n2-ss-layer .n2-ss-button-container a{
		display: inline-block !important;
		width: 82% !important;
		max-width: 100% !important;
		position: relative;
	}
	
	#gform_page_1_4 .button.btn-email-sbmt,
	#gform_page_1_4 a.openTable{
	max-width: 100%;
	
}
	.gform_wrapper .custom-gravity-form #gform_page_1_4 .gform_page_footer{
		display: block !important;
	}
	#gform_previous_button_1{
		width: 100%;
    max-width: none;
    margin-bottom: 11px !important;
	}
	
	.assess-area {
        margin-bottom: 35px ! important;
        position: relative;
        top: 15px;
		max-width: 100% !important;
    }
	body .gform_fields li table th{
		font-size: 18px;
	}
	.wp-block-column.left-area{
		margin: 15px 0px -25px;
	}
	.section.banner-left, 
	.wp-block-group.banner-left,
	.section.banner-right, 
	.wp-block-group.banner-right{
		padding-bottom:0px !important;
	}
	body .m-group .wp-block-group{
		margin-left:0px !important;
	}
	body .in-mobile-center figure.alignright.size-full{
		margin:0px !important;
	}
	:where(.wp-block-columns) {
    margin-bottom: 0 !important;
	}
	body #footer p{
		 font-size: 12px !important;
	}
	:where(.wp-block-columns.is-layout-flex) {
			gap: 1em;
	}
	.violet-bottom {
    padding: 35px 0 25px;
	}
	.violet-bottom1{
		 padding: 35px 0;
	}
	.why-is-w-lost-area {
			padding-bottom: 20px;
	}
	.weight-loss-can{
		 padding-top: 13px;
	}
	body .mob-mt30{
		margin-top:15px !important;
	}
	body .nb-25{
		margin-bottom:-25px !important;
	}
	body .nb-10{
		margin-bottom:-10px !important;
	}

	.pt-5, .py-5{
		padding-top: 0.5rem !important;
	}
	body :where(.wp-block-group.has-background) {
        padding: 1.50em 0em 1.25em;
    }
	.banner-right .row .col-lg-6:first-child .txt-col{
		margin-top: 7px;
	}
	.cravings-cont{
		padding-top: 15px;
    padding-bottom: 15px;
	}
	.cravings-cont h2{
		margin-bottom: -15px !important;
	}
	.cravings-icons-cont{
		margin-bottom: -25px !important;
	}
	
	.btn .space{
		width: 5px;
  	display: inline-block;
	}
	h2 .space{
		width: 10px;
  	display: inline-block;
	}
	
	body .waistgender {
    max-width: 100% !important;		
	}
	
	.terms-area{
		margin-top:20px;
	}
	
	
	

}

@media (min-width: 576px) {
    body .navbar-brand img {      
        width: 100%;
    }
}
@media(max-width:380px){
		/**** firefox ****/
	
	
	body.browser-firefox #gform_page_1_4 .gform-page-footer .button[type="submit"]{
		font-size: 3.5vw;
 		 width: 100%;
	}
}

body .not-bold .bold-important {
    font-weight: 600 !important;
}