/**
 * Backdrop Core - control-radio-image.css
 *
 * @package        Backdrop
 * @copyright      Copyright (C) 2018. Benjamin Lu
 * @license        GNU General Public License v2 or later (https://www.gnu.org/licenses/gpl-2.0.html)
 * @author         Benjamin Lu (https://getbenonit.com)
 */

/**
 * Table of Content
 *
 * 1.0 - Control Radio Image (CSS)
 */

/**
 * 1.0 - Control Radio Image (CSS)
 */
li.customize-control-radio-image input[type="radio"] {
	display: none;
}

li.customize-control-radio-image label,
li.customize-control-radio-image input,
li.customize-control-radio-image img {
	outline: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
}

li.customize-control-radio-image label {
	display: inline-block;
}

li.customize-control-radio-image img {
	width: 100%;
	height: auto;
	border: 4px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

li.customize-control-radio-image img:hover,
li.customize-control-radio-image img:focus {
	border-color: #ccc;
}

li.customize-control-radio-image input:checked + img {
	border-color: #00a0d2;
}