/* 
Theme Name: Clay Works
Theme URI: https://solve.co.uk/
Description: Theme created for Clay Works based off of the Hello Elementor theme.
Author: Solve
Author URI: https://solve.co.uk/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


span.elementor-field-option:has(input[type="checkbox"]) {
    display: flex;
    align-items: center;
    gap: .5rem;
}

span.elementor-field-option:has(input[type="checkbox"]) label {
	cursor: pointer;
}

span.elementor-field-option:has(input[type="checkbox"]) label a {
	text-decoration: underline;
}

.elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input {
	display: grid;
}

input[type="checkbox"] {
	-webkit-appearance: none;
    appearance: none;
    margin: 0;
    font: inherit;
    width: 1.15rem;
    height: 1.15rem;
    border: 1.5px solid;
    border-radius: 0;
	display: grid;
  	place-content: center;
	cursor: pointer;
}

input[type="checkbox"]::before {
	content: "";
	display: block;
	width: 1.15rem;
	height: 1.15rem;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1rem 1rem currentcolor;
	transform-origin: center;
	clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}