/* Widget - Archives as a Dropdown */
/* Widget - Categories as a Dropdown */

.widget_archive select, 
.widget_categories select, 
.elementor-widget-wp-widget-archives select, 
.elementor-widget-wp-widget-categories select, 
.wp-block-archives-dropdown select, 
.wp-block-categories-dropdown select, 
select {
	/* Reset */
	appearance: none;
	border: 0;
	outline: 0;
	font: inherit;
	font-size: var(--form-field-text-size);
	/* Personalize */
	margin-top: 5px;
	margin-bottom: 24px;
	/*width: 20em;*/
	min-width: 260px;
	width: auto;
	height: 50px;
	padding: 11px 4em 9px 18px;
	background: url(../../assets/files/caret-down-font-awesome.svg) no-repeat right 0.8em center / 1.4em, 
	linear-gradient(to left, rgba(255, 255, 255, 0.3) 3em, rgba(255, 255, 255, 0.2) 3em);
	color: white;
	border-radius: 3px;
	/*box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);*/
	cursor: pointer;
}

/* <option> colors */
.widget_archive select option, 
.widget_categories select option, 
.elementor-widget-wp-widget-archives select option, 
.elementor-widget-wp-widget-categories select option, 
.wp-block-archives-dropdown select option, 
.wp-block-categories-dropdown select option, 
select option {
	background-color: var(--dark-shade-5);
	color: var(--p-v2-color);
}

/* Remove focus outline */
.widget_archive select:focus, 
.widget_categories select:focus, 
.elementor-widget-wp-widget-archives select:focus, 
.elementor-widget-wp-widget-categories select:focus, 
.wp-block-archives-dropdown select:focus, 
.wp-block-categories-dropdown select:focus, 
select:focus {
	/*outline: none;*/
	outline: thin dotted;
}

/* Remove IE arrow */
.widget_archive select::-ms-expand, 
.widget_categories select::-ms-expand, 
.elementor-widget-wp-widget-archives select::-ms-expand, 
.elementor-widget-wp-widget-categories select::-ms-expand, 
.wp-block-archives-dropdown select::-ms-expand, 
.wp-block-categories-dropdown select::-ms-expand, 
select::-ms-expand {
	display: none;
}

@media all and (max-width: 500px) {
	.widget_archive select, 
	.widget_categories select, 
	.elementor-widget-wp-widget-archives select, 
	.elementor-widget-wp-widget-categories select, 
	.wp-block-archives-dropdown select, 
	.wp-block-categories-dropdown select, 
	select {
		width: 100%;
	}
}