Ubuntu

­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ /************************* 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; }