/* Custom Colors
 * #3D94E4
 * #1e73be
 * Black - var(--contrast)  
 * */

/* Shrink RankMath Breadcrumbs */
.rank-math-breadcrumb{
   font-size: 0.85em;	
}

#toggle-btn-e29ddf4d-3ff0-48b0-8609-875b75673a37>div>img,
#toggle-btn-e29ddf4d-3ff0-48b0-8609-875b75673a37{
	border-radius:0% !important;
	width: 53px !important;
}

#toggle-btn-container-e29ddf4d-3ff0-48b0-8609-875b75673a37{
	width: 53px !important;
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
/* 	width: 100%; */
}

/* FIX NOTION */

.no-bullets {
	list-style: "";
}

.red-x,
.red-x>li
{
list-style: "❌\00A0";
}
	
/* === Notion embed fix (viewport-agnostic) === */
.notion-embedfix{position:relative;margin-top:-20px}

/* DESKTOP ≥1200px  (Notion pad ≈180px; your layout still clipped, so use 164px comp) */
.notion-embedfix > iframe[src*="notion.so"],
.notion-embedfix > iframe[src*="notion.site"]{
  display:block;border:0;max-width:none;
  width:calc(100% + 328px) !important;   /* 164*2 */
  margin-left:-91px !important;         /* shift left so first column is visible */
}

/* 992–1199px (use 104px comp) */
@media (max-width:1199px){
  .notion-embedfix > iframe[src*="notion.so"],
  .notion-embedfix > iframe[src*="notion.site"]{
    width:calc(100% + 208px) !important;
    margin-left:-95px !important;
  }
}

.single-outliyr-product>.grid-container{
	max-width:unset;
}

/* 768–991px (use 64px comp) */
@media (max-width:991px){
  .notion-embedfix > iframe[src*="notion.so"],
  .notion-embedfix > iframe[src*="notion.site"]{
    width:calc(100% + 128px) !important;
    margin-left:-95px !important;
  }
}

/* MOBILE ≤768px: force real table + minimal left shift so it aligns with body text */
@media (max-width:768px){
  .notion-embedfix{
    overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
  }
  .notion-embedfix > iframe[src*="notion.so"],
  .notion-embedfix > iframe[src*="notion.site"]{
    width:1280px !important;   /* keep Notion in table mode; swipe to scroll */
    margin-left:-95px !important;/* tiny nudge to kill Notion’s mobile left pad */
    height:70vh;
  }
}

/* Very small phones tweak */
@media (max-width:480px){
  .notion-embedfix > iframe[src*="notion.so"],
  .notion-embedfix > iframe[src*="notion.site"]{
    width:1150px !important;
  }
}




.pros-cons-container>.wp-block-list>li {
  margin-bottom: 10px;
	line-height: 24px;
}

.pros-cons-container>.wp-block-list {
	margin-bottom: 1em;
}

@media (max-width: 767px) {
	.pros-cons-container>.wp-block-list {
		margin-top: unset;
		font-size: 15.5px;
	}
}

/* Add some top margin between images and paragraph text if it's not a product image class */

@media (min-width: 1024px) {
  h3 + .gb-container:not(.product-img-container) + p:first-of-type {
    margin-top: 35px;
  }
}


/* ===============================
	PODCAST SHOW NOTE SECTION 
=============================== */

/* Make parent container full width on mobile */
@media (max-width: 767px) {
.podcast>.inside-article>div.alignfull {
	  padding-left: unset;
	  padding-right: unset;
  },
	.podcast-player-container{
		padding-left: 0px;
		padding-right: 0px
	},
	.youtube-player-container{
		margin-left: -3%;
    margin-right: -3%;
	},
	.podcast-player-html{
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* Makes the links in podcast show notes bolder */
.type-podcast a {
  font-weight: 600;
}

@media (min-width: 1024px) {
  #Guest-Bio, #Connect {
    width: max-content;
		margin: 0 0 0 0;
  }
}

img.scaled-image{
	margin: unset;
	border: unset;
}

/* Append ' mins' to podcast duration ACPT shortcodes */

.podcast-duration::after {
    content: "\00a0mins";
}

.podcast-sponsor{
	display:none !important;
	visibility:hidden;
}

@media (max-width: 767px) {
  #Guest-Bio,
  #Connect,
  #Lessons,
  #Resources,
  #Transcript,
  #Sponsors {
    padding: 20px 5px;
  }
}

/* Make guest pictures pop out */
.guest-img img {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
}

.guest-img:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

/* Make the bullets better spaced and cleaner */
#Lessons h2.podcast-learnings + p,
#Lessons h2.podcast-learnings ~ p {
  margin-bottom: revert;
}

#Lessons li > ul:first-of-type,
#Lessons li > ol:first-of-type {
  margin-top: 8px;
}


/* ===============================
	END PODCAST SHOW NOTE SECTION
=============================== */


.author-title-abbr {
  display: none;
}

@media (max-width: 480px) {
  .author-title-full {
    display: none;
  }
  .author-title-abbr {
    display: inline;
  }
}



/* Change Blue title text on pages and H1s */

.entry-header>h1.entry-title {
	color: var(--light-black);
}

/* Fix pingback spacings */
.pingback > .comment-body {
	padding-top: 5px;
	padding-bottom: 5px;
}

.comment-list > .comment{
	padding-top: 20px;
}

/* Make IG embeds iframes the same width as their parent container */
.embed-ig-container>.iframe-wrapper {
    width: inherit;
}

/* Make the coaching app highlighted and stand out in the nav bar */
.menu-item-53154>a{
/*     border: 3px solid #fcb900;
    padding: 2px 10px;
    border-radius: 3px;
    margin-left: 24px;
    transition: all .6s ease 0s; */
}

/*  Buttons styling */

button:not(.gb-accordion__toggle):not(.menu-toggle),
html input[type="button"], input[type="reset"], a.button, a.wp-block-button__link:not(.has-background){
/* 	padding: 12px 15px;
  border: 3px solid #3D94E4;
	border-radius: 3px;
	border-width: 2px;
	font-weight: 500;
	color: #000000; */
}

.btn-outline {
	color: var(--contrast);
	font-weight: 500;
}

/* Submit button styling, specifically for comments */

.form-submit>input[type="submit"] {
	padding: 15px 20px !important;
  border: 3px solid #3DA5FF !important;
	border-radius: 3px;
	border-width: 2px;
	font-weight: 500;
	color: #000000 !important;
}

input[type="submit"]:hover {
	border-color: #71b7f8 !important;
}

/*Buy product Button*/

.woocommerce div.product form.cart .button{
	  border: 3px #fcb900 solid;
    border-width: 3px;
    border-radius: 3px;
    padding: 20px 25px 20px 25px;
    font: bold 18px Arial, Helvetica Neue, Arial;
	  box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);
	
}

.woocommerce div.product form.cart .button:hover{
	border-color: #ffe011;
	box-shadow: unset;
}

/* Style ConvertKit forms and embeds */

.formkit-form {
	max-width: unset !important;
}

 /* Instagram Carousel */
.owl-item>.esf-insta-carousel-wrapper>.esf-insta-thumbnail-col{
/* 	padding-left:15px; */
/* 	margin-right:15px; */
	box-shadow: 0 0 10px 0 #bababa;
	border: 1px black solid;
}

/* Make the social icons on the links page smaller on mobile to fit everything */

@media (max-width: 768px) {
  .social-icons-links-page {
	  font-size: 32px !important;
		display: block !important;
		text-align: center;
  }
}

@media (max-width: 768px) {
#sitebehaviour-feedback-root>p {
	padding: 0px 6px !important;
	font-size: 12.5px !important;
	line-height: 18px;
}
	#sitebehaviour-feedback-root{
		bottom: 400px !important;
		right: -3px !important;
	}
}

#sitebehaviour-feedback-root>p {
	padding: 1px 8px !important;
}

/*box shadow main navigation -menu */
.main-navigation {
    position: relative;
}

/* Fix the blue hyperlink within buttons in landing page query loops */

.gb-container>.gbp-container-button>a.gbp-button--gradient {
    color: white;
}

/* Fix font weight issues */

p a:not(strong a):not(b a) {
	font-weight: 500;
}

.wp-heading + a:not(.gb-button), 
.gb-headline + a:not(.gb-button), 
.wp-heading a:not(.gb-button), 
.gb-headline a:not(.gb-button) {
   font-weight: unset;
}

.lwptoc_item>a {
	font-weight: unset;
}

/* Change the slideout MENU on mobile */
#generate-slideout-menu>.inside-navigation {
    padding-left: 3%;
    padding-right: 3%;
}

.slideout-menu>.menu-item-has-children>.sub-menu {
    padding-top: 4%;
 	 padding-bottom: 4%;
}

.slideout-menu>.menu-item-has-children>.sub-menu>.menu-item>a {
    padding-top: 2%;
    padding-bottom: 2%;
	  padding-left: 3%;
	  padding-right: 3%;
}


/* ===============================
	RANKMATH SECTION 
=============================== */


/* Hide RankMath Product Revie Schema Until Hover */
.rank-math-review-image, .rank-math-review-data, .rank-math-review-notes {
    display: none;
}

@media screen and (max-width: 480px) {
	#rank-math-rich-snippet-wrapper .rank-math-review-image>img{
		display: none;
	}

}

#rank-math-rich-snippet-wrapper:hover .rank-math-review-image,
#rank-math-rich-snippet-wrapper:hover .rank-math-review-data,
#rank-math-rich-snippet-wrapper:hover .rank-math-review-notes {
    display: block; /* Show when wrapper is hovered */
}

.rank-math-title::before {
	content:"\2795\00A0";
}

.rank-math-title::after {
	content:" Overview (Click to Expand)";
}

#rank-math-rich-snippet-wrapper:hover .rank-math-title::before {
    content: "\2796\00A0"; /* Change icon on hover */
}

#rank-math-rich-snippet-wrapper:hover .rank-math-title::after {
    content: "  Overview"; /* Change icon on hover */
}

/* Adding padding above each question */
h3.rank-math-question {
    margin-top: 5vh;
}


/* Truncate RankMath FAQs after item 5, add buttonto expand all FAQs */

/* Hide all FAQ items after the 5th */
.rank-math-list:not(.expanded) .rank-math-list-item:nth-child(n+6) {
  display: none;
}

/* FAQ toggle button styling */
.faq-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  margin-top: 20px;
	margin-bottom: 40px;
  border: 3px solid var(--light-blue);
  border-radius: 3px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  color: var(--contrast);
  background: white;
  text-decoration: none;
  font-size: 1rem;
  column-gap: 0.5em;
  cursor: pointer;
  position: relative;
  z-index: 3;
}




/* Style the share counts */

.shared-counts-wrap {
		overflow: visible;
	  text-align: center;
}

.shared-counts-button {
   margin-left: 5px !important;
	 margin-right: 5px !important;
	 margin-bottom: 8px;
	 box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
	 padding: 4px;
}	

.shared-counts-label {
	font-size: 14px !important;
}
	
	.print {
		visibility: hidden;
		display: none !important;
	}

.included_total {
  box-shadow: 0 0 12px 0 #999999;
}

.facebook,
.facebook_likes,
.facebook_shares {
	box-shadow: 0 0 9px 0 #3B5998;
}

.reddit {
	background-color: #FF4500;
	box-shadow: 0 0 9px 0 #FF4500;
}

.twitter {
	box-shadow: 0 0 9px 0 #55acee;
}

.pinterest {
	box-shadow: 0 0 9px 0 #CB2027;
}

.linkedin {
	box-shadow: 0 0 9px 0 #007BB6;
}

.email {
	box-shadow: 0 0 9px 0 #424345;
}

.print {
	box-shadow: 0 0 9px 0 #4D4D4D;
}

/* Hide share count text on mobile */
@media only screen and (max-width: 480px) {
	.shared-counts-label {
    display: none !important;
  }
	.shared-counts-icon>svg{
		width: 18px !important;
		height: 18px !important;
	}
	.shared-counts-wrap {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 25px;
	}
	.shared-counts-button {
		padding: 0px 2px;
		margin-top: 1px;
		margin-bottom: 1px;
		margin-left: 3.5px;
		margin-right: 5.5px !important;
  }
}

/* Reduces the padding for lists UL and OL on mobile only */
@media (max-width: 480px) {
  ul, ol {
	  margin: 0 0 1.5em 1.1em; 
  }
	
	li {
		margin-bottom: 5px;
	}
	
	p + ul, p + ol {
    margin-top: -1em;
  }
}

.gb-container > ul:first-child, .gb-container > ol:first-child {
    margin: revert;
 }

.gb-container > ul > li {
	margin-bottom: 15px;
}

.gb-container > ul > li:last-child {
  margin-bottom: initial;
}

/* Add some space between OL and UL list items. Ignore menu bar items */
li:not(.menu-item) {
    margin-bottom: 10px;
}

.wp-block-list > li{
	margin-bottom: 10px;
}

li>.wp-block-list{
	margin-top: 10px;
}

#site-navigation li ul {
    box-shadow: 0 -5px 40px rgba(50,50,50, 0.25);
    border-radius: 5px;
    border-top: none;
    background: #fff!important;
}

/* Pad the bottom of images unless thay have the special class below */
/* p+figure>img,
.wp-block-heading+figure>img,
.gb-headline+figure>img
{
	margin-bottom: 25px;
} */

/* Fix the padding between images/Instagram Embeds and text */

p+figure:not(:has(> img.accordion-company-logo-img)),
.wp-block-heading+figure:not(:has(> img.accordion-company-logo-img)),
.gb-headline+figure:not(:has(> img.accordion-company-logo-img)),
div>.responsive-embed,
.wp-block-heading+img+noscript {
  margin-bottom: 25px;
}

.key-takeaways-item:last-of-type:has(+ figure) {
  margin-bottom: 6px !important;
}

.key-takeaways-item>.gb-headline-text::before {
    content: "  ";
    white-space: pre;
}


.wp-block-heading+img+noscript+p{
	margin-top: 25px;
}

/* Hide image block spacing if img is not set */

img:not([src]), img[src=""] {
  display: none !important;
}

.wp-text+img+noscript+p,
.wp-text+img+p{
	margin-top: 25px;
}

.wp-element-caption,
.wp-block-image figcaption {
	font-size: 0.8em;
	margin-top: 0.3em;
	margin-bottom: 1.9em;
	line-height: 1.35em;
	color: #4d545a;
}

/* Unpad the bottom of images */
.undo-bottom-margin {
	margin-bottom: unset !important;
}

/* Trust Outliyr EEAT Container Styling */

.eat-widget-container {
	  border: 1px solid #ededed;
    border-radius: 6px;
    box-shadow: 0 6px 9px rgba(0,0,0,.06);
/*     margin: 20px 0; */
    padding: 10px;
}

.eat-widget-container>.gb-accordion__toggle {
	border: unset;
	padding: 5px;
}

/* Fix accordian styling */
.gb-accordion__item-open>.gb-accordion__toggle {
	border-bottom: 0px;
}

/* .menu-item-has-children.dropdown-menu-toggle{
} */

/* Hide Gravitar bell when printing */
@media print {
   .generate-back-to-top,
	 .generate-back-to-top__show,
	 .grv-bell,
   .grv-bell-host,
   .grv-helper-bell-host {
		 opacity: 0;
     display: none !important;
   }
}

/* Doesn't work! */

.grv-bell-wrap.left {
	margin-left: 75px !important;
}

/*** Progress bar **/
.progress-container {
  width: 100%;
  height: 8px;
  background: #3DA5FF;  /** Change Progress Bar background color **/
  margin-top: 0px;
  top: 0;
  position: fixed;
  z-index: 99;
}

.progress-bar {
  height: 8px;
  background: #fcb900; /** Change Progress Bar color **/
  width: 0%;
  position:fixed;
  z-index:999;
}

/* Make Tags and Categories pages full-width like /Blog page */
.tag>.container.grid-container,
.category>.container.grid-container{
	max-width:100%;
	background-color:#F6F7F8;
}

/* Increase the max width of WooCommerce Shop */

.woocommerce > .grid-container {
  max-width: 2400px;
}

/* Hide the accordian icon on mobile for Shop */
@media (max-width: 421px){
  .shop-accordion>.gb-accordion__toggle>.gb-icon,
  .shop-accordion>.gb-icon{
	  display: none;
  }
  .type-product {
     padding: 8px;
  }
}

/* Style the On Sale banner */
span.onsale {
    background-color: #fcb900 !important;
    color: black !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Your CSS styles for tablet screen size */
  .single-post > .grid-container > .site-content > .content-area,
.page > .grid-container > .site-content > .content-area {
/*     width: unset !important; */
	width: auto;
		max-width: -webkit-fill-available;
  }
}

/* Fix home page width on iPad screen widths */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .home>#page {
	  width: max-content;
  }
}

@media (min-width: 767px){
  .woocommerce-shop.no-sidebar > .grid-container > .site-content > .content-area {
  width: 100%;
  }
}

@media (min-width: 767px){
  .woocommerce > .grid-container > .site-content > .content-area {
  width: 82%;
  }
}

.archive > .grid-container,
.search > .grid-container {
	max-width: 1600px;
}

/* Add box shadow to ChatNode.AI Bot */

#chatbot-5501e32b07351f2e-chat{
	box-shadow:0px 0px 15px 5px rgba(0,0,0,0.2) !important;
}

/* Make ChatNode Bot smaller on mobile SEEMS BROKEN now */

/* Commented all this out July 16th, 2024 because their UI now allows customization */

/* @media (max-width: 420px) {
	#chat-popup-tooltip{
		padding: 4px 6px !important;
		inset: 2px -8px auto auto !important;
		font-size: 14px !important;
	}
  #toggle-btn-5501e32b07351f2e {
	  bottom: 0px !important;
		right: 0px !important;
  }
}
*/

.cnx-glow-box {
	border: 2px solid #fcb900;
	padding: 0.65rem !important;
	font-size: 1rem;
}

.cnx-glow-container {
	font-size: unset;
	right: 85px;
	bottom: 22px;
} */

/* Make Formaloo input boxes (textareas) much larger (doesn't work with iFrames though) */
.formaloo__field-container>div>label>textarea{
	height: 15em;
}

/* Move the 'Scroll to Top' button to the left side */
.generate-back-to-top,
.generate-back-to-top:visited {
    bottom: 30px; 
    left: 30px;
}

@media (min-width: 769px) {
	.entry-title {
	  margin-top: 40px;
		margin-bottom: 30px;
  }
}

@media (max-width: 768px) { 
	.entry-title {
	  margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 10px;
  }
}

/* Make YouTube video embeds fill screen */
.wp-block-embed-youtube>.lyte-wrapper{
	width: unset !important;
}

	
	
/* Make sidebars looks better on large devices */

@media screen and (min-width: 1000px) {
.is-right-sidebar {
    width: 20.5%;
    position: absolute;
    right: 0;
	  background-color: var(--base-3);
    padding-right: 1%;
    max-width: 400px;
	}
}

.rg-Pricex {
  text-decoration: line-through;
}

/*  Click to Tweet Config */
.bctt-click-to-tweet{
	margin-top: 2em;
	margin-bottom: 2em;
}

.bctt-ctt-btn {
	font-size: 0.55em !important;
}

.bctt-ctt-text a {
	font-weight: 400 !important;
	font-size: 1em !important;
}

@media only screen and (max-width: 768px) {
  .bctt-click-to-tweet {
    padding:12px 12px 12px 14px;
		margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}

.lwptoc_header{
	margin-bottom: unset !important;
}

.lwptoc_i {
	padding: 12px 20px 12px 20px !important;
}
	

.lwptoc_header{
	text-align: inherit !important;
  font-size: 1.05em;
}

@media (max-width: 480px) {
  .lwptoc {
     margin-top: 14px;
		 margin-bottom: 20px !important;
		 width: 95vw;
     margin-left: -10px!important;
  }
	.lwptoc_header {
		font-size: 1em;
	}
	.lwptoc_i {
	    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 1em;
    border-radius: 3px;
	}
	.lwptoc_toggle {
		margin-left: 10px;
	}
}


.products.columns-3{
	display:none;
}

/* Style the Product Tags list */
.product-tag-list,
.post-tag-list {
	  list-style: none;
    text-align: left;
    margin: auto;
/*     padding: inherit; */
}

.product-tag-list>li,
.post-tag-list>li {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #d0d0d0;
}
.product-tag-list>li>a,
.post-tag-list>li>a {
  color: #222222;
	font-weight: 600;
	font-size: 16px;
}

.product-tag-list>li>a:hover,
.post-tag-list>li>a:hover {
	color: #112e9c;
}

/*  Click to Tweet Config */

/* Remove YouTube Channel Description from /links */
p.sby_bio {
	display: none;
}

.wc-block-product-categories select {
    margin-right: -1.5em;
}

/* Customize Comments box */
p.comment-form-comment:after{
	content: "All comments are manually approved to prevent spam. Only your name, comment, and/or website are visible :)";
	font-size: 0.8em;
  font-weight: 500;
}

.one-container .comments-area {
	margin-bottom: 3em !important;
}

.entry-content>div.product{
	margin-top: 20px;
}

.related.products>ul{
/* 	width: 40% !important; */
	grid-gap: 10px !important;
}

h2.woocommerce-loop-product__title {
	line-height: 25px;
}

h3.wp-block-heading {
	margin-top: 60px;
}

h4.wp-block-heading {
	margin-top: 45px;
}

@media screen and (max-width: 420px) {
  h3.wp-block-heading {
	  margin-top: 40px;
  },
	h4.wp-block-heading {
	  margin-top: 30px;
  }
}

h2.wp-block-heading{
	margin-top: 35px;
}

/*Search button Button*/

.wp-block-search__button{
	border: unset;
}

.wp-block-search__button.has-text-color.has-base-3-color.has-background.wp-element-button{
	background-image: linear-gradient(#112e9c, black);
}

.wp-block-search__button.has-text-color.has-base-3-color.has-background.wp-element-button:hover{
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.24),0 2px 10px 0 rgba(0,0,0,0.19);
}

.wp-block-search__button.wp-element-button{
background-image: linear-gradient(#112e9c, black);
    color: white;
}

.wp-block-search__button.wp-element-button:hover{
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.24),0 2px 10px 0 rgba(0,0,0,0.19);
}

/* Magnify images with mag-img class or wp-show-posts-single on hover */
.mag-img:hover img,
.gb-query-loop-wrapper>.gb-grid-column>.gb-container:hover,
.product-magnify:hover,
.wp-show-posts-single:hover {
	transform: scale(1.02, 1.02);
	-webkit-transform: scale(1.02, 1.02);
}

.wp-block-quote{
	font-size: 1.03em;
	border-left-color: #112e9cb8;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 1.5em;
	margin-bottom: 1.5em !important;
}

/* When there's a quote source, treat the citation differently than normal P and remove margin. */
.wp-block-quote>p{
	margin-bottom: 0em !important;
}

/*  Caption and Citations Prettifying */
figcaption,
cite {
	font-size: 0.75em;
	text-align: inherit !important;
	color: inherit;
}

figcaption {
  line-height: 1.8;
}

.wp-block-embed :where(figcaption){
	
}

cite {
	 line-height: normal;
   padding-top: 10px;
}

.caption {
	text-align: inherit !important;
	font-size: 0.75em;
	margin-top: 1em;
}

table{
	margin-bottom: 3px;
/*   border-collapse: collapse; */
	width: 100%;
	border-radius: 6px;	
}

table th:first-child,
table td:first-child {
	position: sticky;
	border-collapse: separate;
	left: 0;
	background: #fff;
	z-index: 2;
}

@media screen and (max-width: 420px) 	 {
  table th:first-child,
  table td:first-child {
    position: unset;
		background: #fff;
  }
}

.table-special,
.special-table {

	width: 60vw;
	display: block; 
	white-space: nowrap;
	border-collapse: separate; /* Required for sticky to work properly */
  border-spacing: 0;
	max-width: 1500px;
}

.special-table th:first-child,
.special-table td:first-child,
.table-no-borders th:first-child,
.table-no-borders td:first-child
{
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 2;
  box-shadow: 2px 0 5px -1px rgba(0,0,0,0.1);
}

@media only screen and (max-width: 767px) {
  .wp-block-table {
    display: block; /* Enable overflow */
		font-size: 0.8em;
    width: 100vw;   /* Full viewport width */
    max-width: 100vw; /* Prevent container max-width limit */
    overflow-x: auto; /* Enable horizontal scroll */
    margin-left: calc(-48vw + 50%); /* Center the table in viewport */
/*     white-space: nowrap;          /* Prevent cell wrapping */ */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS (optional) */
  }
}


.wp-block-table {
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.wp-block-table thead {
  border-bottom: inherit;
}

.wp-block-table.is-style-stripes th {
    border-color: transparent;
}

/* Remove left and right border from all column headers */
table.has-fixed-layout thead th {
  border-left: none;
  border-right: none;
}

/* Maintain left border on the first column header */
table.has-fixed-layout thead th:first-child {
  border-left: 1px solid black;
}

/* Maintain right border on the last column header */
table.has-fixed-layout thead th:last-child {
  border-right: 1px solid black;
}

.sp-table{
	font-size:14px
}

.wp-block-table,
.wp-block-embed{
	margin-bottom: 25px !important;
	border-bottom: 1px solid #f0f0f0;
}

/* Highlight table rows on hover */
tr:hover {
  background: #fdfdfd !important;
}

/* Fix table formatting */
.wp-block-table td, .wp-block-table th {
    border: 1px solid rgba(0, 0, 0, .15);
    padding: 0.4em;
    font-size: 0.9em;
    line-height: 25px;
}

.table-no-borders {
	width: 60vw;
	min-width: 100%;
  border-collapse: collapse; /* ensures internal borders collapse so removing cell borders removes lines between cells */
  border-spacing: 0;         /* remove any spacing that can show gaps */
}

/* remove borders on all cells (td and th) inside the table */
.table-no-borders td,
.table-no-borders th {
  border: none;
  box-shadow: none; /* in case borders are simulated with shadows */
}

@media (min-width: 768px) {
.table-no-borders thead th {
  font-size: 1.05rem;      /* slightly larger; adjust (e.g. 1.1rem or 110%) */
  font-weight: 600;        /* semi-bold; optional */
  line-height: 1.25;       /* improves readability */
  padding: 0.6rem 0.75rem; /* increase vertical space if desired */
	}
}

@media (max-width: 768px) {
.table-no-borders thead th {
    font-size: 0.9rem;
	}
}

/* Hide elements from user */

.hide {
	display: none !important;
}

@media screen and (max-width: 420px) 	 {
.hide-mobile {
		display: none !important;
  }
}

/* This hiding code does nothing, must be manually included in HTML code */

.formz-container {
    margin-top: -5em;	  
}

.wp-block-image:not(.is-style-rounded)>img,
.gb-block-image>.product-image,
.gb-block-image>a>.product-image,
[class^="gb-media-"]{
	box-shadow:0px 0px 40px rgb(0 0 0 / 20%);
	border-radius: 5px;
}

[class^="gb-media-"] {
	padding-bottom: unset;
}

.no-shadow>img, .no-shadow{
	box-shadow: none !important;
}

/* Do not round upper corner and shift shadow for images with certain class (makes connected headlines look better) */
.no-shadow-top-left>img{
    border-radius:0px 5px 5px 5px !important;
    box-shadow:0px 20px 40px rgb(0 0 0 / 20%) !important;
}

/* Do not round upper left corner if the accolade directly precedes the image */

.rating-category+.gb-block-image>a>img {
    border-top-left-radius: 0px !important;
}

/* Give images a rounder look */

#rank-math-rich-snippet-wrapper{
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	box-shadow: rgb(0 0 0 / 19%) 0px 0px 7px 0px;
	color: rgb(88, 88, 88);
	background-color: rgb(255, 255, 255);
}

/* Replace the default RankMath Blog Post title with 'Product Overview */
/* #rank-math-rich-snippet-wrapper>.rank-math-title{
	visibility: hidden;
}

#rank-math-rich-snippet-wrapper>.rank-math-title:before{
	content: "Overview ";
	visibility: visible;
} */

/* Make the product image go to right edge of box */
#rank-math-rich-snippet-wrapper>.rank-math-review-image{
/* 	margin-right: -20px; */
}

#rank-math-rich-snippet-wrapper>.rank-math-total-wrapper{
	margin-top: -2.5%;
}

#rank-math-rich-snippet-wrapper>.rank-math-review-data>p{
	font-size: 0.9em;
}

/* Hide RankMath Stock Status */
#rank-math-rich-snippet-wrapper > div.rank-math-review-data > p:nth-child(3) {
/* 	display:none; */
}

div.rank-math-review-data>p:nth-child(n+2):nth-child(-n+3){
	display: none;
}

.rank-math-review-notes{
	margin-bottom: 0px;
}

.rank-math-review-notes>h4{
	font-size: 1.1em;
}

.rank-math-review-notes.rank-math-review-cons{
	margin-top: 0px;
}

/* DISCLAIMER INFO */

.disclaimer-multi {
	display: flex;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 30px;
}

@media screen and (max-width: 420px) 	 {
.disclaimer-title {
/* 	margin-left: 5em !important;
	margin-right: 5em !important; */
	margin-bottom: -10px !important;
	}
}

.disclaimer{
	font-size: 0.8em;
	padding: 7px;
/* 	border:1px solid darkgrey; */
	width: fit-content;
	line-height: initial;
  margin-top: -10px;
  margin-bottom: 2em;
  border-radius: 2px;
}

@media screen and (max-width: 420px) {
.disclaimer{
	font-size: 0.75em;
	}
}
	
.disclaimer>p{
	margin-bottom: 0.1em;
}

iframe {
	margin-bottom: 1em;
}

.outliyr-difference-container{
	box-shadow: 0px 0px 10px rgb(0 0 0 / 7%);
	margin-top: -70px;
	margin-bottom: 70px;
	border: 1px solid #ECECEC;
  width:120%;
	margin-left:-10%;
	margin-right:auto;
}

/* ===============================
	ELEMENT STYLING 
=============================== */
.rating-category {
	display:inline-block !important;
}

/* Fix WooCommerce products default 0 opacity */

.woocommerce-product-gallery,
.images {
	opacity: inherit !important;
}

/* Fix additional images since lightbox is gone */

.woocommerce-product-gallery__image:nth-child(n+2){
	 width: 50%;
   padding-top: 10px;
   padding-right: 10px;
}

/* Remove the border radius gap between best rating reason headline and product image */

.rating-category + figure>img{
	border-top-left-radius: unset !important
}

/* Make links within figures highlighted */

figure>a:hover{
	color:rgba(0,0,0,1);
	opacity:0.6;
}

.inside-wc-product-image>img:hover{
	color:rgba(0,0,0,1);
	opacity:0.6;
}

/* Make WooCommerce Shop products highlighted on hover */
.wc-block-grid__product-image>img:hover{
	opacity:0.6;
}

.main-navigation.is_stuck .inside-navigation {
    position: relative !important;
}

.navigation-search {
    display: flex;
    align-items: center;
    padding-right: 70px;
    background: #fff;
}
/*Search button styling */
.main-navigation input[type="submit"].search-submit {
    background-image: linear-gradient(#112e9c, black);
    color: white;
    
    height: auto !important;
    padding: 8px 24px;
}
.main-navigation input[type="submit"].search-submit:hover{
		box-shadow: 0 2px 10px 0 rgba(0,0,0,0.24),0 2px 10px 0 rgba(0,0,0,0.19);
}

@media screen and (max-width: 600px) {
  .main-navigation input[type="submit"].search-submit {
    padding:4px 8px;
  }
}

@media screen and (max-width: 600px) {
	.navigation-search{
		padding-right:20px;
	}
}

#-speakpipe-widget-side-button{
	background-color: #112e9c !important;
}

/* === Contrast Fix: GenerateBlocks pagination & button link colors === */
/* Fixes var() unicode encoding bug where --dashes render as u002d */
.gb-query-loop-pagination a.gb-button,
.gb-query-loop-pagination span.gb-button {
    color: #ffffff !important;
}
.gb-query-loop-pagination a.gb-button:hover,
.gb-query-loop-pagination a.gb-button:focus {
    color: #ffffff !important;
}
.gb-query-loop-pagination .gb-block-is-current {
    background-color: var(--contrast-2) !important;
    color: #ffffff !important;
}

/* === Podcast Transcript Scrollbox === */
.transcript-scrollbox {
    max-height: 600px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 0 0 8px 8px;
    background: #f8f9fa;
}
.transcript-scrollbox-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: #1a1a2e;
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}
.transcript-scrollbox-header svg {
    flex-shrink: 0;
}

/* Hide back-to-top button — redundant with sticky TOC */
.generate-back-to-top { display: none !important; }

/* Fix duplicate Pro Tip icon: GenerateBlocks gb-icon-css adds a ::before mask icon
   that duplicates the inline SVG lightbulb. Hide the ::before. */
.pro-tip-text .gb-icon::before { display: none !important; }

/* Fix Pro Tip inner container overflow (min-width causes horizontal scrollbar) */
.pro-tip-container-inner { min-width: 0 !important; }

/* Auto-fade ChatNode "Ask Anything" tooltip text after 15s */
@keyframes chatnode-tooltip-fade {
  0%, 90% { opacity: 1; }
  100% { opacity: 0; pointer-events: none; }
}
#toggle-btn-container-e29ddf4d-3ff0-48b0-8609-875b75673a37 {
  animation: chatnode-tooltip-fade 15s forwards;
}