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

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * Table of contents
 * 1. General
 * 2. Header
 * 3. Homepage
 * 4. Interior
 * 5. Footer
 * 6. QC
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 1. General
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/* *:focus-visible {
	outline:2px solid #f20000 !important;
} */

body .single-content h1, 
body .single-content h2, 
body .single-content h3, 
body .single-content h4, 
body .single-content h5, 
body .single-content h6 {
	margin-top:0;
}

.gform-theme--foundation .gform_fields {
	grid-row-gap:20px;
}
.gform-theme--foundation .gform_footer {
	justify-content:center;
}
.gform-theme--foundation .gform_footer input[type="submit"] {
	padding:20px 50px !important;
	text-transform:uppercase !important;
}
.gform-theme--foundation .gform_footer input[type="submit"]:hover,
.gform-theme--foundation .gform_footer input[type="submit"]:focus {
	background:var(--global-palette-btn-bg-hover) !important;
	color:var(--global-palette-btn-hover) !important;
}
 /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 2. Header
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

 /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 3. Homepage
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.home .searchandfilter ul {
	padding-left:0;
}
.home .searchandfilter h4 {
	font-size:20px;
}
.home .searchandfilter label {
	width:100%;
}
.home .searchandfilter input[type="text"],
.home .searchandfilter select{
	width:100%;
	height:60px;
	border-radius:0;
	padding:0 20px;
}
.home .searchandfilter input[type="submit"] {
	margin:0 auto;
	display:block;
	background:transparent;
	border-color:var(--global-palette9);
	text-transform:uppercase;
	letter-spacing:1px;
	width:210px;
	height:60px;
}
.home .searchandfilter input[type="submit"]:hover,
.home .searchandfilter input[type="submit"]:focus {
	background:var(--global-palette1);
	border-color:var(--global-palette1);
}

#search-filter-form-1725 > ul {
	display:flex;
	align-items:flex-end;
}
#search-filter-form-1725 > ul > li {
	padding:0;
}
#search-filter-form-1725 > ul > li.sf-field-search {
	width:100%;
}


 /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 4. Interior
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* products */
.prod-wrap {
    display: grid;
	grid-template-columns: 1fr 2fr 3fr;
	padding:10px;
	gap:10px;
	border:1px solid #E9E9E9;
}
.prod-wrap:not(:last-child) {
	margin-bottom:30px;
}
@media (max-width:767px) {
	.prod-wrap {
		grid-template-columns:1fr;
	}
}
.prod-img {
	display:flex;
	align-items:center;
	justify-content:center;
}
.prod-info {
	padding:30px 0;
}
.prod-info .prod-title {
	font-size:1.25rem;
	text-transform: uppercase;
	margin-bottom:5px;
	font-weight: 700;
}
.prod-btns {
	display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: end;
	gap:10px;
	padding:30px 0;
}

.prod-btns .btn {
	display: flex;
	align-items: center;
	height: 73px;
	justify-content: center;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	width:calc(33.33% - 10px);
}
@media (min-width:768px) and (max-width:1024px) {
	.prod-btns .btn {
		width:calc(50% - 10px);
	}
}
@media (max-width:499px) {
	.prod-btns .btn {
		width:100%;
	}
}
@media (max-width:767px) {
	.prod-btns,
	.prod-info {
		padding:0;
		text-align:center;
	}
}

body .searchandfilter ul {
	padding-left:0;
}
#search-filter-form-462 .sf-field-search label,
#search-filter-form-462 input[type="text"] {
	width:100%;
	height:58px;
	border-radius:0;
}
#search-filter-form-462 input[type="text"]::-webkit-input-placeholder {
	color: #919397;
}
#search-filter-form-462 input[type="text"]::-moz-placeholder {
	color: #919397;
}
#search-filter-form-462 input[type="text"],
#search-filter-form-462 select {
	border-color:#A7A9AC;
}
#search-filter-form-462 > ul > li.sf-field-search:focus-within .screen-reader-text {
	opacity:0;
	transition: all .2s ease-in;
	top:0;
}
#search-filter-form-462 > ul > li.sf-field-search:focus-within .screen-reader-text {
	clip: auto;
    height: auto;
    overflow: hidden;
    position: absolute!important;
    width: auto;
    clip-path: none;
	top:-23px;
	opacity:1;
	transition: all .2s ease-in;
}

/* search and filter checkboxes */

li.sf-field-taxonomy-product-category ul.children {
	display: none;
}

li.sf-field-taxonomy-product-category input:checked ~ ul.children {
	display: block;
}

ul.children > li[data-sf-depth="3"] {
	display: none;
}

li.sf-field-taxonomy-product-category ul.children:has(li.sf-option-active) {
	display: block;
}

.sf-field-taxonomy-product-category {
	overflow: hidden;
	input.sf-input-radio {
		position: absolute;
		left: -500px;
	}
	input.sf-input-radio:focus + label {
		outline: 2px solid #000;
		outline-offset: 1px;
	}
}

input.sf-input-radio:checked + label.sf-label-radio {
	background: #12354f;
	color: #FFFFFF;
}

label.sf-label-radio {
	width: 100%;
	cursor: pointer;
}

/* .sf-field-taxonomy-product-category > ul {
	height: 300px;
	overflow-y:auto;
} */


 /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 5. Footer
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
 /*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 * 6. QC
 * \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/* 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 {
  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;
	 background: #fff;
	 font-size: 13px!important;
	 top: 1px;
	 left: 21px;
	 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;
	 background: #fff;
	 font-size: 13px!important;
	 top: 1px;
	 left: 21px;
	 line-height: 19px;
	 color: #383b41;
	 opacity: 1;

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

/* End A11y Fixes */

/* Product Manual Page Slider */
/* https://codepen.io/AMKohn/pen/DZYKEV */

@import url(https://fonts.googleapis.com/css?family=Varela+Round);

.slides {
    padding: 0;
    width: 609px;
    height: 420px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.slides * {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.slides input { display: none; }

.slide-container { display: block; }

.slide {
    top: 0;
    opacity: 0;
    width: 609px;
    height: 420px;
    display: block;
    position: absolute;

    /* transform: scale(0); */

    /* transition: all .7s ease-in-out; */
}

.search-filter-results .slides,
.search-filter-results .slide {
	height: 363px;
	width: calc(100vw - 40px);
	padding: 0;
}
@media (min-width: 768px) {
	.search-filter-results .slides,
	.search-filter-results .slide {
		height: 100%;
		padding-left: 0;
		width: 100%;
	}

	.search-filter-results .slide {
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	
}

.slide img {
    width: 100%;
    height: auto;
}

.nav label {
    width: 200px;
    height: 100%;
    display: none;
    position: absolute;

	  opacity: 0;
    z-index: 9;
    cursor: pointer;

    transition: opacity .2s;

    color: #FFF;
    font-size: 156pt;
    text-align: center;
    line-height: 380px;
    font-family: "Varela Round", sans-serif;
    background-color: rgba(255, 255, 255, .3);
    text-shadow: 0px 0px 15px rgb(119, 119, 119);
}


.search-filter-results .nav label {
	color: #000;
	font-size: 44px;
	line-height: 3;
	width: 20px;
}


.slide:hover + .nav label { opacity: 0.5; }

.nav label:hover { opacity: 1; }

.nav .next { right: 0; }

input:checked + .slide-container  .slide {
    opacity: 1;

    /* transform: scale(1); */

    /* transition: opacity 1s ease-in-out; */
}

input:checked + .slide-container .nav label { display: block; }

/* Product Manual Page Slider End */

/* Search field */
.home .searchandfilter > ul {
    .sf-field-search:has(input:placeholder-shown) + .sf-field-reset {
        display: none;
    }
    input.search-filter-reset {
        width: auto;
        padding: 20px;
    }
	.sf-field-search {
		position: relative;
	}
	[type="text"] {
		&::-webkit-input-placeholder {
			color: #333;
		}
		&::-moz-placeholder {
			color: #333;
		}
	}
	.sf-field-search:has(input:placeholder-shown) {
		.screen-reader-text {
			opacity: 0;
			clip: rect(1px,1px,1px,1px);
			position: absolute !important;
			width: 1px;
		}
	}
	.screen-reader-text {
		opacity: 1;
		clip: unset;
		width: 100%;
		top: -23px;
		overflow: visible;
		height: 20px;
		z-index: 1;
		color: white;
		clip-path: unset;
	}
}
@media screen and (max-width: 767px) {
    .home .searchandfilter > ul {
        flex-wrap: wrap;
        align-items: stretch;
		position: relative;
        li {
            align-self: stretch;
        }
        .sf-field-search {
            width: auto !important;
            flex: 1 0;
			position: static;
        }
        .sf-field-search:has(input:placeholder-shown) {
            flex: 0 0 100%;
        }
        .sf-field-reset {
            flex: 0 0 55px;
        }
        input.search-filter-reset {
            margin: 0 0;
        }
        .sf-field-submit {
            flex: 0 0 100%;
        }
        input[value='Search'] {
            width: 100%;
        }
        input[type='text']::-webkit-input-placeholder {
            font-size: 13px;
        }
        input[type='text']::-moz-placeholder {
            font-size: 13px;
        }
        input[type='text']:-ms-input-placeholder {
            font-size: 13px;
        }
        input[type='text']:-moz-placeholder {
            font-size: 13px;
        }
    }
}
@media screen and (max-width: 380px) {
	.home .searchandfilter > ul {
		.screen-reader-text {
			opacity: 1;
			clip: unset;
			width: 100%;
			top: -40px;
			overflow: visible;
			height: 30px;
			z-index: 1;
			color: white;
			clip-path: unset;
			line-height: 1.1;
		}
		.sf-field-search:has(input:placeholder-shown) {
			.screen-reader-text {
				opacity: 1;
				clip: unset;
				width: 100%;
				top: -40px;
				overflow: visible;
				height: 30px;
				z-index: 1;
				color: white;
				clip-path: unset;
				line-height: 1.1;
			}
		}
	}
}
/* end of: Search field */

/* Listing page */
.pagination .wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    .pages {
        display: none;
    }
    a, span {
        border: none;
    }
    @media screen and (max-width: 767px) {
        a, span {
            margin: 2px 1px;
        }
        .first {
            font-size: 0;
            &::before {
                font-size: 17px;
                content: '«';
            }
        }
        .last {
            font-size: 0;
            &::before {
                font-size: 17px;
                content: '»';
            }
        }
    }
}
/* end of : Listing page */
/* A11y fixes */
nav.mobile-navigation ul li.current-menu-item > a {
	color: inherit;
}

.home .wp-block-kadence-advancedbtn .kb-button {
	&:focus {
		background-color: #ffd040;
	}
}

div h2 {
	font-weight: 800;
}
/* End of: A11y fixes */