/**
 * HootKit Widgets
 * ========================================================
 */

/*** Widgets page ***/
.widgets-php { }
.sidebar-description .description em { display: block; margin: 5px 0; }

/*** Hoot Widgets ***/
.hoot-widget-form { }
.hoot-widget-form-help { font-size: 0.9em; margin: 1em 0; color: #999999; font-style: italic; background: #fafafa; border: solid 1px #e5e5e5; border-radius: 2px; padding: 0.5em 1em; }
.hoot-widget-field { clear: both; margin: 1.3em 0; line-height: 1.5; }
.hoot-widget-field.hoot-div-ve0 { margin-top: -1.3em; }
ul.hoot-widget-list { margin-top: 0.5em; margin-bottom: 0; }
/*.hoot-widget-field-description { clear: both; }*/
.widgetid {}

/*** Widgets as Shortcodes ***/
.hootkit-widgetsc { background: #eee; padding: 7px 7px 10px; margin: 1em -0.5em; border: solid 1px #ccc; text-align: center; }
.widgetscnotice, .widgetsccopied { color: #0073aa; margin: 0 0 7px; }
.hootkit-widgetsc          .widgetscnotice { display: block; }
.hootkit-widgetsc          .widgetsccopied { display: none; }
.hootkit-widgetsc.hkcopied .widgetscnotice { display: none; }
.hootkit-widgetsc.hkcopied .widgetsccopied { display: block; }
.hootkit-widgetsc .widgetsccode { border: solid 1px #ccc; cursor: pointer; }

/*** Separator ***/
.hoot-widget-field-separator { height: 1px; width: 100%; display: block; clear: both; border-top: solid 1px #ccc; margin: 1.5em 0; }

/*** Defaults ***/
.hoot-widget-field-type-smallselect { min-height: 30px; }
.hootsmallselect,
.customize-control .hootsmallselect { float: right; min-width: 63px; max-width: 50%; width: auto; }
.hoot-widget-input[type=text] { float: right; }
.hootsmallselectlabel { display:inline-block; float: right; }
.hootsmallselectlabel > small { display: block; text-align: center; }

/*** Color Picker ***/
.hoot-widget-field .wp-picker-container { float: right; }
.hoot-color.wp-color-picker,
.hoot-alt-color.wp-color-picker { padding: 0; width: 70px; }

/*** Image Picker ***/
.hoot-widget-list-images li { display: inline-block; }
.hoot-widget-list-images input[type="radio"] { visibility: hidden; opacity: 0; filter: alpha(opacity=0); }
.hoot-widget-list-images label { display: inline-block; border: solid 3px #e5e5e5; position: relative; left: -22px; padding: 2px; margin-right: -22px; }
.hoot-widget-list-images label:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.hoot-widget-list-images .hoot-widget-image-picker-img { float: left; }

.hoot-widget-list-images input[type="radio"]:checked + label { border: 3px solid #64bd1f; }
.hoot-widget-list-images input[type="radio"]:checked + label:before { content: "\f147"; font-family: dashicons; background-color: #64bd1f; position: absolute; right: 0px; bottom: 0px; border-top-left-radius: 2px; color: #fff; line-height: normal; font-size: 20px; padding: 1px 0 0 1px; }

/*** Icon Picker ***/
.hoot-widget-field-type-icon { min-height: 30px; }
.hoot-widget-field-type-icon .hoot-icon-picked { display: inline-block; font-size: 11px; line-height: 22px; cursor: pointer; float: right;
	background: #f7f7f7; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08); box-shadow: 1px 1px 0 rgba(0,0,0,.08); border: solid 1px #ccc; }
.hoot-widget-field-type-icon .hoot-icon-picked i { font-size: 20px; padding: 2px 4px; width: 26px; text-align: center; background: #eee; float: left; }
.hoot-widget-field-type-icon .hoot-icon-picked i.selected { /*background: #2ea2cc; color: #fff;*/ }
.hoot-widget-field-type-icon .hoot-icon-picked span { display: inline-block; padding: 1px 7px; float: left;
	border-left: solid 1px #ccc; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.hoot-widget-field-type-icon .hoot-icon-picker-box { display: none; max-width: none; margin-right: 0px; margin-top: 0.3em; overflow: auto; max-height: 25em; background: #fff; padding: 10px; padding-right: 0; border: solid 1px #dfdfdf; position: relative; z-index: 10; }
.hoot-widget-field-type-icon .hoot-icon-picker-list { }
.hoot-widget-field-type-icon .hoot-icon-picker-list:after { display: block; clear: both; width: 100%; content: ''; }
.hoot-widget-field-type-icon .hoot-icon-picker-list i { font-size: 1.33em; float: left; width: 1em; border: 1px solid #e1e1e1; margin: 0 0 -1px -1px; padding: 0.5em; cursor: pointer; }
.hoot-widget-field-type-icon .hoot-icon-picker-list i:hover,
.hoot-widget-field-type-icon .hoot-icon-picker-list i:hover:before,
.hoot-widget-field-type-icon .hoot-icon-picker-list i.selected { background: #2ea2cc; color: #fff; }
.hoot-widget-field-type-icon .hoot-icon-picker-list .hoot-icon-none { width: auto; padding: 2px 8px; margin-top: 8px; background: #f7f7f7; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08); box-shadow: 1px 1px 0 rgba(0,0,0,.08); }
.hoot-widget-field-type-icon .hoot-icon-picker-list .hoot-icon-none:before { color: #bbb; }
.hoot-widget-field-type-icon .hoot-icon-picker-list .hoot-icon-none span { font-family: "Open Sans",sans-serif; font-size: 11px; line-height: 14px; margin-left: 7px; vertical-align: 12%; }

/*** Image ***/
.hoot-widget-field-type-image { min-height: 30px; }
.hoot-widget-field-type-image .hoot-image-selected { display: inline-block; font-size: 11px; line-height: 22px; cursor: pointer; float: right;
	background: #f7f7f7; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08); box-shadow: 1px 1px 0 rgba(0,0,0,.08); border: solid 1px #ccc; }
.hoot-widget-field-type-image .hoot-image-selected-img { width: 34px; height: 24px; display: inline-block; vertical-align: top; background-size: cover; background-position: center center; }
.hoot-widget-field-type-image .hoot-image-selected-label { display: inline-block; padding: 1px 7px;
	border-left: solid 1px #ccc; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.hoot-widget-field-type-image .hoot-image-remove { clear: both; float: right; font-size: 11px; line-height: 18px; }
.hoot-widget-field-type-image .hoot-widget-field-description { clear: none; margin-right: 110px; }

/*** Select2 ***/
.select2-container--default .select2-selection--multiple { border: 1px solid #ddd; box-shadow: inset 0 1px 2px rgba(0,0,0,.07); }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #aaa; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { display: block; }
.hoot-widget-field .select2-container { /*overqualify to override display:inline-block from custom-sdiebars plugin*/
	display: block; width: auto !important;
	z-index: 500010; /* For dropdown to be visible in customizer: .wp-full-overlay set to position:fixed z-index:500000 */
}
body .select2-container .select2-dropdown { z-index: 500010; } /* For dropdown to be visible in customizer: .wp-full-overlay set to position:fixed z-index:500000 */ /* overqualify if any plugin like custom-sidebar reloads this library */

/*** Group ***/
.hoot-widget-field-group-top h3 { font-size: 13px; margin: 0; cursor: pointer; color: #0073aa; }
.hoot-widget-field-group-items{ margin-top: 0.5em; }
.hoot-widget-field-group-item { background: #f7f7f7; border: solid 1px #ddd; border-bottom: none; padding: 0 0.8em 1px; }
.hoot-widget-field-group-item-top { background: #eee; margin: 0 -0.8em; padding: 5px 0.8em; cursor: pointer; position: relative; }
.hoot-widget-field-group-item-top h4 { margin: 0; padding-right: 18px; }
.hoot-widget-field-group-item-top .fa-arrows-alt { display: none; }
.hoot-widget-field-group-remove { display: inline-block; float: right; padding: 0 5px; cursor: pointer; }
.hoot-widget-field-group-item-form { display: none; }
.hoot-widget-field-group-add { background: #eee; border: dashed 1px #ddd; text-align: center; cursor: pointer; }
.hoot-widget-field-group-add.maxreached { color: #aaa; background: #ddd; }

.hoot-widget-field-group-items.issortable .hoot-widget-field-group-item-top h4 { margin-left: 1em; padding-left: 8px; }
.hoot-widget-field-group-items.issortable .hoot-widget-field-group-item-top .fa-arrows-alt { display: block; position: absolute; left: 0; top: 0; width: 1em; padding: 5px; text-align: center; line-height: inherit; opacity: 0.8; border-right: solid 1px #ddd; cursor: move; }
.hoot-widget-field-group-items.issortable .hoot-widget-field-group-item-top .fa-arrows-alt:after { content: ""; position: absolute; top: 0; right: -2px; bottom: 0; border-right: solid 1px #fff; }
.hoot-widget-field-sortlistitem-placeholder { border: 1px dashed #d5d5d5; background: #f7f7f7; }

/*** Collapse ***/
.hoot-widget-field-collapse { border: solid 1px #ddd; }
.hoot-widget-field-collapse .hoot-collapse-head { background: #eee; padding: 1px 8px; }
.hoot-widget-field-collapse .hoot-collapse-head h3 { font-size: 13px; margin: 0; cursor: pointer; color: #0073aa; }
.hoot-widget-field-collapse .hoot-collapse-body { border-top: solid 1px #ddd; background: #f7f7f7; padding: 0 8px 8px; display: none; }
.hoot-widget-field-collapse .hoot-collapse-body .hoot-widget-field { margin: 0; padding: 8px 0 0; }
.hoot-widget-field-collapse .hoot-collapse-body .hoot-widget-field.hoot-div-ve0 { padding-top: 2px; }

/*** Specifics ***//*
[id *= "_hootkit-"] .widget-title { position: relative; }
[id *= "_hootkit-contact-info-"] .widget-title:after { content: "Premium"; position: absolute; bottom: 0; right: 0; text-transform: uppercase; padding: 2px 3px; font-size: 0.8em; line-height: 1em; color: #0073aa; background: #eaeaea; }
.wp-customizer #widgets-left [id *= "_hootkit-"] .widget-title:after { display: none; } /* position: relative; top: -2px; */

/**
 * Block Editor: Legacy_Widget_Block_WP5.8
 * ========================================================
 */

.wp-block .hoot-widget-form { max-width: 450px; margin: 0 auto; background: rgba(0,0,0,0.03); padding: 0 15px; border: solid 1px rgba(0,0,0,0.15); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.1); }
.wp-block .hoot-widget-form input,
.wp-block .hoot-widget-form select,
.wp-block .hoot-widget-form textarea { background: #fff !important; }
.wp-block .hoot-widget-field { line-height: normal; }

.wp-block .hoot-widget-field h4 { font-weight: 600; } /*separator,icon dropdown section titles,group items top header*/
.wp-block .hoot-widget-field-group-top h3 { font-size: 1em; } /*group top header*/
.wp-block .hoot-widget-field-group-item-top i { box-sizing: content-box; }
.wp-block .hoot-widget-field-type-icon .hoot-icon-picker-list i { box-sizing: content-box; }
.wp-block ul.hoot-widget-list { padding-left: 0; } /*radio,images*/

.wp-block .select2-container--default .select2-search--inline .select2-search__field { border: none !important; }
/*.wp-block select.hoot-select2 { padding: 0; }
.wp-block select.hoot-select2 option { padding: 2px 8px; }
.wp-block select.hoot-select2 option:before { margin-right: 8px;
	content: "\f0c8"; font-weight: 400;
	font-family: Font Awesome\ 5 Free; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;
}
.wp-block select.hoot-select2 option:checked:before { content: "\f14a"; }*/ /* color: rgb(100 189 31); font-weight: 900; */