/*
============================================================================================================================
Camaraderie - customize-controls.css
============================================================================================================================
This is the most generic template file in a WordPress theme and is one of required files to able to control the layout 
features in the customizer for CSS.

@package        Camaraderie WordPress Theme
@copyright      Copyright (C) 2018. Benjamin Lu
@license        GNU General Public License v2 or later (http://www.gnu.org/licenses/gpl-2.0.html)
@author         Benjamin Lu (https://benjlu.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;
}