/*
================================================================================================
Splendid Portfolio - 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        Splendid Portfolio WordPress Theme
@copyright      Copyright (C) 2017. Benjamin Lu
@license        GNU General Public License v2 or later (http://www.gnu.org/licenses/gpl-2.0.html)
@author         Benjamin Lu (https://www.luminathemes.com/)
================================================================================================
*/
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;
}