/*!
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
*/


/* A11y Fixes */

/* Allow for esc key to close Kadence submenu */
.nav--toggle-sub li:hover > ul,
.nav--toggle-sub li.menu-item--toggled-on > ul,
.nav--toggle-sub li:not(.menu-item--has-toggle):focus > ul {
 display: none;
}

.main-navigation .menu-item .sub-menu {
  display: none;
}
.main-navigation .menu-item .sub-menu.submenu-open,
.main-navigation .menu-item .sub-menu.toggle-show {
  display: block;
}

/* Styling for floating label for gravity forms. 
 * Add class of floating-label to desired form fields */
.floating-label {
	 position: relative;
}
.floating-label label {
	 cursor: text;
	 font-size: 1rem;
	 left: 1rem;
	 margin: 0;
	 opacity: 0;
	 padding-right: 3.5em;
	 position: absolute;
	 top: 0.75rem;
	 font-weight: 500;
	 transition: all ease 0.4s;
}
.floating-label:focus-within label {
	 position: absolute;
    left: 12px;
    padding: 0 5px !important;
    background: #fff;
    font-size: 13px!important;
    top: -15px;
    left: 1px;
    line-height: 19px;
    color: #383b41;
    opacity: 1;
}
.floating-label input:focus ~ label, 
.floating-label textarea:focus ~ label,
.floating-label input.valid ~ label,
.floating-label textarea.valid ~ label, 
.floating-label input:visited ~ label,
.floating-label textarea:visited ~ label,
.floating-label input:-webkit-autofill ~ label,
.floating-label textarea:-webkit-autofill ~ label {
	 position: absolute;
    left: 12px;
    padding: 0 5px !important;
    background: #fff;
    font-size: 13px!important;
    top: -15px;
    left: 1px;
    line-height: 19px;
    color: #383b41;
    opacity: 1;

}
 .floating-label.input-active label {
	position: absolute;
    left: 12px;
    padding: 0 5px !important;
    background: #fff;
    font-size: 13px!important;
    top: -15px;
    left: 1px;
    line-height: 19px;
    color: #383b41;
    opacity: 1;
}

/* Basic A11Y fixes for Kadence Blocks */
body .kt-blocks-modal-link:not(.kb-btn-global-inherit):focus-within {
	outline:inherit;
}

/* Search Bar */
.woocommerce-product-search {
	position:relative;
}
.woocommerce-product-search .screen-reader-text {
	cursor: text;
	 font-size: 1rem;
	 left: 1rem;
	 margin: 0;
	 opacity: 0;
	 padding-right: 3.5em;
	 position: absolute;
	 top: 0.75rem;
	 font-weight: 500;
	 transition: all ease 0.4s;
}
.woocommerce-product-search:focus-within .screen-reader-text {
	clip:unset;
	clip-path:unset;
	height:auto;
	width:auto;
	left: 12px;
    padding: 0 5px !important;
    background: #fff;
    font-size: 13px!important;
    top: -13px;
    left: 1px;
    line-height: 19px;
    color: #383b41;
    opacity: 1;
}
.woocommerce-product-search input[type='search']::placeholder,
.search-form input[type='search']::placeholder {
	opacity:1;
}

/* menu */
body:not(.hide-focus-outline) .header-navigation li.menu-item--has-toggle>a:focus .dropdown-nav-toggle {
	opacity:1 !important;
}
body #search-drawer .drawer-inner form ::-webkit-input-placeholder {
	opacity:1;
}

/* Cookies */
.cky-preference-header .cky-btn-close img {
	filter:brightness(0);
}

/* Kadence Slider */
.kb-splide .splide__pagination__page:focus-visible {
	outline:2px solid #000;
}

/* Smart Slider */
body .n2-ss-slider :focus,
body .n2-ss-slider a.n2-ow:focus, 
body .n2-ss-slider .n2-ow-all a:focus {
	outline:1px solid #fff !important;
	box-shadow:inset 0 0 0 1px #000000 !important;
}
.n2-ss-slider .n2-ss-widget.n2-ss-widget-hidden {
	display:none;
}

/* Forms */
body select {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='kadence-svg-icon kadence-arrow-down-svg' fill='currentColor' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z'%3E%3C/path%3E%3C/svg%3E");
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, body select, body .select2-container--default .select2-selection--single {
	border-color:#4E5C74;
}

/* Events Calendar */
.tribe-events .datepicker .day.focused, .tribe-events .datepicker .day:focus, .tribe-events .datepicker .day:hover, .tribe-events .datepicker .month.focused, .tribe-events .datepicker .month:focus, .tribe-events .datepicker .month:hover, .tribe-events .datepicker .year.focused, .tribe-events .datepicker .year:focus, .tribe-events .datepicker .year:hover {
	outline:2px solid #000;
}
.tribe-events-c-search__input-group {
	position:relative;
}
.tribe-events-c-search__input-group label {
	opacity:0;
	transition: all ease 0.4s;
}
.tribe-events-c-search__input-group:focus-within label {
	clip:unset;
	height:auto;
	width:auto;
	opacity:1;
	margin:0;
	top:-40px;
}
.tribe-events .datepicker .next .tribe-events-c-top-bar__datepicker-nav-icon-svg path, .tribe-events .datepicker .prev .tribe-events-c-top-bar__datepicker-nav-icon-svg path, #primary .tribe-events .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path, #primary .tribe-events .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path,
.tribe-events .tribe-events-c-nav__next:disabled .tribe-events-c-nav__next-icon-svg path, .tribe-events button.tribe-events-c-nav__next:disabled .tribe-events-c-nav__next-icon-svg path {
	fill:#707070;
}

/* WooCommerce */
select.orderby:focus-visible {
	outline:2px solid #000;
}
.kadence-shop-top-row {
	position:relative;
}
.kadence-shop-top-row .skip-link {
	right:0;
	left:auto;
}
span.required {
	color:red;
}
.form-description {
	font-size:1rem;
}


/* End A11y Fixes */

.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a:hover,
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a:focus {
	color:var(--global-palette1);
}

/* gravity forms */

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	border-radius:0;
	border-color:#A0AEC0;
	min-height:60px;
}
.gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
	font-size: 18px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
}

/* 404 Page */
.error .page-content .entry-content-wrap > p,
.error .search-form {
    display: none;
}

/* h1 padding */
@media (max-width: 767px) {
    h1.kulkd-background {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.kt-row-column-wrap .overlay-neg-left > .kt-inside-inner-col::before {
	background-position:-.5% 50%;
}
.kt-row-column-wrap .overlay-neg-right > .kt-inside-inner-col::before {
	background-position:100.5% 50%;
}

/* Homepage */

.kb-background-video-pause svg {
    color: #fff;
}
.kb-background-video-pause {
    opacity: 1 !important;
    background-color: #000 !important;    
}
.kb-background-video-play path {
    color: #fff;
}
.kb-background-video-play {
    opacity: 1 !important;
    background-color: #000 !important; 
}

.Community-gravityform {
    background-color: #d4e7c0; /* light green background */
    padding: 20px;
    border-radius: 10px;
    margin: auto;
}

.Community-gravityform .gform_wrapper .gfield {
    margin-bottom: 15px;
}

.Community-gravityform .gform_wrapper .gfield_label {
    display: block;
    font-size: 14px;
    color: #556b2f; /* muted green color */
    margin-bottom: 5px;
}

.Community-gravityform .gform_wrapper input[type="text"],
.Community-gravityform .gform_wrapper input[type="email"],
.Community-gravityform .gform_wrapper textarea,
.Community-gravityform .gform_wrapper select {
    width: calc(100% - 20px);
    padding: 10px;
    border: 1px solid #004d00; /* darker green border */
    border-radius: 5px;
    background-color: #e6f2d9;
    color: #556b2f;
    font-size: 14px;
}

.Community-gravityform .gform_wrapper textarea {
    height: 60px;
    resize: vertical;
}

.Community-gravityform .gform_wrapper select {
    width: auto;
    margin-left: 10px;
}

.Community-gravityform .gform_wrapper .gform_button {
    width: 100%;
    padding: 10px;
    background-color: #004d00; /* dark green button */
    color: #ffffff;
    font-size: 16px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

.Community-gravityform .gform_wrapper .gform_button:hover {
    background-color: #003300; /* darker green on hover */
}

/* ── Concentric-arc brand shapes wired into the section bands, VARIED per
      section like the1901 reference (left frame / right frame / corner motif /
      bold bleed / clean), using the recolored KC-green shapes in /styles/img. ── */
.kulkd-band{overflow:hidden}
.kulkd-band>.kt-row-column-wrap{position:relative;z-index:1}

/* 1 · pale intro — dark arcs hugging the LEFT edge */
.kb-row-layout-id7_kc31::before{content:"";position:absolute;z-index:0;pointer-events:none;top:0;bottom:0;left:0;width:300px;background:url("/styles/img/4ed6e74a4792ff.svg") left center/auto 76% no-repeat;opacity:.5}

/* 2 · "how we work" feature — green arcs as a faint TOP-RIGHT corner motif */
.kb-row-layout-id7_kc36::after{content:"";position:absolute;z-index:0;pointer-events:none;top:-80px;right:-60px;width:400px;height:400px;background:url("/styles/img/60bcac5b0f9f24.svg") top right/contain no-repeat;opacity:.18}

/* 3 · services — green arcs as a RIGHT edge frame */
.kb-row-layout-id7_kc3j::after{content:"";position:absolute;z-index:0;pointer-events:none;top:0;bottom:0;right:0;width:300px;background:url("/styles/img/60bcac5b0f9f24.svg") right center/auto 88% no-repeat;opacity:.4}

/* 4 · dark "membrane" band — bold green arcs bleeding off the LEFT */
.kb-row-layout-id7_kc39::before{content:"";position:absolute;z-index:0;pointer-events:none;top:0;bottom:0;left:0;width:380px;background:url("/styles/img/60bcac5b0f9f24.svg") left center/auto 128% no-repeat;opacity:.85;transform:scaleX(-1)}

/* 5 · industries — dark arcs as a BOTTOM-LEFT corner motif */
.kb-row-layout-id7_kc3m::before{content:"";position:absolute;z-index:0;pointer-events:none;left:-50px;bottom:-70px;width:360px;height:360px;background:url("/styles/img/4ed6e74a4792ff.svg") bottom left/contain no-repeat;opacity:.16}

/* 6 · dark "metro" band — bold green arcs bleeding off the RIGHT */
.kb-row-layout-id7_kc3c::after{content:"";position:absolute;z-index:0;pointer-events:none;top:0;bottom:0;right:0;width:380px;background:url("/styles/img/60bcac5b0f9f24.svg") right center/auto 128% no-repeat;opacity:.88}

/* 7 · CTA band — left clean on purpose */

@media (max-width:1024px){
  .kb-row-layout-id7_kc31::before,.kb-row-layout-id7_kc36::after,.kb-row-layout-id7_kc3j::after,
  .kb-row-layout-id7_kc39::before,.kb-row-layout-id7_kc3m::before,.kb-row-layout-id7_kc3c::after{display:none}
}
