.tsf-metaboxes {
	box-sizing: border-box;
	max-width: 740px;
	padding-bottom: 20px;
}

.tsf-top-wrap {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.tsf-top-wrap > h1 {
	float: left;
}

body.rtl .tsf-top-wrap > h1 {
	float: right;
}

.tsf-metaboxes .metabox-holder {
	clear: both;
}

.tsf-top-buttons {
	float: right;
}

body.rtl .tsf-top-buttons {
	float: left;
}

.tsf-bottom-buttons {
	text-align: right;
}

body.rtl .tsf-bottom-buttons {
	text-align: left;
}

.tsf-metaboxes .tsf-top-buttons input,
.tsf-metaboxes .tsf-bottom-buttons input {
	margin-left: 10px;
}

#tsf-title-separator {
	display: table;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

#tsf-title-separator input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: -1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#tsf-title-separator label {
	display: inline-block;
	width: auto;
	min-width: 28px;
	min-height: 28px;
	margin: 3px;
	-moz-margin-end: 1.5px;
	-moz-margin-start: 1.5px;
	padding: 0 4px;
	border: 1px solid #ccc;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
	box-shadow: -1px -1px 1px #aaa inset;
	font-size: 16px;
}

#tsf-title-separator label:hover {
	box-shadow: 1px 1px 1px #aaa inset;
	background-color: #fff;
}

#tsf-title-separator input:checked + label {
	box-shadow: 1px 1px 1px #333 inset;
	background-color: #fff;
}

#tsf-title-separator input:focus + label:not(.tsf-no-focus-ring) {
	box-shadow: 0px 0px 1px 1px #333 inset;
}

#tsf-title-location,
#tsf-home-title-location {
	display: block;
}

#tsf-title-location label span,
#tsf-home-title-location label span {
	display: inline-block;
	min-width: 60px;
	vertical-align: baseline;
}

#tsf-home-title-location label .tsf-custom-title-js,
#tsf-home-title-location label .tsf-custom-blogname-js,
#tsf-home-title-location label .tsf-custom-tagline-js,
#tsf-title-location label .tsf-sep-js,
#tsf-title-location label .tsf-title-additions-js,
#tsf-home-title-location label .tsf-sep-js {
	display: inline;
	min-width: 0;
	white-space: pre;
}

/**
 * Start Tabs.
 */
.tsf-tab-no-js,
.tsf-nav-tab-wrapper {
	position: relative;
	clear: both;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #ccc;
	line-height: inherit;
	padding: 8px 12px 0;
	margin: -4px -12px;
}

.tsf-nav-tab {
	float: left;
	border: 1px solid #ccc;
	margin-left: .5em;
	margin-bottom: -1px;
	padding: 5px 14px;
	font-size: 12px;
	line-height: 16px;
	background: #f1f1f1;
	color: #555;
	font-weight: 600;
	border-radius: 3px 3px 0 0;
}

body.rtl .tsf-nav-tab {
	float: right;
	margin-left: 0;
	margin-right: .5em;
}

.tsf-nav-desktop {
	margin-left: 7px;
}

.tsf-dashicons-tabs {
	font-size: initial;
	display: inline;
	vertical-align: text-bottom;
}

input.tsf-tabs-radio {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: -1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.tsf-tabs-radio:checked + label,
.tsf-active-tab {
	background-color: inherit;
	border-bottom-color: #fff;
	color: #000;
}

/* make all border colors #fff, so it doesn't look skewed */
.tsf-tabs-radio:focus + label:not(.tsf-no-focus-ring) {
	box-shadow:
		0 0 0 1px #5b9dd9,
		0 0 2px 1px rgba(30, 140, 190, .8);
	border-color: #fff;
}

.tsf-tabs-content {
	margin: 1.33em auto 0;
}

.tsf-tabs-content select {
	width: 100%;
	max-width: max-content;
	text-overflow: ellipsis;
}

.tsf-content-no-js {
	margin: 1.33em auto;
}

body.js .tsf-tabs-content {
	display: none;
}

body.js .tsf-tabs-content.tsf-active-tab-content {
	display: block;
}

/**
 * End tabs.
 */

/**
 * TEMP (Fixed in WP 5.5)
 * @see https://core.trac.wordpress.org/ticket/49543
 */

.wp-picker-input-wrap .button.wp-picker-clear {
	margin-left: 6px;
	padding: 0 8px;
	line-height: 2.54545455; /* 28px */
	min-height: 30px;
}

body.rtl .wp-picker-input-wrap .button.wp-picker-clear {
	margin-right: 6px;
	padding: 0 8px;
	line-height: 2.54545455; /* 28px */
	min-height: 30px;
}

@media screen and (max-width: 782px) {
	.wp-picker-input-wrap .button.wp-picker-clear,
	body.rtl .wp-picker-input-wrap .button.wp-picker-clear {
		padding: 0 8px;
		line-height: 2.14285714; /* 30px */
		min-height: 32px;
	}
}

/**
 * End TEMP (Fixed in WP 5.5).
 */
