body {
	--vb-left: left;
	--vb-right: right;
	--vb-background-hover-color: rgb(80, 90, 100);
	--vb-main-color: #2271b1;
	--vb-main-hover-color: rgba(0, 10, 20, 0.2);
	--vb-link-color: rgb(30, 40, 50);
	--vb-name-color: rgb(70, 80, 90);
	--vb-text-color: rgb(120, 130, 140);
	--vb-placeholder-color: rgb(180, 185, 190);
	--vb-border-radius: 5px;

	--vb-background-color: #ffffff;
	--vb-gray-color: rgba(245, 247, 249, 1);
	--vb-according-color: rgba(240, 243, 246, 1);
	--vb-border-color: rgba(215, 218, 221, 1);
	--vb-border-focus-color: rgba(150, 155, 160, 1);
	--vb-button-color: rgba(245, 247, 249, 1);
	--vb-input-color: #ffffff;


	--vb-content-background-color: rgba(245, 247, 249, 1);
	--vb-content-gray-color: rgba(222, 225, 228, 1);
	--vb-content-border-color: rgba(200, 204, 208, 1);
	--vb-content-button-color: rgba(235, 237, 239, 1);
	--vb-content-input-color: rgba(245, 247, 249, 1);
}

.vb_has_sortable .vb_options_scroll {
	overflow: visible !important;
}

.vb_has_sortable .vb_options_middle {
	overflow: visible !important;
}

#toplevel_page_vb_frontend {
	display: none !important;
}
.toplevel_page_vb_frontend #query-monitor-main{
	display:none !important;
}
@font-face {
	font-family: 'vb-font';
	font-weight: 300;
	src: url('../fonts/vb-font-300.woff') format('woff');
}

 
@font-face {
	font-family: 'vb-font';
	font-weight: normal;
	src: url('../fonts/vb-font-400.woff') format('woff');
}

@font-face {
	font-family: 'vb-font';
	font-weight: 500;
	src: url('../fonts/vb-font-500.woff') format('woff');
}

@font-face {
	font-family: 'vb-font';
	font-weight: normal;
	font-weight: 700;
	src: url('../fonts/vb-font-700.woff') format('woff');
}

@font-face {
	font-family: 'vb-font';
	font-weight: normal;
	font-weight: 900;
	src: url('../fonts/vb-font-900.woff') format('woff');
}

.vb_switch_mode_wrap {
	width: 100%;
	margin: 10px 0px;
	display: inline-block;
}

.vb_switch_mode {
	float:inline-start;
	height: 45px;
	background: var(--vb-main-color);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	overflow: hidden;
	line-height: 45px;
	border-radius: 7px;
}

.vb_switch_mode a,
.vb_switch_mode span {
	padding: 0 15px;
	color: inherit !important;
	float: inline-start;
}

.vb_switch_mode a {
	cursor: pointer;
	text-decoration: none;
	height: 45px;
}
body div.vb_switch_mode a:hover{
	background:#40484f !important;
	color:#ffffff !important;
}
.vb_switch_mode_default {
	display: none !important;
}

.vb_switch_active .vb_switch_mode_backend {
	display: none !important;
}

.vb_switch_active .vb_switch_mode_default {
	display: inline-block !important;
	background: #ffffff !important;
	color: var(--vb-link-color) !important;
}

.vb_switch_mode a:hover {
	background: var(--vb-main-hover-color) !important;
	color: #ffffff !important;
}

.edit-post-header-toolbar .vb_switch_mode {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	width: 200px !important;
 }
.edit-post-header-toolbar .vb_switch_mode a{
	height:inherit!important; 
  width: 100%;
	font-weight:500;
	border-radius:0px !important;
	text-align:center!important;
}

.visualbuilder_active  .edit-post-header-toolbar .vb_switch_mode_default{
	display:inline-block !important;
	background:#10181f ;
	
}
.visualbuilder_active  .edit-post-header-toolbar .vb_switch_mode_frontend{
	display:none !important;	
}
.vb_switch_mode_block_editor{
	
	height:400px;
	background:rgba(118,128,138,0.1);
	display:flex;
	align-items:center;
	width:100%;
	float:inline-start;justify-content: center;
}
.vb_switch_mode_block_editor .vb_switch_mode {
	line-height:60px;
	height:60px;
	
}
.vb_switch_mode_block_editor .vb_switch_mode a{
	width:100%;
	line-height:60px;
	height:60px;
	font-size:18px;
 	padding: 0px 20px;	
}

.visualbuilder_active:not(.block-editor-page) #wpadminbar {
	display: inline-block !important;

}
.post-type-vb_header #elementor-switch-mode,
.block-editor #vb_page_builder,
#vb_page_builder ,
 
#vb_builder_data{
	display: none !important;
}

.visualbuilder_active #vb_page_builder {
	display: block !important;
}

.visualbuilder_active .wp-editor-expand,
.visualbuilder_active.postarea,
.visualbuilder_active .composer-switch,
.visualbuilder_active #fusion_main_editor_wrap,
.visualbuilder_active .editor-block-list__layout,
.visualbuilder_active .block-editor-block-list__layout,
.visualbuilder_active .block-editor-writing-flow__click-redirect,
.visualbuilder_active #elementor-editor,
.visualbuilder_active #elementor-switch-mode  {
	display: none !important
}

#vb_page_builder .postbox-header {
	font-size: 20px;
	line-height: 60px;
	height: 60px;
}

#vb_page_builder .postbox-header h2 {
	font-size: 20px;
	font-weight: 700;
}

.post-type-vb_header .elementor-switch-mode {
	display: none !important;
}

#vb_page_builder .inside {
	display: inherit !important;
	display: inherit !important;
	padding: 0;
	margin: 0px;
}

.vb_panel {
	position: relative;
	box-sizing: border-box;
	--vh-tr: transform 1s, background .3s, color .3s, border .3s, box-shadow .3s, opacity .3s;
	display: inline-block;
	width: 100%;
	font-family: 'vb-font';
	vertical-align: top;
}
#vb_panel {
	box-sizing: border-box;
	font-family: 'vb-font';

}
#vb_panel *{
		box-sizing: border-box;

}
#vb_panel h1,
 #vb_panel h2,
 #vb_panel h3,
 #vb_panel h4,
 #vb_panel h5,
 #vb_panel h6{
		font-family: 'vb-font'!important;
}

.vb_builder {
	background: #fff;
	box-sizing: border-box;
	float: inline-start;
	overflow: hidden;
	width: 100%;
}

.vb_builder_wrap {
	float: inline-start;
	width: 100%;
}

#vb_builder_data {
	width: 100%;
	height: 200px;
	display: none !important;
}

/************************************************************************************************************************************************************************************************************************************************************************************************************Bottom////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb_btn,
.vb_btn:focus {
	width: var(--vb-el-width, 100%);
	background: var(--vb-el-background);
	color: var(--vb-el-color);
	float: inline-start;
	margin: 0px;
	padding: calc((var(--vb-el-height) - var(--vb-el-line-height)) / 2) var(--vb-el-padding);
	font-weight: 500;
	height: var(--vb-el-height);
	line-height: var(--vb-el-line-height);
	position: relative;
	border-radius: var(--vb-border-radius);
	box-shadow: none;
	outline: none;
	border: none;
	text-decoration: none;
	display: flex;
	gap: 10px;
	cursor: pointer;
	transition: background 300ms, color 300ms;
}

.vb_btn::before {
	content: none;
	display: inline-block;
	vertical-align: middle;
	margin-inline-end: 00px;
	height: auto;
	font-size: var(--vb-el-icon-size, 1.5em);
	float: inline-start;
	opacity: var(--vb-el-icon-opacity);
}

.vb_btn>span {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
}

.vb_btn:hover {
	background: var(--vb-el-hover-background, var(--vb-el-background)) !important;
	color: var(--vb-el-hover-color, var(--vb-el-color)) !important;
}