/*
Toggle Radios v1.4
by Adam Culpepper | @adamculpepper
https://github.com/adamculpepper/toggle-radios
https://adamculpepper.github.io/toggle-radios/
*/
/* Customizable styles */
/* Colors: Default (blue) */
.toggle-radio div[class^="gfield_"] > div input + label {background:#f5f5f5; border:1px solid rgba(0, 0, 0, 0.2); border-width:1px 1px 0 1px;}
.toggle-radio div[class^="gfield_"] > div:last-of-type input + label {border-bottom-width:1px;}
.toggle-radio div[class^="gfield_"] > div input:checked + label {background:lightblue;}
/* Rounded corners */
.toggle-radio div[class^="gfield_"] > div:first-of-type input + label {border-radius:4px 4px 0 0;}
.toggle-radio div[class^="gfield_"] > div:last-of-type input + label {border-radius:0 0 4px 4px;}
/* Indicators for smaller devices (stacked) */
.toggle-radio div[class^="gfield_"]  input + label:before {content:''; display:inline-block; width:16px; height:16px; margin-right:0.50rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23000;' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center center; background-size:16px 16px;}
.toggle-radio div[class^="gfield_"] input:checked + label:before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23000;' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");}
/* //////////////////////////
CORE STYLES BELOW - NO TOUCHY
////////////////////////// */
.toggle-radio div[class^="gfield_"] {display:inline-block; vertical-align:middle;}
.toggle-radio div[class^="gfield_"] input[type='radio'], .toggle-radio div[class^="gfield_"] input[type='checkbox'] {display:none!important;}
.toggle-radio div[class^="gfield_"] input[disabled] + label {opacity:0.50;}
.toggle-radio div[class^="gfield_"] input[disabled] + label:hover {cursor:not-allowed;}
.toggle-radio div[class^="gfield_"] > div {display:flex; align-items:center;}
.toggle-radio div[class^="gfield_"] > div input + label {display: flex!important;align-items: center;margin:0; padding:5px 10px; cursor:pointer;width:100%;max-width:none!important;}
/* Transitions */
.toggle-radio div[class^="gfield_"] input:checked + label {transition:background 300ms linear;}
/* //////////////////////////
CORE STYLES ABOVE - NO TOUCHY
////////////////////////// */
/* Style: Rounded */
.toggle-radio_rounded div[class^="gfield_"] > div:first-of-type input + label		{border-radius:20px 20px 0 0;}
.toggle-radio_rounded div[class^="gfield_"] > div:last-of-type input + label		{border-radius:0 0 20px 20px;}
/* Style: Square */
.toggle-radio.toggle-radio_square div[class^="gfield_"] > div input + label			{border-radius:0;}
/* Color */
/*.toggle-radio[data-color] > input + label					{color:#fff;}
.toggle-radio[data-color] > input + label:before 			{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23fff;' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z'/%3E%3C/svg%3E");}
.toggle-radio[data-color] > input:checked + label:before	{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23fff;' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");}*/
/* Color: Red */
/*.toggle-radio[data-color='red'] > input + label				{background:#e74c3c;}
.toggle-radio[data-color='red'] > input:checked + label		{background:#9a0000;}*/
/* ------------------------------ */
/* Breakpoints */
/* Large (lg) and up */
@media (min-width:992px) {
	.toggle-radio div[class^="gfield_"] > div {float: left;}
	.toggle-radio div[class^="gfield_"] > div > input + label {border-width:1px 0 1px 1px;}
	.toggle-radio div[class^="gfield_"] > div:last-of-type > input + label 	{border-right-width:1px;}
	.toggle-radio div[class^="gfield_"] input + label:before {display:none;}
	/* Border Radius */
	.toggle-radio div[class^="gfield_"] > div:first-of-type > input + label	{border-radius:4px 0 0 4px;}
	.toggle-radio div[class^="gfield_"] > div:last-of-type > input + label 	{border-radius:0 4px 4px 0;}
	/* Rounded */
	.toggle-radio_rounded div[class^="gfield_"] > div:first-of-type > input + label {border-radius:500px 0 0 500px;}
	.toggle-radio_rounded div[class^="gfield_"] > div:last-of-type > input + label {border-radius:0 500px 500px 0;}
	/* Style: Square */
	.toggle-radio.toggle-radio_square div[class^="gfield_"] > div input + label {border-radius:0;}
}