/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* Breakwater Collective Colors */
/* 

Primary Dark Green
#024f56

Light Green
#5a928e

Light Light Green
#8bd9c7

*/
/* Light Grey, Light Light Gray */
/* 	#C2C5C8
	#C2C5C8
*/

/* Last Menu of Main Menu - Right padding fix */
/* #menu-item-69 a {
	padding-right:0px !important;
}
*/

h1 {
	background: -webkit-linear-gradient(#024f56, #8bd9c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h2 {
	background: -webkit-linear-gradient(#024f56, #8bd9c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h3 {
	background: -webkit-linear-gradient(#024f56, #8bd9c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h4 {
	background: -webkit-linear-gradient(#024f56, #8bd9c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h5 {
	background: -webkit-linear-gradient(#024f56, #8bd9c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.widget-area .widget-title {
	font-style: normal !important;
    font-weight: 300 !important;
    font-size: 24px !important;
    line-height: 1.5 !important;
   background: -webkit-linear-gradient(#024f56, #8bd9c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* h2 Override for Unsupported Gradient Text Color on Image Overlays */
.image-overlay-title {
  background: none !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.40);
}
.image-overlay-subtitle {
  background: none !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.40);
}



.gslide-video {
	max-width: 99% !important;
}

.header-navigation .header-menu-container ul ul li.menu-item > a {
    width: 250px !important;
}

.kt-adv-heading19_9da856-ef {
	background: none !important;
	 -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0.4) !important;
	color: rgba(255,255,255,0.4) !important;
}

/* Zoom Hover */
.zoom-hover {
    transition: transform .4s; /* Animation */
	transition-timing-function: ease-in-out;
}

.zoom-hover:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.zoom-hover-event {
    transition: transform .3s; /* Animation */
	transition-timing-function: linear;
}

.zoom-hover-event:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.sponsor-hover > ul > li > div > figure > a > div > div > img {
    transition: transform .3s; /* Animation */
    transition-timing-function: ease-out;
}

.sponsor-hover > ul > li > div > figure > a > div > div > img:hover {
  transform: scale(1.08); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


/* Gear Tests Hover */
.gear-tests-hover > ul > li > div > figure > a > div > div > img {
    transition: transform .3s; /* Animation */
    transition-timing-function: ease-in-out;
}

.gear-tests-hover > ul > li > div > figure > a > div > div > img:hover {
  transform: scale(1.07); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.gear-tests-hover > ul > li > div > figure > a > div > .kadence-blocks-gallery-item__caption {
    background: none !important;
}


/* Fix for Gallery Overflow */
.kb-gallery-ul * {
   /* deprecated */
	/* Specifying overflow: visible on img, video and canvas tags may cause them to produce visual content outside of the element bounds.  */
	/* This affects Google Page Score */
	overflow: visible !important;
}

/* Specifying overflow: visible on img, video and canvas tags may cause them to produce visual content outside of the element bounds.  */
	/* This affects Google Page Score - but looks broken without it  */
.wp-block-kadence-advancedgallery .kt-blocks-carousel {
	overflow: hidden !important;
}
	

/* Previous Event Hover */
.previous-event-hover > ul > li > div > figure > a > div > div > img {
    transition: transform .3s; /* Animation */
    transition-timing-function: ease-in-out;
}

.previous-event-hover > ul > li > div > figure > a > div > div > img:hover {
  transform: scale(1.07); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.event-coverage-spacing {
	padding-bottom:100px !important;
}


.show-mobile {
	display: none !important;
}
.hide-mobile {
	display: block !important;
}


/* Desktop Only */
@media all and (min-width:1025px) and (max-width:8000px) {
	.show-mobile {
		display: none !important;
	}
	.hide-mobile {
		display: block !important;
	}
	.menu-item-69 a {
		color:#ffffff !important;
	}

	.menu-item-69 {
		background-color:#024f56; 
		background-image: linear-gradient(to right, #5a928e 0%, #024f56  51%, #5a928e  100%);
		/*margin: 10px;
		padding: 15px 45px;*/
		text-align: center;
		text-transform: uppercase;
		transition: 0.5s;
		background-size: 200% auto;        
		display: block;
		border-radius: 5px 5px 5px 5px;
	}
	.menu-item-69:hover {
		background-color:#73C1DD; 
		background-image: linear-gradient(to bottom, #024f56 0%, #5a928e  100%);
		border-radius: 5px 5px 5px 5px;
	}
}

@media all and (min-width:801px) and (max-width: 1024px) {
	.show-mobile {
		display: none !important;
	}
	.hide-mobile {
		display: block !important;
	}
	
	.popup-drawer .drawer-content {
		background-color: #ffffff !important;
	}
	.popup-drawer .drawer-header {
		background-color: #ffffff !important;
	}
	.mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer {
		background-color: #ffffff !important;
	}
	#mobile-drawer .drawer-header .drawer-toggle {
		color: #000000 !important;
	}
	.menu-item-69 {
		background-color:#024f56; 

				background-image: linear-gradient(to right, #5a928e 0%, #024f56  51%, #5a928e  100%);
				/*margin: 10px;
				padding: 15px 45px;*/
				text-transform: uppercase;
				transition: 0.5s;
				background-size: 200% auto;        
				display: block;
				border-radius: 5px 5px 5px 5px;
	}
	.menu-item-69:hover {
		background-color:#73C1DD; 
		background-image: linear-gradient(to bottom, #024f56 0%, #5a928e  100%);
		border-radius: 5px 5px 5px 5px;
	}
	.popup-drawer .drawer-inner {
		background-color: rgba(0, 0, 0, 0.5) !important;
	}
}

@media all and (min-width:769px) and (max-width: 800px) {
	.show-mobile {
		display: none !important;
	}
	.hide-mobile {
		display: block !important;
	}
	.popup-drawer .drawer-content {
		background-color: #ffffff !important;
	}
	.popup-drawer .drawer-header {
		background-color: #ffffff !important;
	}
	.mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer {
		background-color: #ffffff !important;
	}
	#mobile-drawer .drawer-header .drawer-toggle {
		color: #000000 !important;
	}
	.menu-item-69 {
		background-color:#024f56; 

				background-image: linear-gradient(to right, #5a928e 0%, #024f56  51%, #5a928e  100%);
				/*margin: 10px;
				padding: 15px 45px;*/
				text-transform: uppercase;
				transition: 0.5s;
				background-size: 200% auto;        
				display: block;
				border-radius: 5px 5px 5px 5px;
	}
	.menu-item-69:hover {
		background-color:#73C1DD; 
		background-image: linear-gradient(to bottom, #024f56 0%, #5a928e  100%);
		border-radius: 5px 5px 5px 5px;
	}
	.popup-drawer .drawer-inner {
		background-color: rgba(0, 0, 0, 0.5) !important;
	}
}

@media all and (min-width:569px) and (max-width: 768px) {
  	.show-mobile {
		display: none !important;
	}
	.hide-mobile {
		display: block !important;
	}
	.popup-drawer .drawer-content {
		background-color: #ffffff !important;
	}
	.popup-drawer .drawer-header {
		background-color: #ffffff !important;
	}
	.mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer {
		background-color: #ffffff !important;
	}
	#mobile-drawer .drawer-header .drawer-toggle {
		color: #000000 !important;
	}
	.menu-item-69 {
		background-color:#024f56; 

				background-image: linear-gradient(to right, #5a928e 0%, #024f56  51%, #5a928e  100%);
				/*margin: 10px;
				padding: 15px 45px;*/
				text-transform: uppercase;
				transition: 0.5s;
				background-size: 200% auto;        
				display: block;
				border-radius: 5px 5px 5px 5px;
	}
	.menu-item-69:hover {
		background-color:#73C1DD; 
		background-image: linear-gradient(to bottom, #024f56 0%, #5a928e  100%);
		border-radius: 5px 5px 5px 5px;
	}
	.popup-drawer .drawer-inner {
		background-color: rgba(0, 0, 0, 0.5) !important;
	}
}

@media all and (min-width:481px) and (max-width: 568px) {
  	.show-mobile {
		display: none !important;
	}
	.hide-mobile {
		display: block !important;
	}
	
	.popup-drawer .drawer-content {
		background-color: #ffffff !important;
	}
	.popup-drawer .drawer-header {
		background-color: #ffffff !important;
	}
	.mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer {
		background-color: #ffffff !important;
	}
	#mobile-drawer .drawer-header .drawer-toggle {
		color: #000000 !important;
	}
	.menu-item-69 {
		background-color:#024f56; 

				background-image: linear-gradient(to right, #5a928e 0%, #024f56  51%, #5a928e  100%);
				/*margin: 10px;
				padding: 15px 45px;*/
				text-transform: uppercase;
				transition: 0.5s;
				background-size: 200% auto;        
				display: block;
				border-radius: 5px 5px 5px 5px;
	}
	.menu-item-69:hover {
		background-color:#73C1DD; 
		background-image: linear-gradient(to bottom, #024f56 0%, #5a928e  100%);
		border-radius: 5px 5px 5px 5px;
	}
	.popup-drawer .drawer-inner {
		background-color: rgba(0, 0, 0, 0.5) !important;
	}
}

/* Mobile only */
@media all and (min-width:0px) and (max-width: 480px) {
  	.show-mobile {
		display: block !important;
	}
	.hide-mobile {
		display: none !important;
	}
	
	h6 a {
		font-size: 18px !important;
		letter-spacing: -.5px !important;
	}
	
	
	h4 {
		font-size:17px !important;
	}
	
	.bio-image > .wp-block-media-text__media > img {
		max-width: 50% !important;
		width: 50% !important;
		vertical-align: middle;
		margin-left: 25% !important;
		margin-right: 25% !important;
	}
	
	.popup-drawer .drawer-content {
		background-color: #ffffff !important;
	}
	.popup-drawer .drawer-header {
		background-color: #ffffff !important;
	}
	.mobile-navigation ul.has-collapse-sub-nav .sub-menu.show-drawer {
		background-color: #ffffff !important;
	}
	#mobile-drawer .drawer-header .drawer-toggle {
		color: #000000 !important;
	}
	.menu-item-69 {
		background-color:#024f56; 

				background-image: linear-gradient(to right, #5a928e 0%, #024f56  51%, #5a928e  100%);
				/*margin: 10px;
				padding: 15px 45px;*/
				text-transform: uppercase;
				transition: 0.5s;
				background-size: 200% auto;        
				display: block;
				border-radius: 5px 5px 5px 5px;
	}
	.menu-item-69:hover {
		background-color:#73C1DD; 
		background-image: linear-gradient(to bottom, #024f56 0%, #5a928e  100%);
		border-radius: 5px 5px 5px 5px;
	}
	.popup-drawer .drawer-inner {
		background-color: rgba(0, 0, 0, 0.5) !important;
	}
	
	.header-spacer {
		height:175px !important;
	}	
	.inline-carousel {
		clear: both;
		width:90% !important;
	}
	
	/*
	.inline-carousel figure .kb-gal-image-radius {
		height:175px !important;
	}
	.inline-carousel figure .kb-gal-image-radius img {
		height:175px !important;
	}	
	.wp-block-kadence-advancedgallery .kb-gallery-ul, ul.menu .wp-block-kadence-advancedgallery ul.kb-gallery-ul.kb-gallery-ul {
		margin: 0 -15px !important;
	}
	*/
	
	/* Hide Left and Right Arrows on Mobile */
	.splide__arrows {
		display: none !important;
	}
	
	/* Fix for Gallery Overflow */
	.kb-gallery-ul * {
	   /* deprecated */
		/* Specifying overflow: visible on img, video and canvas tags may cause them to produce visual content outside of the element bounds.  */
		/*overflow: visible !important;*/
		/* DISABLE ON MOBILE FOR GOOGLE PAGE SPEED !! */
		/* But it is needed for displaying thumbnails */
		/* overflow: visible !important; */
	}
}




/* FOOTER */
#nav_menu-5 {
    font-size: 28px !important;
}

/*
@media all and (min-width:768px) and (max-width: 5000px) {
	.prizes-row div div {
	height: 120px !important;
	}
}
*/

.wp-block-image figcaption {
    margin-top: -.8em !important;
}

.watermarked {
  position: relative;
}

.watermarked:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("https://www2024.montereyshootout.com/wp-content/uploads/2024/09/MSO_Logo_Watermark.png");
  background-size: 250px auto;
  background-position: 95% 73%;
  background-repeat: no-repeat;
  opacity: 0.5;
  pointer-events: none;
}

.watermarked-jw {
  position: relative;
}

.watermarked-jw:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("https://www2024.montereyshootout.com/wp-content/uploads/2024/09/MSO_Logo_Watermark.png");
  background-size: 250px auto;
  background-position: 95% 95%;
  background-repeat: no-repeat;
  opacity: 0.5;
  pointer-events: none;
}



@media all and (min-width:768px) and (max-width: 991px) {
	.watermarked:after {
	  background-position: 95% 71% !important;
	}
	.watermarked-jw:after {
	  background-position: 95% 93% !important;
	}
}
@media all and (min-width:621px) and (max-width: 767px) {
	.watermarked:after {
	  background-position: 95% 66% !important;
	}
	.watermarked-jw:after {
	  background-position: 95% 88% !important;
	}
}
@media all and (min-width:548px) and (max-width: 620px) {
	.watermarked:after {
	  background-size: 200px auto !important;
	  background-position: 95% 64% !important;
	}
	.watermarked-jw:after {
	  background-size: 200px auto !important;
	  background-position: 95% 86% !important;
	}
}
@media all and (min-width:480px) and (max-width: 547px) {
	.watermarked:after {
	  background-size: 200px auto !important;
	  background-position: 95% 57% !important;
	}
	.watermarked-jw:after {
	  background-size: 200px auto !important;
	  background-position: 95% 79% !important;
	}
}
@media all and (min-width:0px) and (max-width: 479px) {
	.watermarked:after {
	  z-index: auto !important;
	  background-size: 150px auto !important;
	  background-position: 95% 54% !important;
	}
	.watermarked-jw:after {
	  z-index: auto !important;
	  background-size: 150px auto !important;
	  background-position: 95% 76% !important;
	}
	.watermarked-jw:after {
	  display: none !important;
	}
}


/* Jim Watt Sponsor Text */
.jim-watt-sponsor-text {
	position: relative;
	top:-20px;
}



/* Gallery Selected Border Bottom */
.kb-splide.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active, .kb-splide.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
	padding-bottom: 4px !important;
    border-bottom: 4px solid #5a928e !important;
}

.wp-block-kadence-advancedgallery .kt-blocks-carousel .splide--nav>.splide__track>.splide__list>.splide__slide {
    margin-right: 2px !important;
	width: calc(20% - 3px) !important;
}

.kadence-blocks-gallery-item__caption {
	padding: 5px 0 25px 0 !important;
}

/* Event Coverage Navigation */
.wp-block-navigation ul, .wp-block-navigation ul li {
    /*padding-left: 30px !important;*/
}
/* Event Coverage Mobile Adjustments */
@media all and (min-width:0px) and (max-width: 480px) {
	.wp-block-navigation ul, .wp-block-navigation ul li {
        font-size: 17px !important;
		text-wrap:nowrap !important;
		text-align: center !important;
		width: 48% !important; /* Make Menu Item Two Wide - Full Width on Mobile */
		justify-content: center !important;
	}
	.wp-block-navigation.no-wrap {
		--navigation-layout-wrap: wrap !important;
	}
	.wp-block-navigation {
		padding-top:6px !important;
	}
}
/*
.wp-block-navigation ul li:hover {
    color: #023538 !important;
}
*/

/* Event Menu Off */
.event-menu {
	padding: .2em 1em .2em 1em !important;
	border-radius: 6px !important;
	color: #979797 !important;
	border: 2px #979797 solid !important;
}

.event-menu:hover {
	color: #024f56 !important;
	border: 2px #024f56 solid !important;
	-webkit-box-shadow: 0px 0px 3px 3px rgba(41,41,41,.25);
	-moz-box-shadow: 0px 0px 3px 3px rgba(41,41,41,.25);
	box-shadow: 0px 0px 3px 3px rgba(41,41,41,.25);
}
/*
.wp-block-navigation ul li:hover {
    color: #024f56 !important;
}*/
.event-menu a:hover {
	color: #024f56 !important;
}

/* Event Menu Selected */
.event-menu-selected {
	padding: .2em 1em .2em 1em !important;
	border-radius: 6px !important;
	border: 2px #024f56 solid !important;
	color: #ffffff !important;
	background-color:#024f56 !important;
	background: -webkit-linear-gradient(#8bd9c7, #024f56) !important;
}

.event-menu-selected:hover {
	color: #ffffff !important;
	/*cursor: default !important;*/
}
.event-menu-selected a:hover {
	color: #ffffff !important;
	/*cursor: default !important;*/
}

@media all and (min-width:0px) and (max-width: 480px) {
	
	/* Mobile H1-H6 Adjustments */
	h2 {
		line-height: 1.1 !important;
	}
	
	h3 {
		font-size: 24px !important;
		line-height: 1 !important;
	}
	
	.event-menu {
		font-size: 17px !important;
		letter-spacing: -.5px !important;
		padding: .2em .9em .2em .9em !important;
		/*text-wrap:nowrap !important;*/
		/*text-align: center !important;*/
	}
	.event-menu-selected {
		font-size: 17px !important;
		letter-spacing: -.5px !important;
		padding: .2em .9em .2em .9em !important;
		/*text-wrap:nowrap !important;*/
		/*text-align: center !important;*/
		border: 1px #024f56 solid !important;
	}
	.wp-block-navigation .wp-block-navigation-item {
		/*display: inline !important;*/
	}
	.kt-row-column-wrap > .kadence-column2256_da7032-88 {
		padding-top: 12px !important;
	}
	.items-justified-space-between {
		justify-content: space-evenly !important;
	}
	
	
	/* Overview Carousel Height on Mobile */
	.event-coverage-overview-carousel figure .kb-gal-image-radius {
		height: 200px !important;
	}
	.event-coverage-overview-carousel figure .kb-gal-image-radius img {
		height: 200px !important;
	}
}




/* Colors: Baby Blue, Medium Blue, Dark Blue, Darker Blue */
/*  #8bd9c7
	#024f56
	#024f56
	#023538
*/
/* Light Grey, Light Light Gray */
/* 	#C2C5C8
	#C2C5C8
*/



h3 a:hover {
	color: #024f56 !important;
}

/* Hide Table borders */
.wp-block-table td, .wp-block-table th {
    border: 1px solid white !important;
}

/* Show More/Less */
.kb-show-more-buttons .kb-btn-global-outline {
    border: 2px solid #EEEEEE !important;
    color: #CCCCCC !important;
}
.kb-show-more-buttons .kb-btn-global-outline:hover {
    border: 2px solid #333333 !important;
    color: #333333 !important;
}


/* Custom Hamburger Menu for Event Coverage Pages */
.widget-toggle-open-container {
    display: none;
}
#widget-drawer .header-widget-2style-plain a:not(.button) {
    text-transform: uppercase !important;
}



.no-margin-bottom {
	margin-bottom:4px !important;
}




.button.button-style-outline, .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline .wp-element-button, .button.kb-btn-global-outline:not(.has-text-color) {
    border-width: 1px !important;
}



/*  limit the IMG from being too large on Gallery Detail Page */
figure.bwc-imgfit { 
  margin: 0; 
  text-align: center;           /* centers the image inline */
  /*padding: clamp(8px, 2vmin, 24px);*/
}

/* Kadence sets width:100% on .kb-img — override it */
figure.bwc-imgfit img.kb-img {
  width: auto !important;       /* do NOT force 100% width */
  height: auto !important;      /* keep natural aspect */
  max-height: calc(100svh - 2rem);  /* never exceed viewport height */
  max-width: min(92vw, 1400px);     /* don’t blow past viewport width/desktops */
  object-fit: contain;          /* safe; no crop */
  display: inline-block;        /* allows centering from parent text-align */
}
:root { --bwc-header-h: 300px; }              /* set your header px if sticky, e.g., 80px */
figure.bwc-imgfit img.kb-img {
  max-height: calc(100svh - var(--bwc-header-h) - 2rem);
}






/* Reset Kadence icons so they don't get forced solid */
/* Scope to Kadence Advanced Query Loop filters */
.kb-adv-ql-filter-wrapper svg[fill="currentColor"] {
  fill: none !important;                 /* beat the inline presentation attribute */
}

/* Give shapes an outline instead of a fill */
.kb-adv-ql-filter-wrapper svg[fill="currentColor"] path,
.kb-adv-ql-filter-wrapper svg[fill="currentColor"] circle,
.kb-adv-ql-filter-wrapper svg[fill="currentColor"] rect,
.kb-adv-ql-filter-wrapper svg[fill="currentColor"] polygon,
.kb-adv-ql-filter-wrapper svg[fill="currentColor"] line,
.kb-adv-ql-filter-wrapper svg[fill="currentColor"] polyline {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.5;                     /* adjust to taste */
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Optional: labels next to the icons (your legend sample) */
legend.kb-query-label svg[fill="currentColor"] {
  fill: none !important;
}
legend.kb-query-label svg[fill="currentColor"] * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.5;
}




/* Kill the white overlay on Kadence Advanced Query Loop refresh */
.kb-adv-ql-loop-container .animation-overlay,
.kb-adv-ql-loop-wrap .animation-overlay,
.kb-adv-ql-loop-container .kb-animation-overlay,
.kb-adv-ql-loop-wrap .kb-animation-overlay {
  background: #000000 !important;      /* or background:#000 for solid black */
  box-shadow: none !important;
}

/* If there’s a gradient via pseudo element */
.kb-adv-ql-loop-container .animation-overlay::before,
.kb-adv-ql-loop-wrap .animation-overlay::before,
.kb-adv-ql-loop-container .kb-animation-overlay::before,
.kb-adv-ql-loop-wrap .kb-animation-overlay::before {
  background: #000000 !important;
}

/* Optional: darken spinner so it’s visible on black */
.kb-adv-ql-loop-container .kb-adv-ql-loading,
.kb-adv-ql-loop-wrap .kb-adv-ql-loading {
  background: #000000 !important;      /* remove any white backing */
}
.kb-adv-ql-loop-container .kb-adv-ql-loading svg,
.kb-adv-ql-loop-wrap .kb-adv-ql-loading svg {
  color: #fff !important;                  /* spinner color on dark bg */
  fill: currentColor !important;
}



.loading {
    background-color: #000000 !important; /* This will set the background to black */
}

/* Make Kadence Form submit overlay black on dark pages */
.kadence-blocks-form .kb-form-wrap .kb-form-overlay,
.kadence-blocks-form .kb-form-wrap .kb-form-loading,
.kadence-blocks-form .kb-form-wrap .kb-form-processing,
.kb-form-wrap .kb-form-overlay,
.kb-form-wrap .kb-form-loading,
.kb-form-wrap .kb-form-processing {
  background: #000 !important;         /* solid black; or use rgba(0,0,0,.85) */
  box-shadow: none !important;
}

/* If the overlay/gradient is applied via ::before */
.kadence-blocks-form .kb-form-wrap .kb-form-overlay::before,
.kadence-blocks-form .kb-form-wrap .kb-form-loading::before,
.kadence-blocks-form .kb-form-wrap .kb-form-processing::before {
  background: #000 !important;
}

/* Make the spinner visible on black */
.kadence-blocks-form .kb-form-wrap .kb-form-overlay svg,
.kadence-blocks-form .kb-form-wrap .kb-form-loading svg,
.kadence-blocks-form .kb-form-wrap .kb-form-processing svg {
  color: #fff !important;
  fill: currentColor !important;
}