﻿/*
 Theme Name:   The Weight Loss Guru
 Theme URI:    https://theweightlossguru.co/
 Description:  The Weight Loss Guru website
 Author:       James Evans
 Author URI:   https://websright.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
  font-family: "Glacial Indifference";
  src: local("Glacial Indifference"),
    url("https://theweightlossguru.co/fonts/GlacialIndifference-Regular.otf") format("opentype"), 
	  url("../font/GlacialIndifference-Regular.woff") format("woff"), 
	  url("../font/GlacialIndifference-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Glacial Indifference Bold";
  src: local("Glacial Indifference Bold"),
    url("https://theweightlossguru.co/fonts/GlacialIndifference-Bold.otf") format("opentype"), 
	  url("../font/GlacialIndifference-Bold.woff") format("woff"), 
	  url("../font/GlacialIndifference-Bold.woff2") format("woff2");
}

h1, h2, h3, h4 {
	font-family: "Glacial Indifference Bold", sans-serif;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px) {
	body {
		font-size: 15px;
	}
}
h4, h5, h6 {
	margin-bottom: 10px;
}
h3.hero-sub {
	font-family: "PT Serif", serif;
}
.wp-block-image.img-br img {
	border-radius: 6px;
}
.align-c {
	text-align: center;
}
hr, hr.wp-block-separator {
	height: 3px; 
	max-width: 80px;
	margin: 10px auto 20px;
	background-color: #CFE2DC;
	border-top: none; border-bottom: none;
}

.hide {
	display: none;
}
/* buttons */
.buttons a {
	margin: 5px;
}
a.button {
	border-radius: 30px;
	padding: 15px 25px;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
	border-radius: 30px !important;
}
a.button.alt-btn, a.button.inv-btn {
	transition: all .2s;
}
a.button.alt-btn {
	background-color: #CFE2DC;
	color: #0f2f3e;
}
a.button.inv-btn {
	background-color: #0f2f3e;	
	color: #fff;
}
a.button.alt-btn:hover, a.button.inv-btn:hover {
	background-color: #d5af42;
	color: #08293d;
}
.btm-btn {
	position: fixed;
	z-index: 300;
	background-color: #0f2f3e;
	bottom: 2px;
	right: 2px;
	padding: 6px 18px;
	border-radius: 30px;
	border: 3px solid #CFE2DC;
}
.btm-btn a {
	color: #fff;
	font-weight: 600;
	font-size: 15px;
}
.btm-btn span {
	padding-left: 3px;
}
.btm-btn a:hover {
	color: #CFE2DC;
}

.emphasis {
	color: #CFE2DC;
}



/* header */
.site-header {
	z-index: 100;
}
.site-logo, .gb-container.menu-curve {
	position: absolute;
}
.menu-curve {
	width: 100%;
	z-index: 99;
}
.site-logo {
	top: 10px;
	z-index: 1000;
}

.hp-video video {
	border-radius: 6px;
}
.video-testimonial-block .wp-block-video {
	margin-bottom: 0;
}

@media (min-width: 1025px) {
	.pg-header {
		margin-top: -100px;
	}
}	
@media (min-width: 768px) and (max-width: 1024px) {
	.pg-header {
		margin-top: -80px;
	}
	.site-header .header-image {
		max-width: 80%;
	}
	
}
@media (max-width: 767px) {
	.site-logo {
		left: 20px;
	}		
	.pg-header {
		margin-top: -60px;
	}
	.site-header .header-image {
		max-width: 75%;
	}
}
/* nav */
body .navigation-branding img, .site-logo.mobile-header-logo img {
	padding: 5px 10px;
}
.main-navigation ul ul, .sticky-enabled .main-navigation.is_stuck {
	box-shadow: none;
}
#sticky-navigation .grid-container {
	max-width: none;
}
@media (max-width: 1024px) {
	.main-navigation.toggled .main-nav>ul, .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled, .main-navigation ul ul, .main-navigation .main-nav ul ul li a, .main-navigation .main-nav ul ul li a:hover {
		background-color: #fff;
		color: #515151;
	}
	button.menu-toggle {
		padding: 0;
		font-size: 22px;
	}
	.main-navigation .main-nav ul li a {
		text-align: center;
	}
	.main-navigation .main-nav ul li.menu-cta a {
		max-width: 240px;
		margin-left: auto; margin-right: auto;
	}
	.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
		float: none;
	}
	ul#menu-main-menu {
		padding-bottom: 10px;
	}
}
@media (max-width: 767px) {
	.hp-hero.gb-container {
		background-size: 70%;
	}
	.hp-hero ul, ul.narrow-list {
		text-align: left;
		max-width: 280px;
    	margin-left: auto;
    	margin-right: auto;
	}
	.reclaim-text p {
		max-width: 360px;
    	margin-left: auto;
    	margin-right: auto;
	}
}
.main-navigation .main-nav ul li.menu-cta a {
	background-color: #d5af42;
	line-height: 50px;
	border-radius: 30px;
	font-weight: 600;
	color: #08293d;
	transition: all .2s;
}
.main-navigation .main-nav ul li.menu-cta a:hover {
	background-color: #0F2F3E;	
	color: #fff;
}
@media (min-width: 1025px) {
	.main-navigation .main-nav ul li.menu-cta a {
		margin-left: 10px;
	}
}

@media (min-width: 1025px) and (max-width: 1180px) { 
	.main-navigation .main-nav ul li a {
		padding-left: 10px;
		padding-right: 10px;
	}
	
}

/* counters */
.counter-container {
	text-align: center;
}
.counter p {
	font-size: 40px;
	color: #CFE2DC;
	margin-bottom: 5px;
	line-height: 1;
	font-family: "Fjalla One", sans-serif;
}


/* reveiews swiper */
.slide-container {
	margin: 10px
}
.slide-container, .review-container {
	padding: 30px 30px 25px;
	border-radius: 5px;
}
.star-rating {
	margin-bottom: 10px;
}
.star-rating span {
	color: #d5af42;
	padding: 1px;
}
.review-container h3 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #fff
}
.review-container p {
	font-size: 15px;
	color: #CFE2DC;
}
.review-details p {
	margin-bottom: 0px;
}
.review-details p:last-child {
	font-size: 13px;
}
.shadow {
    box-shadow: 0px 3px 6px #00000029;
}
@media (max-width: 499px) {
	.slide-container, .testimonials-swiper .review-container {
		padding: 30px 0px;
	}
}
.review-container {
	text-align: center;
}
.testimonials-swiper .swiper-pagination-bullets {
	bottom: 0 !important;
}
.testimonials-swiper .swiper-pagination-bullet-active {
	background: #79C245;
}
.testimonials-swiper .swiper-slide {
	margin-bottom: 10px;
}
.testimonials-swiper .swiper-button-next, .testimonials-swiper  .swiper-button-prev {
	top: auto;
	bottom: 10px;
}
.testimonials-swiper .swiper-button-next::after, .testimonials-swiper .swiper-button-prev::after {
	font-family: 'icomoon';
	font-weight: bold;
	color: #eee;
	
}
.testimonials-swiper .swiper-button-next::after, .testimonials-swiper .swiper-button-next::after {
	content: '\f0da';
}
.testimonials-swiper .swiper-button-prev::after, .testimonials-swiper .swiper-button-prev::after {
	content: '\f0d9';
}
.testimonial-snippets {
	background-color: #0f2f3e;
	padding: 10px;
	position: fixed;
	width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
	height: 40px;
}
.ditty-item__content {
	color: #fff;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: 500;
}
.video-testimonial video {
	width: 100%;
}

/* services tabs */
.tab-container {
    margin: 0 auto;
}
.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}
.tabs .tab-link, .program-tabs .tab-link {
    background: none;
    display: inline-block;
    cursor: pointer;
}
.tabs .tab-link p {
	margin-bottom: 0px;
	font-weight: 700;
}
.tabs .tab-link img {
	filter: brightness(0.97);
	margin-bottom: 15px;
	border-radius: 50%;
	border: 4px solid #fff;
}
.tabs .tab-link.current img {
	filter: brightness(1);
	box-shadow: 0px 3px 6px #00000029;
}
.tab-content, .program-tab-content {
    display: none;
}
.tab-content.current {
	background-color: #fff;	
}
.tab-content.current, .program-tab-content.current {
    display: inherit;
}
.program-tabs .tab-link.current.gb-container {
	border: 2px solid #0f2f3e;
}

@media (max-width: 768px) {
	.tabs .tab-link {
		padding-top: 5px; 
		padding-bottom: 5px;
	}
}
@media (min-width: 570px) and (max-width: 768px) {
	body .tabs .gb-grid-column .gb-inside-container img {
		border-width: 4px;
	}
}
@media (min-width: 570px) {
	.tabs .tab-link.current:after {
		content:"\f0d7";
		font-family: icomoon;
		font-size: 80px;
		margin-bottom: -40px;
		margin-top: -20px;
		line-height: 1;
		color: #d5af42;
	}
}

@media (max-width: 569px) {
	.tabs .tab-link.current p:after {
		content:"";
		border-bottom: 2px solid #d5af42;
		display: block;
		width: 40%;
		margin-left: 30%;
		margin-top: 3px;
	}
	.tab-link p {
		line-height: 1.3;
	}
	body .tabs .gb-grid-column .gb-inside-container {
		padding-bottom: 5px;
	}
	body .tabs .gb-grid-column .gb-inside-container img {
		border-width: 2px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	body .tabs .gb-grid-column .gb-inside-container {
		margin-bottom: 0;
	}
	.tabs {
		margin-bottom: 15px;
	}
}
.service-intro p {
	margin-bottom: 0;
	font-weight: 600;
}

.page-id-21 .programme-btn, .page-id-19 .programme-btn {
	display: none;
}

/* program pg tweaks */
.page-id-6567 .service-header {
	background-position: 25% top;
}

/* accordion */
#accordion {
	text-align: center;
}
.accordion-toggle, .accordion-toggle2 {
	cursor: pointer;
	margin-bottom: 15px;
	position: relative;
	transition: all 300ms;
}
.accordion-toggle {
	padding: 20px;
	background-color: #CFE2DC;
}
.accordion-toggle2 {
	
}
.accordion-toggle:hover, .accordion-toggle.toggle-open {
	background-color: #B3D0C8;
}
.accordion-content, .accordion-content2 {
	display: none;
}
.accordion-content {
	padding: 0 10px;
}
.accordion-content.default {
	display: block;
}
.accordion-toggle.toggle-open:after, .accordion-toggle2.toggle-open:after {
	content: '-';
}
.accordion-toggle:after, .accordion-toggle2:after {
	content: '+';
}
.accordion-toggle.toggle-open:after, .accordion-toggle:after, .accordion-toggle2.toggle-open:after, .accordion-toggle2:after {
	margin-left: 10px;
}
@media (max-width: 449px) {
	.accordion-content {
		padding-left: 10px; padding-right: 10px;
	}	
}
#accordion ul li {
	margin-bottom: 5px;
}

/* pages */
.gb-container.service-pg img {
	border-radius: 6px;
	margin-bottom: 20px;
}
ul.qual-list li {
	margin-bottom: 10px;
}
ul.qual-list li::marker, .mar-list-grid li::marker {
	color: #CFE2DC;
}
@media (max-width: 767px) {
	body .ryl-programme {
		background: none;
	}
	.mar-list-grid li {
		margin-bottom: 10px;
	}
	.mar-list-grid ul {
		margin-left: 16px;
	}
}
@media (min-width: 768px) {
	.mar-list-grid li {
		margin-bottom: 20px;
	}
}

/* shop */
#exercise-videos span.woocommerce-Price-amount.amount:after, .single-product .product_cat-exercise span.woocommerce-Price-amount.amount:after {
    content: '(£10 for clients)';
    display: block;
}
.single-product .product_cat-exercise span.woocommerce-Price-amount.amount:after {
	font-size: 17px;
    color: #666;
}

/* pw protect */
form.post-password-form {
    margin: 10% auto;
    max-width: 600px;
}

/* blog */
.single-post .inside-article {
	max-width: 960px;
	margin-left: auto; margin-right: auto;
}
.blog .generate-columns .inside-article {
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 6px;
}
.single-post .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: rgba(209, 227, 221, 0.4);
}
.single-post .wp-block-table.is-style-stripes {
	border-bottom: 0;
}
.single-post .entry-meta {
	padding-left: 20px;
}
.single-post ul.wp-block-list li::marker {
	color: var(--accent);
}
@media (min-width: 1400px) {
	.single-post .pg-header .gb-inside-container {
		padding-top: 300px;
		padding-bottom: 350px;
	}	
}
@media (min-width: 981px) and (max-width: 1399px) {
	.single-post .pg-header .gb-inside-container {
		padding-top: 250px;
		padding-bottom: 300px;
	}
}
@media (max-width: 980px) {
	.single-post .pg-header .gb-inside-container {
		padding-top: 130px;
		padding-bottom: 140px;
	}
}


/* online course page */
@media (max-width: 767px) {
	.module-contents, .module-contents p {
		text-align: center;
		justify-content: center;
	}
	.module-contents p {
		display: block;
	}
	.gb-container-8dcd67eb.online-modules:before {
		background-image: none;
	}
}

/* landing page */
@media (max-width: 699px) {
	.gb-container-0b1c4c54.landing-page-hero {
		background-position: 83% center;
	}
	.landing-page-hero.get-started-hero {
		background-position: 80% center;
	}
	#programs .dark-logo img {
		max-width: 70px;
		margin-left: auto; margin-right: auto;
	}
	.landing-pg-text h1 {
		font-size: 29px;
	}
	.landing-pg-text h3 {
		margin-bottom: 10px;
	}
}
@media (max-width: 399px) {
	.landing-pg-text h3 {
		font-size: 18px;
	}
	.landing-pg-text .star-rating-text code {
		display: none
	}
}
.real-results .testimonial-video video {
	border-radius: 30px;
	box-shadow: 12px -12px 0 1px var(--base-3);
}

.options-swiper .swiper-slide {
	height: auto;
}
.options-swiper .swiper-wrapper {
	padding-top: 20px;
	padding-bottom: 60px;
}
.options-swiper .wp-swiper__slide-content {
	height: 100%;
}
.options-swiper .swiper-button-next, .options-swiper .swiper-button-prev {
	top: 50px;
	color: var(--global-color-9);
}
.options-swiper .swiper-pagination-bullet-active {
	background: var(--global-color-9);
}
.options-swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
	left: 30%;
    width: 40%;
}
@media (max-width: 768px) {
    .options-swiper .swiper-button-next, .options-swiper .swiper-button-prev {
        display: block !important;
    }
}


/* explore page */
.stretch-link {
	position: relative;
}
.explore-form .nf-field-container {
	margin-bottom: 0px !important;
}
.explore-form .nf-field-container input::placeholder {
	font-size: 14px;
}
.explore-form input[type="email"]:focus {
	background: #fff;
}
.explore-form input[type="email"] {
    background: transparent;
}
.explore-form .nf-error .ninja-forms-field {
	border: none;
}
.explore-form input[type="submit"] {
	background-color: transparent;
	border-left: 2px solid;
}
.explore-form input[type="submit"]:hover {
	color: var(--global-color-9);
}
.explore-form .field-wrap input[type=submit] {
	width: 100%;
	border-radius: 0;
}
.stretch-link a::after{
	content: '';
	position: absolute;
	inset: 0;
}
.explore-form-container .nf-response-msg p {
	text-align: center;
	margin-bottom: 12px; 
	margin-top: 12px;
}
@media (max-width: 768px) {
	.explore-form .field-wrap input[type=submit] {
		font-size: 15px;
		padding-left: 10px; 
		padding-right: 10px;
	}
	.explore-form .nf-field-container input::placeholder {
		font-size: 13px;
	}
}

.stretch-link a:is(:focus-visible)::after{
	outline: 2px solid;
}
.stretch-link a:is(:hover, :focus){
	outline: none;
}

/* forms */
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="url"], #contact-form input[type="password"], #contact-form input[type="search"], #contact-form input[type="tel"], #contact-form input[type="number"], #contact-form textarea, #contact-form select {
	-webkit-appearance: none;
	font-size: 15px;
	border-radius: 6px;
}
#contact-form .nf-field-container, #resource-form .nf-field-container {
	margin-bottom: 15px;
}
#contact-form .list-checkbox-wrap .nf-field-element li label, p.consent-text {
	text-align: left;
	font-size: 14px;
}
#resource-form .nf-field-container p.consent-text, #resource-form #nf-field-63-container.nf-field-container {
	margin-bottom: 0;
}
#resource-form p, #contact-form.webinar-signup p {
	margin-bottom: 0px;
}
#contact-form .button, #resource-form .nf-field-container {
	border-radius: 30px;
}
.hide-form-field {
	display: none !important;
}



#map iframe {
	border-radius: 6px;
}
@media (max-width: 767px) {
	#map {
		display: none;
	}
}

/* tiktok */
#tiktok blockquote {
	border-left: none;
	padding: 0;
}
#tiktok iframe a {
	display: none !important;
}

/* footer */
.footer-social, .footer-logos {
	text-align: center;
	margin-bottom: 20px;
}
.footer-social a {
    display: inline-flex;
    font-size: 18px;
    padding: 5px;
    margin-right: 5px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
	background-color: #CFE2DC;
	color: #0F2F3E;
	justify-content: center;
    align-items: center;
}
.footer-social a:hover {
	color: #fff;
	background-color: #d5af42;
}

/* promo popup */
#pum-2784.pum-theme-2776 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
	height: 50px; 
	width: 50px; 
}
#pum-2784.pum-theme-2776 .pum-container, #pum-2784.pum-theme-lightbox .pum-container {
	border: #cfe2dc;
	background-color: #cfe2dc;
	border-radius: 20px;
	border-top-right-radius: 0;
}
.promo-popup h2, .promo-popup h3, .promo-popup p {
	text-align: center;
}
.promo-popup p {
	color: #0f2f3e;
	font-weight: 600;
	line-height: 1.4;
}
.promo-popup h3 {
	margin-bottom: 10px;
}
.promo-popup h3 span {
	color: #d5af42;
	display: block;
}
.promo-popup h2 span {
	color: #d5af42;	
}
.promo-popup input[type=text], .list-checkbox-wrap .nf-field-element li label {
	color: #0f2f3e;
}
.list-checkbox-wrap .nf-field-element li label {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}
.promo-popup .nf-field-container {
	margin-bottom: 10px;
}
.promo-popup input#nf-field-55, .promo-popup input[type="email"], .promo-popup input#nf-field-47 {
	-webkit-appearance: none;
	font-size: 15px;
	border-radius: 6px;
	background-color: #fff;
}
.promo-popup .button {
	border-radius: 30px;
}
.promo-popup .submit-wrap {
	text-align: center;
}
@media (max-width: 659px) {
	.pum-theme-2776 #popmake-2784 {
		left: 2% !important;
	}
}
@media (max-width: 449px) {
	#popmake-2784 .pum-container.pum-responsive img {
		max-width: 160px;
	}
}

.pum-overlay.pum-active,
	.pum-overlay.pum-active .popmake.active {
  		display: block !important;
}

/*
#promo-bar {
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 10000;
}

@media (min-width: 435px) {
	.site-header, #sticky-navigation {
		padding-top: 40px;
	}
	.page-id-2101 .testimonial-snippets {
		top: 34px;
	}
	.site-logo {
		top: 50px;
	}
}
@media (max-width: 434px) {
	.site-header, #sticky-navigation {
		padding-top: 55px;
	}
	.page-id-2101 .testimonial-snippets {
		top: 50px;
	}
	.site-logo {
		top: 60px;
	}
}
*/

/* icons */
@font-face {
  font-family: 'icomoon';
  src:  url('../font/icomoon.eot');
  src:  url('../font/icomoon.eot') format('embedded-opentype'),
    url('../font/icomoon.ttf') format('truetype'),
    url('../font/icomoon.woff') format('woff'),
    url('../font/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.icon-tiktok:before {
  content: "\e901";
}
.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-times:before {
  content: "\f00d";
}
.icon-home1:before {
  content: "\f015";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-check-square-o:before {
  content: "\f046";
}
.icon-play:before {
  content: "\f04b";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-phone:before {
  content: "\f095";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-building-o:before {
  content: "\f0f7";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-mobile:before {
  content: "\f10b";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-long-arrow-down:before {
  content: "\f175";
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-map-pin:before {
  content: "\f276";
}
.icon-home:before {
  content: "\e900";
}
.icon-coin-pound:before {
  content: "\e93d";
}
.icon-quotes-left:before {
  content: "\e977";
}
.icon-quotes-right:before {
  content: "\e978";
}

