/home/arranoyd/magicraft/wp-content/themes/massive-dynamic/lib/assets/css/vc-gizmo.css
/************************* Gizmo *************************/
.compose-mode .content-container{
min-height:500px;
}
.element-md_tab,
.element-md_modernTab,
.compose-mode .vc_controls-column > div > .element-md_tab.vc_element .vc_advanced.vc_advanced,
.compose-mode .vc_controls-column > div > .element-md_modernTab.vc_element .vc_advanced.vc_advanced{
width: 66px ;
border-radius: 3px;
}
.compose-mode .vc_element.vc_empty .vc_empty-element, .view-mode .vc_element.vc_empty .vc_empty-element{
min-height: 300px!important;
transition:transform 400ms;
}
.compose-mode .vc_element.vc_empty .vc_empty-element:after,
.view-mode .vc_element.vc_empty .vc_empty-element:after{
height: 122px!important;
}
.compose-mode .vc_element.vc_empty .vc_empty-element:after{
background: transparent url(../../../assets/img/empty-row.png) no-repeat center!important;
transform: translateY(-50%);
}
.view-mode .vc_element.vc_empty .vc_empty-element:after{
background: none!important;
}
.view-mode .vc_element.vc_empty .vc_empty-element,
.view-mode .vc_element.vc_empty .vc_empty-element:after{
cursor: auto!important;
}
.vc_move-vc_column.vc_element-move.ui-sortable-handle {
display: none;
}
.compose-mode .vc_controls{
visibility: visible !important;
opacity: 1 !important;
}
.compose-mode .vc_controls > .vc_controls-out-tl.vc_controls-out-tl{
width : 100%;
height: 0;
left: 0 !important;
top: -46px ;
/*overflow: hidden;*/
}
.compose-mode .controls-in .vc_controls > .vc_controls-out-tl{
top: 0 ;
}
/* Row */
/* use for main content doesn't go under customizer */
.vc_row.full_size{
margin-left: 0 !important;
margin-right:0 !important;
}
.vc_row{
clear: both;
}
.vc_controls-bc{
padding-bottom: 0px;
}
.vc_empty-placeholder{
margin-bottom:45px !important;
}
.compose-mode .vc_vc_row > .vc_parallax{
padding-top: 0;
}
.compose-mode div[class*='parent-vc_row'],
.compose-mode .vc_controls-container > div > .vc_parent{
width: 420px ;
height: 43px ;
/*margin-top: -47px;*/
margin-top: 0;
opacity: 0;
display: none;
transition: opacity .15s;
}
.vc_element.vc_vc_row.vc_container-block:hover div[class*='parent-vc_row']{
margin-top: 0;
}
.compose-mode .vc_vc_row_inner .vc_vc_column_inner .vc_controls-out-tl{
top: 0;
}
.compose-mode .vc_element.vc_vc_row_inner.vc_vc_row_inner.vc_vc_row_inner {
margin-top: 50px !important;
}
.compose-mode div[class*='parent-vc_row'] .vc_advanced{
width: auto !important;
}
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-delete,
.compose-mode div[class*='parent-vc_row'] .vc_move-vc_row,
.compose-mode div[class*='parent-vc_row'] .vc_move-vc_row_inner,
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-clone,
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-layout,
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-edit,
.compose-mode div[class*='element-vc_column'] .vc_control-btn-delete,
.compose-mode div[class*='element-vc_column'] .vc_control-btn-edit{
position: absolute;
height: 42px;
width: 42px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: solid 1px rgba(142,142,142,.28);
}
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-delete{
left: 44px;
width: 43px;
background:#434343 url("../../assets/img/vc-ui-icons/row_delete.png") no-repeat center;
transition: background .4s;
}
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-delete .vc_btn-content{ display: none !important;}
.compose-mode div[class*='parent-vc_row'] .vc_move-vc_row.vc_element-move,
.compose-mode div[class*='parent-vc_row'] .vc_move-vc_row_inner.vc_element-move{
left: 0;
width: 43px;
cursor: move;
background:#434343 url("../../assets/img/vc-ui-icons/row_move.png") no-repeat center;
transition: background .4s;
}
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-clone{
left: 88px;
width: 44px;
background:#434343 url("../../assets/img/vc-ui-icons/row-clone.png") no-repeat center;
transition: background .4s;
}
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-layout:before{
content: "";
width: 1px;
height: 14px;
background-color: #a1a1a1;
display: block;
position: absolute;
top: 14px;
left: 0;
}
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-layout:before:hover{
background-color: #434343;
}
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-layout{
width: 149px;
left: 271px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background:#434343 url("../../assets/img/vc-ui-icons/row_layout.png") no-repeat center;
transition: background .4s;
}
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-edit{
left: 134px;
width: 137px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background:#434343 url("../../assets/img/vc-ui-icons/row_setting.png") no-repeat center;
transition: background .7s;
}
.compose-mode div[class*='parent-vc_row_inner'] .vc_control-btn-edit,
.compose-mode div[class*='parent-vc_row_inner'] .vc_control-btn-layout,
.compose-mode div[class*='parent-vc_row_inner'] .vc_control-btn-delete,
.compose-mode div[class*='parent-vc_row_inner'] .vc_move-vc_row.vc_element-move,
.compose-mode div[class*='parent-vc_row_inner'] .vc_move-vc_row_inner.vc_element-move{
background-color: #52e2aa;
}
.compose-mode div[class*='parent-vc_row_inner'] .vc_control-btn-edit{
left: 88px;
background-image: url(../../assets/img/vc-ui-icons/rowinner_setting.png);
width: 150px;
}
.compose-mode div[class*='parent-vc_row_inner'] .vc_control-btn-layout{
left: 238px;
}
.compose-mode div[class*='parent-vc_row_inner'] .vc_control-btn-clone{
display: none !important;
}
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-prepend,
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-switcher,
.vc_element.vc_vc_column.vc_container-block .vc_controls-out-tl div[class*='parent-vc_row'],
.vc_vc_row_inner .vc_vc_column_inner.vc_container-block .vc_controls-out-tl div[class*='parent-vc_row']{
z-index: -9999;
margin-top:0;
opacity: 0;
display: none;
}
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-clone .vc_btn-content,
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-layout .vc_btn-content,
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-edit .vc_btn-content,
.compose-mode div[class*='parent-vc_row'] .vc_move-vc_row .vc_btn-content,
.compose-mode div[class*='parent-vc_row'] .vc_move-vc_row_inner .vc_btn-content{
visibility:hidden;
}
.vc_vc_row.vc_container-block .vc_vc_column.vc_container-block:nth-of-type(1) .vc_controls-out-tl,
.vc_vc_row_inner.vc_container-block .vc_vc_column_inner.vc_container-block:nth-of-type(1) .vc_controls-out-tl{
height: 0;
z-index: 1010;
}
.compose-mode .vc_row .vc_vc_column:hover{
outline: none;
}
.view-mode .vc_row .vc_vc_column:hover{
outline: none;
}
.vc_row .vc_vc_column:first-child{
border-left: none;
}
/* row controllers hover */
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-clone:hover,
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-layout:hover,
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-edit:hover,
.compose-mode div[class*='parent-vc_row'] .vc_move-vc_row.vc_element-move:hover,
.compose-mode div[class*='parent-vc_row'] .vc_move-vc_row_inner.vc_element-move:hover,
.compose-mode div[class*='parent-vc_row'] .vc_control-btn-delete:hover{
background-color: rgba(150, 150, 150, 0.77);
}
.compose-mode div[class*='parent-vc_row_inner'] .vc_control-btn-edit:hover,
.compose-mode div[class*='parent-vc_row_inner'] .vc_control-btn-layout:hover,
.compose-mode div[class*='parent-vc_row_inner'] .vc_control-btn-delete:hover,
.compose-mode div[class*='parent-vc_row_inner'] .vc_move-vc_row.vc_element-move:hover,
.compose-mode div[class*='parent-vc_row_inner'] .vc_move-vc_row_inner.vc_element-move:hover{
background-color:rgba(82,226,170,.77) ;
}
/* column */
.compose-mode .vc_controls.vc_controls-column.vc_controls-column{
height: 0;
width: 100%;
top: 0px;
left: 0;
visibility: visible !important;
}
.compose-mode div[class*='element-vc_column'] .vc_move-vc_column,
.compose-mode div[class*='element-vc_column'] .vc_control-btn-prepend,
.compose-mode div[class*='element-vc_column'] .vc_control-btn-delete{
display: none !important;
}
.compose-mode div[class*='element-vc_column'] .vc_control-btn-edit{
left: 0;
width: 42px;
height: 42px;
border-radius: 3px;
background: rgba(0,0,0,.35) url("../../assets/img/vc-ui-icons/column-setting.png") no-repeat center;
display: none !important;
}
.vc_row .vc_vc_column:hover div.element-vc_column .vc_control-btn-edit,
.vc_row_inner .vc_vc_column_inner:hover div.element-vc_column_inner .vc_control-btn-edit{
background-position: 12px 12px;
}
.vc_row .vc_vc_column:hover div[class*='element-vc_column'] .vc_control-btn-edit:hover{
background-color:rgba(150, 150, 150, 0.77)
}
.compose-mode div[class*='element-vc_column'] .vc_control-btn-edit .vc_btn-content{
visibility: hidden;
}
/* shortcode control */
.compose-mode .vc_controls > .vc_controls-cc.vc_controls-cc{
width: 100%;
height: 100%;
top: 0 !important;
left: 0;
background-color: transparent ;
transition: background .3s;
transform: translate(0,0);
}
.compose-mode .vc_vc_column .vc_element.vc_vc_column_text .vc_controls > .vc_controls-cc{
width : 100%;
height : 100%;
left : 50% ;
top : 50% !important;
transform : translate( -50% , -50% );
}
.compose-mode .vc_controls > .vc_controls-cc:hover{
background-color: rgba(56,224,167,.3) !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 15px solid rgb(56,224,167);
border-image: url(../img/vc-ui-icons/conrner.png) 46% repeat;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_element-move{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
cursor: move;
}
.compose-mode .vc_vc_column .vc_element.vc_vc_column_text .vc_controls > .vc_controls-cc .vc_element-move{
width : 50%;
height : 50%;
left : 50%;
top : 50%;
transform : translate(-50%,-50%);
}
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc .vc_element-move{
height: 0;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-edit,
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-clone,
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-delete,
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align,
.compose-mode .vc_controls > .vc_controls-cc .vc_element-move .md-move-gizmo{
height: 49px;
width: 49px;
z-index: 2;
opacity: 0;
position: absolute;
top: 0;
left: 0px;
bottom: 0;
right: 0;
margin: auto;
border-radius: 3px !important;
background:#434343 no-repeat center;
transition: all 200ms linear 100ms;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_element-move .md-move-gizmo {
cursor: move;
background: #434343 url("../../assets/img/vc-ui-icons/row_move.png") no-repeat center center;
left:146px;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-delete{
background-image: url("../img/vc-ui-icons/shortcode-delete.png");
left: 44px;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-clone{
background-image: url("../img/vc-ui-icons/row-clone.png");
background-size: 19px;
left:-58px;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-edit{
background-image: url("../img/vc-ui-icons/shortcode-setting.png");
left: -160px;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align{
left: 146px;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-left,
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-right,
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-center{
position: absolute;
height: 100%;
width: 17px;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-left{
left:0;
top:0;
width:19px;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-center{
left:19px;
top:0;
width: 12px;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-right{
left:31px;
top:0;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-left:after{
margin-left: 15px;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-center:after{
margin-left: 4px;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn:after{
content: " ";
height: 21px;
width: 4px;
background: #595959;
display: block;
border-radius: 3px;
margin-top: 15px;
}
.compose-mode .md-align-right ~ .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-right:after,
.compose-mode .md-align-left ~ .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-left:after,
.compose-mode .md-align-center ~ .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn-center:after{
background: #3dd69b;
}
.compose-mode .md-align-right ~ .vc_controls > .vc_controls-cc .vc_control-btn-align:hover .vc_control-btn-right:after,
.compose-mode .md-align-left ~ .vc_controls > .vc_controls-cc .vc_control-btn-align:hover .vc_control-btn-left:after,
.compose-mode .md-align-center ~ .vc_controls > .vc_controls-cc .vc_control-btn-align:hover .vc_control-btn-center:after{
background: #595959;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-align .vc_control-btn:hover:after{
background: #fff!important;
}
.compose-mode .vc_element:not(.vc_vc_column_text):not(.element-vc_column) .vc_controls > .vc_controls-cc:hover .vc_control-btn-edit,
.compose-mode .vc_element:not(.vc_vc_column_text):not(.element-vc_column) .vc_controls > .vc_controls-cc:hover .vc_control-btn-clone,
.compose-mode .vc_element:not(.vc_vc_column_text):not(.element-vc_column) .vc_controls > .vc_controls-cc:hover .vc_control-btn-delete,
.compose-mode .vc_element:not(.vc_vc_column_text):not(.element-vc_column) .vc_controls > .vc_controls-cc:hover .vc_control-btn-align,
.compose-mode .vc_element:not(.vc_vc_column_text):not(.element-vc_column) .vc_controls > .vc_controls-cc:hover .md-move-gizmo,
.compose-mode .vc_element:not(.vc_vc_column_text):not(.element-vc_column_inner) .vc_controls > .vc_controls-cc:hover .vc_control-btn-edit,
.compose-mode .vc_element:not(.vc_vc_column_text):not(.element-vc_column_inner) .vc_controls > .vc_controls-cc:hover .vc_control-btn-clone,
.compose-mode .vc_element:not(.vc_vc_column_text):not(.element-vc_column_inner) .vc_controls > .vc_controls-cc:hover .vc_control-btn-delete,
.compose-mode .vc_element:not(.vc_vc_column_text):not(.element-vc_column_inner) .vc_controls > .vc_controls-cc:hover .md-move-gizmo,
.compose-mode .vc_element:not(.vc_vc_column_text):not(.element-vc_column_inner) .vc_controls > .vc_controls-cc:hover .vc_control-btn-align{
opacity: 1;
}
.compose-mode .vc_controls > .vc_controls-cc:hover .vc_control-btn-edit:hover{
background:rgba(150, 150, 150, 0.77) url(../img/vc-ui-icons/shortcode-setting-hover.png) no-repeat center;
}
.compose-mode .vc_controls > .vc_controls-cc:hover .vc_control-btn-clone:hover{
background:rgba(150, 150, 150, 0.77) url(../img/vc-ui-icons/row-clone-hover.png) no-repeat center;
background-size: 19px;
}
.compose-mode .vc_controls > .vc_controls-cc:hover .vc_control-btn-delete:hover{
background:rgba(150, 150, 150, 0.77) url(../img/vc-ui-icons/shortcode-delete-hover.png) no-repeat center;
}
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-clone .vc_btn-content,
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-edit .vc_btn-content,
.compose-mode .vc_controls > .vc_controls-cc .vc_element-move .vc_btn-content,
.compose-mode .vc_controls > .vc_controls-cc .vc_control-btn-delete .vc_btn-content,
.compose-mode .vc_md_portfolio_multisize .vc_controls > .vc_controls-cc:hover .vc_element-move .vc_btn-content{
visibility: hidden;
}
.compose-mode .vc_controls > .vc_controls-cc:hover .vc_element-move .vc_btn-content{
visibility: visible;
padding: 0px !important;
background-position: 0 56px !important;
color: rgb(84, 84, 84) !important;
font-size: 14px !important;
left: 0;
right: 0;
top: 0;
bottom: -80px;
margin: auto;
position: absolute;
display: inline !important;
width: 151px !important;
height: 28px;
line-height: 28px !important;
text-align: center;
}
.compose-mode .vc_controls-cc .vc_element-move .vc_btn-content:hover,
.compose-mode .vc_controls-cc .vc_child-element-move .vc_btn-content:hover,
.compose-mode .vc_controls-cc .vc_control-btn .vc_btn-content:hover{
background-color : transparent !important ;
}
.droppable-hover{
border: none;
}
.over-empty-element{
transform: scale(.8);
}
.droppable-column{
background-color:#aaa!important;
border:1px dashed #ccc!important;
}
.compose-mode .vc_placeholder.vc_placeholder{
height:0px;
margin:auto;
text-align: center;
background: none!important;
overflow: visible;
position: relative;
}
.vc_placeholder.insert-bottom-of-me{
border-top: 2px solid #000;
animation:insert-side-of-me 400ms forwards;
}
.vc_placeholder.insert-bottom-of-me:after{
content: '\e840';
font-family: 'pixflow-font-library';
display: inline-block;
bottom:0;
position: absolute;
left:50%;
margin-left: -5px;
font-size: 20px;
}
.vc_placeholder.insert-top-of-me{
border-bottom: 2px solid #000;
animation:insert-side-of-me 400ms forwards;
}
.vc_placeholder.insert-top-of-me:after{
content: '\e83f';
font-family: 'pixflow-font-library';
display: inline-block;
margin-bottom: 10px;
font-size: 20px;
}
.vc_placeholder.insert-between div{
border-top: 2px solid #000;
position: absolute;
top:50%;
transform: translate(-50%,-50%);
width: 250px;
left: 50%;
}
.compose-mode .vc_placeholder.vc_placeholder.insert-between{
animation:insert-between 400ms forwards;
position: relative;
overflow: hidden;
}
.vc_placeholder.insert-between:after{
content: '\e840';
font-family: 'pixflow-font-library';
position: absolute;
bottom:0;
font-size: 20px;
left:50%;
transform: translateX(-50%);
}
.vc_placeholder.insert-between:before{
content: '\e83f';
font-family: 'pixflow-font-library';
position: absolute;
top:0;
font-size: 20px;
left:50%;
transform: translateX(-50%);
}
.vc_placeholder.insert-top-of-me:after,.vc_placeholder.insert-top-of-me:before,
.vc_placeholder.insert-bottom-of-me:after,.vc_placeholder.insert-bottom-of-me:before,
.vc_placeholder.insert-between:after,.vc_placeholder.insert-between:before{
animation: fadein-show 800ms forwards;
}
@keyframes fadein-show{
from{
opacity:0;
}
to{
opacity:1;
}
}
@keyframes insert-side-of-me {
from{
height:0;
max-width:0;
}
to{
height:30px;
max-width: 250px;
}
}
@keyframes insert-between {
from{
height:0;
max-width:0;
}
to{
height:40px;
max-width: 250px;
}
}
/****** TABS && Accordion ******/
.compose-mode .vc_controls > .vc_controls-out-tr{
right : auto !important;
width : 100%;
height: 0;
}
.compose-mode .vc_md_accordion_tab .vc_controls > .vc_controls-out-tr,
.compose-mode .vc_md_toggle_tab .vc_controls > .vc_controls-out-tr,
.compose-mode .vc_md_toggle_tab2 .vc_controls > .vc_controls-out-tr{
right : 0 !important;
}
.mBuilder-md_accordion > .vc_controls-element,
.parent-md_tabs,
.parent-md_modernTabs,
.parent-md_accordion,
.parent-md_toggle,
.parent-md_toggle2{
width: 40px;
height: 124px;
background-color: #47cf84;
right: 0;
position: absolute;
top: -54px;
padding-top: 30px;
}
.compose-mode .mBuilder-element.mBuilder-md_accordion > .vc_controls-element.vc_controls{
top:20px;
right:45px;
left:auto;
bottom: auto;
}
.parent-md_accordion,
.parent-md_toggle,
.parent-md_toggle2{
top: 30px;
opacity: 0;
}
.compose-mode .mBuilder-md_accordion > .vc_controls-element:before,
.compose-mode .parent-md_tabs:before,
.compose-mode .parent-md_modernTabs:before,
.compose-mode .parent-md_accordion:before,
.compose-mode .parent-md_toggle:before,
.compose-mode .parent-md_toggle2:before{
content: "TABS";
width: 30px;
height: 30px;
display: block;
color: #FFF;
position: absolute;
font-size: 10.33px;
margin: 0 auto;
top: 0;
left: 5px;
line-height: 27px;
padding: 0 3px;
}
.mBuilder-md_accordion_tab .vc_controls-element{
height: 30px;
}
.compose-mode .mBuilder-element.mBuilder-md_accordion .vc_controls > .vc_controls-cc,
.compose-mode .mBuilder-element.mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc{
background-color: transparent !important;
border: none;
}
.compose-mode .mBuilder-md_accordion_tab .vc_controls-element .vc_control-btn-align{
display: none;
}
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc:hover .vc_element-move .vc_btn-content{
display: none !important;
}
.compose-mode .mBuilder-md_accordion > .vc_controls > .vc_controls-cc:hover .vc_control-btn-delete,
.compose-mode .mBuilder-md_accordion > .vc_controls > .vc_controls-cc .vc_control-btn-delete{
left: 7px;
bottom: 5px;
background-size: 15px;
width: 30px;
height: 30px;
right: auto;
top: auto;
}
.compose-mode .mBuilder-md_accordion > .vc_controls > .vc_controls-cc .vc_control-btn-edit{
width: 30px;
height: 30px;
left: 5px;
right: auto;
top: 27px;
bottom: auto;
}
.compose-mode .mBuilder-md_accordion_tab .vc_controls-element .vc_control-btn-edit,
.compose-mode .mBuilder-md_accordion_tab .vc_controls-element .vc_control-btn-clone,
.compose-mode .mBuilder-md_accordion_tab .vc_controls-element .vc_control-btn-delete{
display: inline-block;
position: relative;
left: auto;
background-color: transparent !important;
}
.compose-mode .mBuilder-md_accordion > .vc_controls-element:before,
.compose-mode .parent-md_accordion:before{
content: "ACCR";
}
.mBuilder-md_accordion_tab .vc_controls-element,
.element-md_accordion_tab,
.element-md_toggle_tab,
.element-md_toggle_tab2,
.compose-mode .mBuilder-md_accordion_tab .vc_controls-element .vc_advanced.vc_advanced,
.compose-mode .vc_controls-column > div > .element-md_accordion_tab.vc_element .vc_advanced.vc_advanced,
.compose-mode .vc_controls-column > div > .element-md_toggle_tab.vc_element .vc_advanced.vc_advanced,
.compose-mode .vc_controls-column > div > .element-md_toggle_tab2.vc_element .vc_advanced.vc_advanced{
width: 99px;
border-radius: 3px;
}
.compose-mode .mBuilder-md_accordion_tab .vc_controls-element,
.compose-mode .vc_element.element-md_accordion_tab,
.compose-mode .vc_element.element-md_toggle_tab,
.compose-mode .vc_element.element-md_toggle_tab2{
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.compose-mode .parent-md_toggle:before,
.compose-mode .parent-md_toggle2:before{
content: "Toggle";
}
.compose-mode .vc_controls-column > div > .vc_parent:not(.parent-md_hor_tabs) .vc_control-btn .vc_btn-content:hover,
.compose-mode .vc_controls-column > div > .vc_parent:not(.parent-md_hor_tabs2) .vc_control-btn .vc_btn-content:hover{
background:#FFF !important;
opacity: .5;
border-color: transparent !important;
}
.compose-mode .vc_controls-column > div > .vc_parent:not(.parent-md_hor_tabs) .vc_control-btn .vc_btn-content:hover,
.compose-mode .vc_controls-column > div > .vc_parent:not(.parent-md_hor_tabs2) .vc_control-btn .vc_btn-content:hover{
background-color: transparent!important;
opacity: 1;
}
.compose-mode .vc_element.vc_element .wpb_md_toggle2 .wpb_accordion_section{
margin-top: 20px !important;
}
.parent-md_tabs .vc_move-md_tabs.vc_element-move,
.parent-md_modernTabs .vc_move-md_modernTab.vc_element-move,
.parent-md_tabs .vc_move-md_tabs.parent-md_accordion,
.parent-md_tabs .vc_move-md_tabs.parent-md_toggle,
.parent-md_tabs .vc_move-md_tabs.parent-md_toggle2{
display: block;
color: #FFFFFF;
text-transform: uppercase;
}
.compose-mode .parent-md_tabs .vc_element-move .vc_btn-content,
.compose-mode .parent-md_modernTabs .vc_element-move .vc_btn-content,
.compose-mode .parent-md_toggle .vc_element-move .vc_btn-content,
.compose-mode .parent-md_toggle2 .vc_element-move .vc_btn-content,
.compose-mode .parent-md_accordion .vc_element-move .vc_btn-content,
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_element-move .vc_btn-content{
background-image: none !important;
}
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_element-move,
.compose-mode .parent-md_tabs .vc_element-move,
.compose-mode .parent-md_modernTabs .vc_element-move,
.compose-mode .parent-md_toggle .vc_element-move,
.compose-mode .parent-md_toggle2 .vc_element-move,
.compose-mode .parent-md_accordion .vc_element-move{
background: url(../img/vc-ui-icons/tab_move.png) no-repeat center 7px;
height: 27px;
display: block;
cursor: move;
}
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_element-move:before,
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_element-move:after,
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_control-btn-delete:before,
.compose-mode .parent-md_tabs .vc_element-move:before,
.compose-mode .parent-md_tabs .vc_element-move:after,
.compose-mode .parent-md_modernTabs .vc_element-move:before,
.compose-mode .parent-md_modernTabs .vc_element-move:after,
.compose-mode .parent-md_toggle .vc_element-move:before,
.compose-mode .parent-md_toggle .vc_element-move:after,
.compose-mode .parent-md_toggle2 .vc_element-move:before,
.compose-mode .parent-md_toggle2 .vc_element-move:after,
.compose-mode .parent-md_accordion .vc_element-move:before,
.compose-mode .parent-md_accordion .vc_element-move:after,
.compose-mode .parent-md_tabs .vc_control-btn-delete:before ,
.compose-mode .parent-md_modernTabs .vc_control-btn-delete:before,
.compose-mode .parent-md_toggle .vc_control-btn-delete:before ,
.compose-mode .parent-md_toggle2 .vc_control-btn-delete:before ,
.compose-mode .parent-md_accordion .vc_control-btn-delete:before {
content: "";
width: 22px;
background-color: rgba(255,255,255,.3);
height: 1px;
display: block;
margin-left: 9px;
margin-top: -2px;
}
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_control-btn-delete:before,
.compose-mode .parent-md_tabs .vc_control-btn-delete:before ,
.compose-mode .parent-md_modernTabs .vc_control-btn-delete:before,
.compose-mode .parent-md_toggle .vc_control-btn-delete:before ,
.compose-mode .parent-md_toggle2 .vc_control-btn-delete:before ,
.compose-mode .parent-md_accordion .vc_control-btn-delete:before { margin-left:0;}
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_element-move:after,
.compose-mode .parent-md_tabs .vc_element-move:after,
.compose-mode .parent-md_modernTabs .vc_element-move:after,
.compose-mode .parent-md_toggle .vc_element-move:after,
.compose-mode .parent-md_toggle2 .vc_element-move:after,
.compose-mode .parent-md_accordion .vc_element-move:after{
position: absolute;
top: 59px;
left: 1px;
}
.compose-mode .vc_parent.parent-md_tabs .vc_advanced,
.compose-mode .vc_parent.parent-md_modernTabs .vc_advanced,
.compose-mode .vc_parent.parent-md_toggle .vc_advanced,
.compose-mode .vc_parent.parent-md_toggle2 .vc_advanced,
.compose-mode .vc_parent.parent-md_accordion .vc_advanced,
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_advanced{
width: auto;
}
.compose-mode .vc_advanced .vc_control-btn-prepend.vc_edit .vc_btn-content{
display: none !important;
}
.compose-mode .vc_parent.parent-md_tabs .vc_advanced,
.compose-mode .vc_parent.parent-md_modernTabs .vc_advanced,
.compose-mode .vc_parent.parent-md_toggle .vc_advanced,
.compose-mode .vc_parent.parent-md_toggle2 .vc_advanced,
.compose-mode .vc_parent.parent-md_accordion .vc_advanced
{
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
}
.compose-mode .mBuilder-md_accordion > .vc_controls-element {
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
}
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_control-btn-edit{
left: 0;
opacity: 1;
}
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_control-btn-edit,
.compose-mode .vc_controls > .vc_controls-cc:hover .vc_control-btn-edit:hover,
.compose-mode .vc_controls-out-tr .parent-md_tabs .vc_control-btn-edit,
.compose-mode .vc_controls-out-tr .parent-md_modernTabs .vc_control-btn-edit,
.compose-mode .vc_controls-out-tr .parent-md_accordion .vc_control-btn-edit,
.compose-mode .vc_controls-out-tr .parent-md_toggle .vc_control-btn-edit,
.compose-mode .vc_controls-out-tr .parent-md_toggle2 .vc_control-btn-edit{
background: url(../img/vc-ui-icons/tab_setting.png) no-repeat center 8px;
width: 30px;
height: 30px;
}
.compose-mode .vc_controls-out-tr .parent-md_tabs .vc_control-btn-edit:hover,
.compose-mode .vc_controls-out-tr .parent-md_modernTabs .vc_control-btn-edit:hover,
.compose-mode .parent-md_tabs .vc_element-move:hover{
background-color: transparent;
}
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_control-btn-delete,
.compose-mode .vc_controls-out-tr .parent-md_tabs .vc_control-btn-delete,
.compose-mode .vc_controls-out-tr .parent-md_modernTabs .vc_control-btn-delete,
.compose-mode .vc_controls-out-tr .parent-md_accordion .vc_control-btn-delete,
.compose-mode .vc_controls-out-tr .parent-md_toggle .vc_control-btn-delete,
.compose-mode .vc_controls-out-tr .parent-md_toggle2 .vc_control-btn-delete{
position: absolute;
bottom: 2px;
right: 8px;
background-color: transparent;
}
.compose-mode .mBuilder-md_accordion > .vc_controls-element .vc_control-btn-delete .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_tabs .vc_control-btn-delete .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_modernTabs .vc_control-btn-delete .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_accordion .vc_control-btn-delete .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_toggle .vc_control-btn-delete .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_toggle2 .vc_control-btn-delete .vc_btn-content{
background-color: transparent !important;
width: 22px;
padding-left: 3px;
}
/* Tab */
.compose-mode .vc_element.element-md_tab,
.compose-mode .vc_element.element-md_modernTab,
.compose-mode .vc_element.element-md_accordion_tab,
.compose-mode .mBuilder-md_accordion_tab .vc_controls-element,
.compose-mode .vc_element.element-md_toggle_tab,
.compose-mode .vc_element.element-md_toggle_tab2{
background-color: #2a2a28;
position: absolute;
}
.compose-mode .vc_element.element-md_accordion_tab,
.compose-mode .vc_element.element-md_toggle_tab,
.compose-mode .vc_element.element-md_toggle_tab2{
top: 50px;
left: 50%;
}
.compose-mode .mBuilder-element.mBuilder-md_accordion_tab .vc_controls-element.vc_controls{
left: 50%;
top: 15px;
}
.compose-mode .vc_element.element-md_tab,
.compose-mode .vc_element.element-md_modernTab{
left: 4px;
}
.vc_md_accordion .vc_md_accordion_tab:nth-of-type(1) .parent-md_accordion,
.vc_md_toggle .vc_md_toggle_tab:nth-of-type(1) .parent-md_toggle,
.vc_md_toggle2 .vc_md_toggle_tab2:nth-of-type(1) .parent-md_toggle2{
opacity: 1;
display: block!important;
}
.vc_md_accordion .vc_md_accordion_tab:not(:first-child) .parent-md_accordion,
.vc_md_toggle .vc_md_toggle_tab:not(:first-child) .parent-md_toggle,
.vc_md_toggle2 .vc_md_toggle_tab2:not(:first-child) .parent-md_toggle2{
display: none!important;
}
.compose-mode .mBuilder-md_accordion_tab .vc_controls-element .vc_control-btn-edit,
.compose-mode .mBuilder-md_accordion_tab .vc_controls-element .vc_control-btn-clone,
.compose-mode .mBuilder-md_accordion_tab .vc_controls-element .vc_control-btn-delete,
.compose-mode .element-md_tab .vc_control-btn-edit,
.compose-mode .element-md_tab .vc_control-btn-clone,
.compose-mode .element-md_tab .vc_control-btn-delete,
.compose-mode .element-md_accordion_tab .vc_control-btn-edit,
.compose-mode .element-md_accordion_tab .vc_control-btn-clone,
.compose-mode .element-md_accordion_tab .vc_control-btn-delete,
.compose-mode .element-md_modernTab .vc_control-btn-edit,
.compose-mode .element-md_modernTab .vc_control-btn-clone,
.compose-mode .element-md_modernTab .vc_control-btn-delete,
.compose-mode .element-md_toggle_tab .vc_control-btn-edit,
.compose-mode .element-md_toggle_tab .vc_control-btn-clone,
.compose-mode .element-md_toggle_tab .vc_control-btn-delete,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-edit,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-clone,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-delete{
width: 33px;
height: 31px;
}
.compose-mode .element-md_tab .vc_control-btn-edit,
.compose-mode .element-md_modernTab .vc_control-btn-edit,
.compose-mode .element-md_toggle_tab .vc_control-btn-edit,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-edit,
.compose-mode .element-md_accordion_tab .vc_control-btn-edit,
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc .vc_control-btn-edit,
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc:hover .vc_control-btn-edit:hover{
background-image: url(../img/vc-ui-icons/setting.png);
background-repeat: no-repeat;
background-position: 9px 7px;
}
.compose-mode .element-md_tab .vc_control-btn-clone,
.compose-mode .element-md_modernTab .vc_control-btn-clone,
.compose-mode .element-md_toggle_tab .vc_control-btn-clone,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-clone,
.compose-mode .element-md_accordion_tab .vc_control-btn-clone,
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-clone,
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc .vc_control-btn-clone,
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc:hover .vc_control-btn-clone:hover{
background: url(../img/vc-ui-icons/clone.png) no-repeat center;
}
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-clone:before,
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-clone:after,
.compose-mode .element-md_tab .vc_control-btn-edit:after,
.compose-mode .element-md_modernTab .vc_control-btn-edit:after,
.compose-mode .element-md_accordion_tab .vc_control-btn-clone:before,
.compose-mode .element-md_accordion_tab .vc_control-btn-clone:after,
.compose-mode .element-md_toggle_tab .vc_control-btn-clone:before,
.compose-mode .element-md_toggle_tab .vc_control-btn-clone:after,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-clone:before,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-clone:after{
content: "";
color: #FFFFFF;
width: 1px;
height: 14px;
margin: 8px 0;
display: inline-block;
background-color: #959594;
position: absolute;
}
.compose-mode .element-md_tab .vc_control-btn-edit:after,
.compose-mode .element-md_modernTab .vc_control-btn-edit:after{
left: 33px;
}
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-clone:after{
left:33px;
}
.compose-mode .element-md_accordion_tab .vc_control-btn-clone:after,
.compose-mode .element-md_toggle_tab .vc_control-btn-clone:after,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-clone:after{
left: 65px;
}
.compose-mode .element-md_tab .vc_control-btn-delete,
.compose-mode .element-md_modernTab .vc_control-btn-delete,
.compose-mode .element-md_toggle_tab .vc_control-btn-delete,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-delete,
.compose-mode .element-md_accordion_tab .vc_control-btn-delete,
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc .vc_control-btn-delete,
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc:hover .vc_control-btn-delete:hover{
background: url(../../../assets/img/delete.png) no-repeat center;
}
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-edit:hover,
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-clone:hover,
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-delete:hover,
.compose-mode .element-md_tab .vc_control-btn-edit:hover,
.compose-mode .element-md_tab .vc_control-btn-clone:hover,
.compose-mode .element-md_tab .vc_control-btn-delete:hover,
.compose-mode .element-md_accordion_tab .vc_control-btn-edit:hover,
.compose-mode .element-md_accordion_tab .vc_control-btn-clone:hover,
.compose-mode .element-md_accordion_tab .vc_control-btn-delete:hover,
.compose-mode .element-md_modernTab .vc_control-btn-edit:hover,
.compose-mode .element-md_modernTab .vc_control-btn-clone:hover,
.compose-mode .element-md_modernTab .vc_control-btn-delete:hover,
.compose-mode .element-md_toggle_tab .vc_control-btn-edit:hover,
.compose-mode .element-md_toggle_tab .vc_control-btn-clone:hover,
.compose-mode .element-md_toggle_tab .vc_control-btn-delete:hover,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-edit:hover,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-clone:hover,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-delete:hover{
background-color: rgba(0,0,0,.5);
}
.compose-mode .mBuilder-md_accordion_tab .vc_move-md_accordion_tab.vc_element-move,
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-prepend,
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-edit .vc_btn-content,
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-clone .vc_btn-content,
.compose-mode .mBuilder-md_accordion_tab .vc_control-btn-delete .vc_btn-content,
.compose-mode .vc_advanced .vc_control-btn-prepend.vc_edit,
.compose-mode .vc_controls-out-tr .parent-md_tabs .vc_control-btn.vc_control-btn-edit.vc_edit .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_tabs .vc_control-btn-clone,
.compose-mode .parent-md_tabs .vc_control-btn-switcher,
.compose-mode .vc_controls-out-tr .parent-md_accordion .vc_control-btn.vc_control-btn-edit.vc_edit .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_accordion .vc_control-btn-clone,
.compose-mode .parent-md_accordion .vc_control-btn-switcher,
.compose-mode .element-md_tab .vc_move-md_tab.vc_element-move,
.compose-mode .element-md_tab .vc_control-btn-prepend,
.compose-mode .element-md_tab .vc_control-btn-edit .vc_btn-content,
.compose-mode .element-md_tab .vc_control-btn-clone .vc_btn-content,
.compose-mode .element-md_tab .vc_control-btn-delete .vc_btn-content,
.compose-mode .element-md_accordion_tab .vc_move-md_accordion_tab.vc_element-move,
.compose-mode .element-md_accordion_tab .vc_control-btn-prepend,
.compose-mode .element-md_accordion_tab .vc_control-btn-edit .vc_btn-content,
.compose-mode .element-md_accordion_tab .vc_control-btn-clone .vc_btn-content,
.compose-mode .element-md_accordion_tab .vc_control-btn-delete .vc_btn-content,
.parent-md_tabs .vc_move-md_tabs.vc_element-move .vc_btn-content.vc_btn-content.vc_btn-content,
.compose-mode .element-md_tab .vc_control-btn-clone,
.compose-mode .vc_controls-out-tr .parent-md_modernTabs .vc_control-btn.vc_control-btn-edit.vc_edit .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_modernTabs .vc_control-btn-clone,
.compose-mode .parent-md_modernTabs .vc_control-btn-switcher,
.parent-md_modernTabs .vc_move-md_modernTabs.vc_element-move .vc_btn-content.vc_btn-content.vc_btn-content,
.compose-mode .element-md_modernTab .vc_move-md_modernTab.vc_element-move,
.compose-mode .element-md_modernTab .vc_control-btn-prepend,
.compose-mode .element-md_modernTab .vc_control-btn-edit .vc_btn-content,
.compose-mode .element-md_modernTab .vc_control-btn-clone .vc_btn-content,
.compose-mode .element-md_modernTab .vc_control-btn-delete .vc_btn-content,
.compose-mode .element-md_modernTab .vc_control-btn-clone,
.compose-mode .element-md_toggle_tab .vc_move-md_toggle_tab.vc_element-move,
.compose-mode .element-md_toggle_tab .vc_control-btn-prepend,
.compose-mode .element-md_toggle_tab .vc_control-btn-edit .vc_btn-content,
.compose-mode .element-md_toggle_tab .vc_control-btn-clone .vc_btn-content,
.compose-mode .element-md_toggle_tab2 .vc_move-md_toggle_tab2.vc_element-move,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-prepend,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-edit .vc_btn-content,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-clone .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_toggle .vc_control-btn.vc_control-btn-edit.vc_edit .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_toggle .vc_control-btn-clone,
.compose-mode .vc_controls-out-tr .parent-md_toggle2 .vc_control-btn.vc_control-btn-edit.vc_edit .vc_btn-content,
.compose-mode .vc_controls-out-tr .parent-md_toggle2 .vc_control-btn-clone,
.compose-mode .parent-md_toggle .vc_control-btn-switcher ,
.compose-mode .parent-md_toggle2 .vc_control-btn-switcher ,
.compose-mode .vc_move-md_accordion .vc_btn-content.vc_btn-content.vc_btn-content.vc_btn-content,
.compose-mode .vc_move-md_toggle .vc_btn-content.vc_btn-content.vc_btn-content.vc_btn-content,
.compose-mode .vc_move-md_toggle2 .vc_btn-content.vc_btn-content.vc_btn-content.vc_btn-content,
.compose-mode .element-md_toggle_tab .vc_control-btn-delete .vc_btn-content.vc_btn-content.vc_btn-content.vc_btn-content,
.compose-mode .element-md_toggle_tab2 .vc_control-btn-delete .vc_btn-content.vc_btn-content.vc_btn-content.vc_btn-content{
display: none !important;
}
.compose-mode .vc_element:hover > .wpb_row > .vc_element:before,
.view-mode .vc_element:hover > .wpb_row > .vc_element:before,
.compose-mode .vc_element.vc_hover > .wpb_row > .vc_element:before,
.view-mode .vc_element.vc_hover > .wpb_row > .vc_element:before,
.compose-mode .vc_element.vc_hold-hover > .wpb_row > .vc_element:before,
.view-mode .vc_element.vc_hold-hover > .wpb_row > .vc_element:before{
outline: none !important;
border: 1px dashed rgba(125, 125, 125, 0.4) ;
border-bottom: none;
border-top: none;
}
/* "vc_column_container" This is a generic class, but you can give it a parent to make it more specific */
.compose-mode .vc_element.vc_empty .vc_empty-element > .vc_element-container,
.view-mode .vc_element.vc_empty .vc_empty-element > .vc_element-container{
min-height: 300px !important;
}
.compose-mode .vc_controls > .vc_controls-bc{
display: none;
z-index:9!important;
}
.compose-mode .vc_controls-bc .vc_control-btn .vc_btn-content:hover{
background-color: #e78800!important;
}
/* Gizmo Controller Helper Change Color*/
.compose-mode .vc_helper.vc_helper-vc_row{
border: 1px solid #ccc !important;
border-radius: 5px !important;
background: #fff !important;
color: #444 !important;
}
.compose-mode .vc_helper {
border: 1px solid #ccc !important;
background-color: #fff !important;
color: #444 !important;
}
.compose-mode .vc_md_portfolio_multisize .vc_controls .vc_controls-cc{
width: 318px;
height: 48px;
left: 0;
right: 0;
margin: auto;
top:130px !important;
background: transparent url(../img/vc-ui-icons/portfolio-gizmo.png) no-repeat 0 -48px;
transition: background-position .3s;
}
.compose-mode .vc_md_portfolio_multisize:hover .vc_controls .vc_controls-cc{
background-position: 0;
}
.compose-mode .vc_md_portfolio_multisize .vc_controls .vc_controls-cc:hover{
border: none;
border-image: none;
background-color: transparent !important;
}
.compose-mode .vc_md_portfolio_multisize .vc_controls > .vc_controls-cc .vc_element-move{
width: 40px;
right: 0px;
left: auto;
}
.compose-mode .vc_md_portfolio_multisize .vc_controls > .vc_controls-cc .vc_control-btn-delete{
width: 43px;
right: 41px;
position: absolute;
height: 100%;
left: auto!important;
top: auto;
bottom: auto;
background: none;
border-radius: 0;
}
.compose-mode .vc_md_portfolio_multisize .vc_controls > .vc_controls-cc .vc_control-btn-clone{
margin: 0;
position: absolute;
right: 85px;
left: auto!important;
width: 53px;
height: 48px;
background:none ;
}
.compose-mode .vc_md_portfolio_multisize .vc_controls > .vc_controls-cc .vc_control-btn-edit{
position: absolute;
margin: 0;
right: 139px;
left: auto!important;
width: 47px;
height: 48px;
background:none ;
}
.compose-mode .vc_md_portfolio_multisize .vc_controls > .vc_controls-cc .vc_control-btn-edit:after{
display: none;
}
.compose-mode .vc_md_portfolio_multisize .vc_controls > .vc_controls-cc .vc_element-move:hover,
.compose-mode .vc_md_portfolio_multisize .vc_controls > .vc_controls-cc .vc_control-btn-delete:hover,
.compose-mode .vc_md_portfolio_multisize .vc_controls > .vc_controls-cc .vc_control-btn-clone:hover,
.compose-mode .vc_md_portfolio_multisize .vc_controls > .vc_controls-cc .vc_control-btn-edit:hover{
background: rgba(0,0,0,.25);
}
.compose-mode .wpb_content_element .px_tabs_nav.px_tabs_nav{
z-index: 0;
}
.compose-mode .wpb_tab .vc_vc_column_text{
min-height: 0;
}
.compose-mode .wpb_tab .wpb_content_element{
margin-bottom:0;
}
.vc_welcome .vc_buttons{
margin-top:0!important;
}
/**/
#vc_no-content-helper.vc_welcome{
margin: 75px 0;
}
#vc_no-content-helper.vc_welcome:not(.vc_not-empty) {
margin: 0;
top: 0;
left: 0;
width: 100%;
bottom: 0;
z-index: 99;
background-color:#FFFFFF;
position: absolute;
}
.compose-mode #vc_no-content-helper .desc,
.compose-mode #vc_no-content-helper .head{
transform:translate(-50%,50%);
}
#vc_no-content-helper.vc_not-empty{
margin: 0;
height: auto!important;
}
#vc_no-content-helper.vc_not-empty:last-of-type{
display: none;
}
#vc_no-content-helper .wpb_row.vc_row-fluid {
margin-top: -85px;
}
.compose-mode #vc_no-content-add-text-block,
.compose-mode .vc_welcome-brand,
.compose-mode .vc_ui-help-block,
.compose-mode .vc_separator.vc_sep_dashed.vc_separator_align_center.vc_el_width_100.vc_sep_color_outline_grey,
.compose-mode .vc_welcome .icon{
display: none;
}
.compose-mode .vc_welcome{
border: none;
}
.compose-mode .vc_welcome h5{
font-size: 45px;
font-weight: 200;
font-family: 'Raleway', sans-serif;
}
.compose-mode .vc_welcome h5:after{
content: "";
width: 60px;
height: 3px;
background-color: #000000;
display: block;
margin:25px auto;
}
.compose-mode .vc_welcome h3{
font-weight: 300;
font-size: 15px;
font-family: 'Raleway', sans-serif;
line-height: 21px;
margin-bottom: 70px;
}
.vc_welcome-header.vc_welcome-visible-e,
.vc_welcome-brand.vc_welcome-visible-e{
opacity: 0;
}
/*portfolio backend*/
.portfolio-templates .clearfix{
display: inline-block;
}
.md-template-button{
display: inline-block;
float: left;
margin-right: 40px;
position: relative;
cursor: pointer;
}
.md-template-button:before {
content: "";
background: url(../../assets/img/vc-ui-icons/layout-hover.png) no-repeat center center;
width: 85px;
height: 110px;
display: block;
opacity: 0;
position: absolute;
transition: background-image .4s;
}
.md-template-button:hover:before{
opacity: 1;
}
.md-template-button.clicked:after{
content: "";
width: 85px;
height: 110px;
background: url(../../assets/img/vc-ui-icons/checked.png) no-repeat center center;
display: block;
position: absolute;
top: 0;
}
.md-template-button:last-child{
margin-right: 0;
}
.md-template-button .image{
display: inline-block;
width: 85px;
height: 110px;
}
.md-template-button.custom .image{
background: url("../img/vc-ui-icons/blank.png") no-repeat center;
}
.md-template-button.fancy .image{
background: url("../img/vc-ui-icons/fancy.png") no-repeat center;
}
.md-template-button.split .image{
background: url("../img/vc-ui-icons/split.png") no-repeat center;
}
.md-template-button.fullwidth .image{
background: url("../img/vc-ui-icons/fullwidth.png") no-repeat center;
}
.md-template-button.center .image{
background: url("../img/vc-ui-icons/center.png") no-repeat center;
}
.md-template-button .name{
display: block;
color: #cacaca;
font-size: 12px;
text-transform: none;
}
/*not empty page*/
.vc_not-empty #vc_no-content-add-element,
.vc_not-empty .head,
.vc_not-empty .desc{
display: none;
}
.compose-mode:not(.post-type-portfolio) .md-blank-btn.vc_general {
background: url("../../assets/img/vc-ui-icons/builder-blank.png") no-repeat center;
display: block;
padding: 0;
margin: 0 auto;
text-decoration: none;
position: relative;
transition: none;
text-indent: -99999px;
width: 157px;
height: 147px;
}
.compose-mode:not(.post-type-portfolio) #vc_no-content-helper .md-blank-btn.vc_general:hover {
background: url("../../assets/img/vc-ui-icons/builder-blank-hover.png") no-repeat center;
}
.compose-mode.post-type-portfolio .vc_templates-image.clicked:after{
content: "";
width: 85px;
height: 110px;
background: url(../../assets/img/vc-ui-icons/checked.png) no-repeat center center;
display: block;
position: absolute;
top: 10px;
}
.compose-mode .vc_panel-tab .vc_templates-image.clicked:after{
top: 22px;
}
.compose-mode #vc_no-content-helper .md-blank-btn.clicked:after{
top: 0;
}
.custom_template_for_vc_custom_template p,
#vc_no-content-helper .md-blank-btn span{
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: rgba(0,0,0,.7);
margin: 13px 20px;
line-height: 12px;
width: 85px;
}
#vc_no-content-helper .md-blank-btn span{
margin: 13px 0;
display: block;
position: absolute;
bottom: -38px;
}
.compose-mode .vc_templates-image:hover:before{
opacity: 1;
}
.vc_default-templates .vc_template.custom_template_for_vc_custom_template {
padding: 10px 0;
}
.compose-mode .vc_vc_row .vc_row .wrap,
.compose-mode .vc_vc_row_inner .vc_row_inner{
transition: border 0.3s;
}
.compose-mode .vc_vc_row .vc_row .wrap:hover:before,
.compose-mode .vc_vc_row_inner .vc_row_inner:hover .wrap:before{
border: 3px solid rgba(0,0,0,0.2);
position: absolute;
content: "";
top: -2px;
bottom: 0;
left: 0;
right: 0;
display: block;
z-index: 0;
}
.compose-mode .vc_vc_row .vc_row .wrap:hover:after,
.compose-mode .vc_vc_row_inner .vc_row_inner:hover .wrap:after {
clear:both;
content: " ";
display: block;
}
.compose-mode .status-publish:not(.type-portfolio) .vc_template{
display: none;
}
.compose-mode:not(.gizmo-off) .vc_empty_space{
background: transparent url("../img/vc-ui-icons/pattern.png") repeat;
}
.wp-pointer-top.wp-pointer-top,.wp-pointer{display: none;}
.compose-mode #vc_no-content-helper .md-blank-btn.md-blank-btn{ margin-top: -48px; }
.compose-mode .vc_welcome .head{
font-size: 35px;
line-height: 40px;
margin: -40px 0 22px;
font-weight: 700;
color: #bfbfbf;
}
.compose-mode .vc_welcome .desc{
font-size: 18px;
color: #cecece;
margin: 0;
font-weight: 100;
letter-spacing: 0;
line-height: 32px;
}
.compose-mode .vc_welcome .head:after{display: none;}
body:not(.post-type-portfolio) .vc_welcome .vc_templates-image span{display: none;}
.compose-mode #vc_no-content-helper{
transition: all .2s;
}
.compose-mode #vc_no-content-helper.droppable-hover,.compose-mode .vc_empty-element.droppable-hover{
transform: scale(.9);
}
.compose-mode #vc_no-content-helper .md-blank-btn.vc_general,
.compose-mode .vc_welcome .head,
.compose-mode .vc_welcome .desc{
position: absolute;
top: 50%;
left:50%;
transform: translate(-50%,-75%);
}
/*not empty page*/
.vc_not-empty #vc_no-content-add-element,
.vc_not-empty .head,
.vc_not-empty .desc{
display: none;
}
.wp-pointer{display: none;}
.compose-mode .vc_empty-element>.vc_column-inner .vc_element-container{
min-height:300px;
}
.insert-between-placeholder,.insert-after-row-placeholder{
position: relative;
transition: height .4s;
display: none;
}
.insert-after-row-placeholder{
overflow: hidden;
}
.insert-between-placeholder .drop-here,.insert-after-row-placeholder .drop-here{
position: absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
text-align:center;
z-index: 9999999;
}
.insert-between-placeholder.insert-between-placeholder-open .drop-here {
top:25px;
}
.insert-between-placeholder .drop-here{
top:0px;
width:100%;
}
.insert-between-placeholder .drop-here:before, .insert-after-row-placeholder .drop-here:before{
content: '\e608';
font-family: 'pixflow-font-library', Roboto;
display: inline-block;
padding-top:12px;
color: #949494;
height:40px;
width:40px;
background: rgb(238, 238, 238);
border:2px solid #9A9A9A;
border-radius:100%;
vertical-align: middle;
font-size: 14px;
}
.insert-after-row-placeholder .drop-here:before{
border-color: #fff;
content: "Add To New Row";
color: #50485b;
background: #fff;
font-size: 13px;
width: auto;
border-radius: 30px;
/*height: 40px;*/
padding: 12px 30px;
}
.insert-between-placeholder-open{
/*height:100px;*/
visibility: hidden;
/* background: url("../img/vc-ui-icons/pattern2.png") repeat;*/
}
.insert-after-row-placeholder-open{
/*background: url("../img/vc-ui-icons/pattern2-green.png") repeat;*/
visibility: visible;
/*height:150px;*/
border:2px solid #43dc9d;
}
.insert-between-placeholder .info{
display: none;
}
.insert-between-placeholder.insert-between-placeholder-open .info{
text-align: left;
padding: 4px 9px;
font-size: 12px;
color: #777777;
background: #fff;
display: inline-block;
float: left;
margin: 8px;
border-radius: 20px;
font-weight: bold;
}
.insert-between-placeholder:after,.insert-after-row-placeholder:after{
content: ' ';
display: block;
border-bottom:2px dashed #9A9A9A;
position: absolute;
top:50%;
width:100%;
transform: translateY(-50%);
visibility: hidden;
}
.insert-after-row-placeholder:after{
border-color: #43dc9d;
}
.insert-between-placeholder.insert-between-placeholder-open:after,.insert-after-row-placeholder.insert-after-row-placeholder-open:after{
display: none;
}
.insert-between-placeholder-open .drop-here:after,.insert-after-row-placeholder-open .drop-here:after{
content: 'MOVE HERE';
display: block;
letter-spacing:2px;
font-weight: bold;
margin-top:5px;
color: #999;
}
.insert-between-placeholder-open .drop-here:before{
/*animation:rotate-me 400ms linear;*/
margin-top: 55px;
transition: margin-top 400ms ease;
}
.insert-after-row-placeholder-open .drop-here:after{
content: '';
}
@keyframes rotate-me {
from{
transform: rotate(0deg);
}
to{
transform: rotate(-90deg);
}
}
/********************* Skip Header Responsive in customizer *********************************/
@media (max-width: 1280px){
nav.hidden-tablet,
.icons-pack.hidden-tablet{
display: block !important;
}
.navigation-button.visible-tablet,
.mobile-shopcart.visible-tablet{
display: none!important;
}
header .content nav.navigation.hidden-tablet{
display: inline-table!important;
}
.gather-btn.hidden-tablet{
display: block!important;
}
.logo-top-container.hidden-tablet{
display: block!important;
}
}
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc .vc_control-btn-edit,
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc .vc_control-btn-clone,
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc .vc_control-btn-delete,
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc .vc_control-btn-align,
.compose-mode .mBuilder-md_accordion_tab .vc_controls > .vc_controls-cc .vc_element-move .md-move-gizmo,
.compose-mode .mBuilder-md_accordion .vc_controls > .vc_controls-cc:hover .vc_control-btn-edit,
.compose-mode .mBuilder-md_accordion .vc_controls > .vc_controls-cc:hover .vc_control-btn-delete,
.compose-mode .mBuilder-md_accordion .vc_controls > .vc_controls-cc .vc_control-btn-delete{
opacity: 1;
}
.compose-mode .mBuilder-md_accordion > .vc_controls > .vc_controls-cc .vc_control-btn-clone,
.compose-mode .mBuilder-md_accordion .vc_controls > .vc_controls-cc .vc_control-btn-align,
.compose-mode .mBuilder-md_accordion .vc_controls > .vc_controls-cc .vc_element-move .vc_btn-content{
display: none !important;
}
.compose-mode .mBuilder-md_accordion > .vc_controls > .vc_controls-cc:hover .vc_control-btn-delete:hover{
background: transparent url("../img/vc-ui-icons/shortcode-delete.png") no-repeat center;
background-size: 15px;
}