/*

Styles for meta boxes
Benue theme by Kotofey

*/

.rwmb-label {
	margin: 1em 0;
}

.rwmb-input {
	margin: 1em 0;
}

.rwmb-label label {
	font-weight: 600;
}

/* .rwmb-field.projimg_wrapper,
#kktfwp-homepage-settings,
.kktfwp-filter-wrapper, 
.kktfwp-columns-wrapper, 
.kktfwp-gaps-wrapper,
.kktfwp-video-wrapper,
.kktfwp-visibility-wrapper,

.kktfwp-ppp,
.kktfwp-offset,
.kktfwp-load-more,
.kktfwp-portfolio-style-wrapper {
	display: none;
} */

div[id^="kktfwp"] {
	.rwmb-tabs-left .rwmb-tab-nav {
		width: 160px;
		background-color: #f7f7f7;
		
		li {
			border-left: 4px solid transparent;
			//transition: border-color .3s linear;		
			border-bottom: 1px solid #e5e5e5;			
			
			&[class*="active"] {
				border-left-color: #0073aa;
				border-top-color: transparent;
				font-weight: 500;

			}
			&[data-panel="portfolio"] {
				display: none;
			}
		}
		
		a {
			padding: 24px 12px;
			color: #444;			
			transition: background-color .2s linear;
			
			&:hover {
				background-color: #fff;
				
			}
		}	
		
		i {
			vertical-align: bottom;
		}
	}
	
	.rwmb-select.rwmb-select {
		min-width: 160px;
		padding: 3px 24px 3px 8px;
	}
	
	.rwmb-select.rwmb-select {
		min-width: 160px;
		padding: 3px 24px 3px 8px;
	}
		
	.rwmb-group-wrapper .rwmb-input:last-child {
		margin-bottom: 0;
	}
	
	.rwmb-range {
		margin: 8px 0;
		padding: 3px 5px;
		border-radius: 3px;
		border: 1px solid transparent;
		-webkit-appearance: none;
		width: 100%;
		max-width: 240px;
		&:focus {
			outline: none;
		}
		&::-webkit-slider-runnable-track {
			cursor: pointer;
			height: 8px;
			background: transparent;
			border: 0;
		}
		&::-webkit-slider-thumb {
			cursor: pointer;
			border: 1px solid transparent;
			width: 26px;
			height: 22px;
			margin-top: -10px;
			border-radius: 3px;
			background: #f7f7f7;
			-webkit-appearance: none;
			box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
		}
		&:focus::-webkit-slider-runnable-track {
			background: transparent;
		}
		&::-moz-range-track {
			cursor: pointer;
			height: 8px;
			cursor: pointer;
			background: transparent;
			border: 1px solid #D9D9D9;
		}
		&::-moz-range-thumb {
			cursor: pointer;
			width: 26px;
			height: 22px;
			border: 1px solid #D9D9D9;
			border-radius: 3px;
			background: #f7f7f7;
			box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
		}
		&::-ms-track {
			cursor: pointer;
			height: 8px;
			background: transparent;
			border-color: transparent;
			border-width: 28px 0;
			color: transparent;
		}
		&::-ms-fill-lower {
			background: transparent;
			border: 1px solid #D9D9D9;
			box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
		}
		&::-ms-fill-upper {
			background: transparent;
			border: 1px solid #D9D9D9;
			box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
		}
		&::-ms-thumb {
			cursor: pointer;
			width: 26px;
			height: 22px;
			border: 1px solid #D9D9D9;
			border-radius: 3px;
			background: #f7f7f7;
			box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
		}
		&:focus::-ms-fill-lower {
			background: transparent;
		}
		&:focus::-ms-fill-upper {
			background: transparent;
		}
	}
}


.media-modal .attachment-details .setting.vc-image-filter-setting {
	display: none;
}

.media-modal .media-sidebar .attachment-details .setting.vc-image-filter-setting {
	display: block;
}

.customize-control-title {
	color: #000;
}

.customize-control {
	margin-bottom: 16px;
}

input {
	border: 1px solid #ddd;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
	color: #32373c;
}

.rwmb-input .description {
	margin-top: 10px;
}

.edit-post-layout__metaboxes:not(:empty) .editor-meta-boxes-area {
 max-width: 100% !important;
}