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

/* 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 {
	font-size:1rem;
}
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 {
	color: var(--global-palette3);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, .gform_wrapper.gravity-theme .gfield textarea:focus, select:focus {
	border-color:#000000;
	outline:-webkit-focus-ring-color auto 1px !important;
}
/* Styling for floating label for gravity forms. 
 * Add class of floating-label to desired form fields */
.floating-label {
        position: relative;
}

.floating-label label {
    position: absolute;
    top: 12px;
    left: 0;
    margin: 0;
    opacity: 0;
    line-height: 1.4;
    font-size: 1rem;
    transition: all ease 0.4s;
}

.floating-label:focus-within label,
.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,
.floating-label.input-active label {
        top: 0;
    left: 16px;
    font-size: .875rem !important;
    color: var(--global-palette3);
    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;
}
#search-drawer input:-webkit-autofill,
#search-drawer input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s !important;
}

/* 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-visible,
body .n2-ss-slider a.n2-ow:focus-visible, 
body .n2-ss-slider .n2-ow-all a:focus-visible {
	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,
body select.orderby {
	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, .select2-container--default .select2-selection--single .select2-selection__rendered {
	border-color:#4E5C74;
	color:var(--global-palette3);
}

/* 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;
}
.kadence-product-gallery-thumbnails.splide.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus-visible,
.kb-splide .splide__arrows .splide__arrow:focus-visible{
	box-shadow:0 0 0 3px #000 !important;
	outline:2px solid #fff !important;
}
body .kb-advanced-slide-inner {
	overflow:visible;
}
/* used to display focus outline above, if needed adjust to not apply to general Kadence slider */
/*body .kb-splide .splide__list {
	padding:3px !important;
}
body .kb-splide.splide-initial .splide__list {
	gap:3px;
}*/
.gbtn.focused {
	outline: 2px solid #fff !important;
}
body .woocommerce form .form-row label {
	color:var(--global-palette3);
}
body .wp-element-button:disabled {
	opacity:0.7;
}


/* End A11y Fixes */

/* Service pages styling */

.service-card-box .kt-info-box-image {
        align-self: anchor-center;
    }
    
    body .post-card-categories .kb-dynamic-list-item {
        border-radius: 0;
        padding: 8px 16px;
    }
    
    #moving-request form {
        display: flex;
        column-gap: 47px;
    }
    
    #moving-request .gform_wrapper.gravity-theme .gform_fields {
        grid-column-gap: 47px;
    }
    
    #moving-request form .gform-body {
        flex-grow: 1;
    }
    
    #moving-request .gform_wrapper.gravity-theme input,
    #moving-request .gform_wrapper.gravity-theme .ginput_container_date {
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid;
        border-color: #81858C;
    }
    
    #moving-request form .gform-body .gform-datepicker {
        width: 100%;
        border-bottom: 0;
    }
    
    #moving-request .gform_wrapper.gravity-theme input:not([type="submit"]) {
        padding-left: 0;
    }
    
    #moving-request .gform_wrapper.gravity-theme input[type="submit"]:hover {
        background-color: #031D42;
        color: #ffffff;
    }
    
    #moving-request .gform_wrapper.gravity-theme label {
        font-size: 1.5rem;
    }
    
    #moving-request .gform_wrapper.gravity-theme input::placeholder {
        color: #70747B;
    }
    
    #moving-request .gform_wrapper.gravity-theme .gform_footer {
        padding: 0;
        margin: 0;
    }
    
    #moving-request .gform_wrapper.gravity-theme input[type="submit"] {
        margin-bottom: 0;
    }
    
    @media (max-width: 1300px) {
        body .kb-row-layout-wrap.wp-block-kadence-rowlayout.services-hero-row {
            margin-top: 0;
        }
        
        body .services-hero-row .kt-row-column-wrap {
            padding-top: 100px;
        }
    }
    
    @media (max-width: 1025px) {
        #moving-request form {
            flex-direction: column;
            row-gap: 47px;
        }
        
        #moving-request .gform_wrapper.gravity-theme .gform_fields {
            grid-column-gap: 20px;
        }
    }
    
    @media (max-width: 768px) {
        .services-hero-row .kt-row-layout-overlay {
            background-position: 170% 27%;    
        }
        
        .service-card-box  .kt-blocks-info-box-media-container {
            margin-bottom: 18px;
        }
        
        .service-card-box .kt-blocks-info-box-media {
            padding: 28px;
        }
        
        #moving-request .gform_wrapper.gravity-theme input[type="submit"] {
            padding: 16px;
            width: 100%;
        }
        
         #moving-request .gform_wrapper.gravity-theme label {
            font-size: 0.88rem;
            margin-bottom: 0;
        }
    }

	/* End of Service Pages styling */

/* Utilities */

@media screen and (max-width: 1024px) {
	.section-bckg-tablet-center.wp-block-kadence-column > .kt-inside-inner-col {
		background-position: center left 30%;
	}
}

/* Location Search */

body .location-search .fwpl-layout {
    grid-gap:2rem;
}

body .location-search .fwpl-result {
	color:var(--global-palette3);
	background:var(--global-palette9);
	padding:2rem;
	border-bottom: 1px solid var(--global-palette7);
}

body .location-search .fwpl-result .fwpl-col > .fwpl-item:first-child a {
	font-size:28px;
	font-weight:700;
	color:var(--global-palette3);
	margin-bottom:1rem;
	display:inline-block;
}

body .location-search .fwpl-result .fwpl-col > .fwpl-item:last-child {
	text-align:right;
	margin-top:1rem;
}

body .location-search .fwpl-btn {
	color: var(--global-palette5);
    background: transparent;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px;
	font-size: .9rem;
}

body .location-search .fwpl-btn:hover,
body .location-search .fwpl-btn:focus {
	color:var(--global-palette1);
}

body .location-search select,
body .location-search input[type="text"] {
	border-radius:3px;
	border-color:var(--global-gray-400);
	padding-top:7px;
	padding-bottom:7px;
}

body .location-search .facetwp-facet {
	margin-bottom:20px;
}

body .location-search .facetwp-pager {
	margin-top:2rem;
}

body .location-search .facetwp-pager a {
	border: 2px solid transparent;
    border-radius: .25rem;
    color: inherit;
    display: inline-block;
    line-height: 2.25em;
    margin-right: .5em;
    min-width: 2.5em;
    text-align: center;
    text-decoration: none;
}

body .location-search .facetwp-pager a:hover,
body .location-search .facetwp-pager a:focus {
	border-color: var(--global-palette2);
}

body .location-search .facetwp-pager a.active {
	background: var(--global-palette2);
    border-color: var(--global-palette2);
    color: var(--global-palette9);
	font-weight:normal;
}
