// =============================================================================
// VISUAL-COMPOSER.SCSS
// -----------------------------------------------------------------------------
// Admin styles.
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Import Font Awesome
//   02. Visual Composer Editor Button
//   03. Layout Element Buttons
//   04. Content Element Manager
//   05. Frontend Editor
//   06. Minor Fixes
// =============================================================================

// Import Font Awesome
// =============================================================================

@font-face {
  font-family: "fontawesome";
  src: url("../../../fonts/font_awesome/fontawesome-webfont.eot?v=4.5.0");
  src: url("../../../fonts/font_awesome/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"),
       url("../../../fonts/font_awesome/fontawesome-webfont.woff?v=4.5.0") format("woff"),
       url("../../../fonts/font_awesome/fontawesome-webfont.ttf?v=4.5.0") format("truetype"),
       url("../../../fonts/font_awesome/fontawesome-webfont.svg?#fontawesome&v=4.5.0") format("svg");
  font-weight: normal;
  font-style: normal;
}



// Visual Composer Editor Button
// =============================================================================

div.composer-switch {
  margin: 12px 0 0;
}



// Layout Element Buttons
// =============================================================================

ul.wpb-content-layouts {
  margin-top: 15px !important;
  padding-bottom: 1px !important;
}

li.x-content-element_o i.vc_element-icon,
li[data-element="vc_raw_js"] i.vc_element-icon,
li[data-element="vc_raw_html"] i.vc_element-icon,
li[data-element="rev_slider_vc"] i.vc_element-icon,
li[data-element="contact-form-7"] i.vc_element-icon,
li[data-element="vc_widget_sidebar"] i.vc_element-icon {
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 100em;
  background-color: #fff;
  background-image: none !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
}

li.x-content-element_o i.vc_element-icon:before,
li[data-element="vc_raw_js"] i.vc_element-icon:before,
li[data-element="vc_raw_html"] i.vc_element-icon:before,
li[data-element="rev_slider_vc"] i.vc_element-icon:before,
li[data-element="contact-form-7"] i.vc_element-icon:before,
li[data-element="vc_widget_sidebar"] i.vc_element-icon:before {
  display: block;
  font-family: "fontawesome";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  -webkit-font-smoothing: antialiased;
  color: #444;
  speak: none;
}


//
// Individual buttons.
//

li.x-content-element_o i.line:before                 { content: "\f068"; }
li.x-content-element_o i.gap:before                  { content: "\f07d"; }
li.x-content-element_o i.clear:before                { content: "\f142"; }
li.x-content-element_o i.highlight:before            { content: "\f040"; }
li.x-content-element_o i.blockquote:before           { content: "\f10d"; }
li.x-content-element_o i.pullquote:before            { content: "\f10d"; }
li.x-content-element_o i.alert:before                { content: "\f12a"; }
li.x-content-element_o i.map:before                  { content: "\f041"; }
li.x-content-element_o i.google-map:before           { content: "\f1a0"; }
li.x-content-element_o i.google-map-marker:before    { content: "\f1a0"; }
li.x-content-element_o i.skill-bar:before            { content: "\f0ae"; }
li.x-content-element_o i.code:before                 { content: "\f120"; }
li.x-content-element_o i.x-button:before             { content: "\f0c8"; }
li.x-content-element_o i.icon:before                 { content: "\f118"; }
li.x-content-element_o i.block-grid:before           { content: "\f009"; }
li.x-content-element_o i.block-grid-item:before      { content: "\f009"; }
li.x-content-element_o i.image:before                { content: "\f03e"; }
li.x-content-element_o i.icon-list:before            { content: "\f0ca"; }
li.x-content-element_o i.icon-list-item:before       { content: "\f0ca"; }
li.x-content-element_o i.info:before                 { content: "\f129"; }
li.x-content-element_o i.columnize:before            { content: "\f035"; }
li.x-content-element_o i.x-video-player:before       { content: "\f144"; }
li.x-content-element_o i.x-video-embed:before        { content: "\f144"; }
li.x-content-element_o i.accordion:before            { content: "\f0fe"; }
li.x-content-element_o i.accordion-item:before       { content: "\f0fe"; }
li.x-content-element_o i.tab-nav:before              { content: "\f022"; }
li.x-content-element_o i.tab-nav-item:before         { content: "\f022"; }
li.x-content-element_o i.tabs:before                 { content: "\f022"; }
li.x-content-element_o i.tab:before                  { content: "\f022"; }
li.x-content-element_o i.visibility:before           { content: "\f06e"; }
li.x-content-element_o i.column:before               { content: "\f0db"; }
li.x-content-element_o i.slider:before               { content: "\f061"; }
li.x-content-element_o i.slide:before                { content: "\f061"; }
li.x-content-element_o i.protect:before              { content: "\f023"; }
li.x-content-element_o i.recent-posts:before         { content: "\f0c5"; }
li.x-content-element_o i.x-audio-player:before       { content: "\f028"; }
li.x-content-element_o i.x-audio-embed:before        { content: "\f028"; }
li.x-content-element_o i.pricing-table:before        { content: "\f0d6"; }
li.x-content-element_o i.pricing-table-column:before { content: "\f0d6"; }
li.x-content-element_o i.callout:before              { content: "\f0a1"; }
li.x-content-element_o i.promo:before                { content: "\f005"; }
li.x-content-element_o i.lightbox:before             { content: "\f0eb"; }
li.x-content-element_o i.author:before               { content: "\f007"; }
li.x-content-element_o i.prompt:before               { content: "\f0a6"; }
li.x-content-element_o i.content-band:before         { content: "\f07e"; }
li.x-content-element_o i.share:before                { content: "\f0c0"; }
li.x-content-element_o i.toc:before                  { content: "\f0cb"; }
li.x-content-element_o i.toc-item:before             { content: "\f0cb"; }
li.x-content-element_o i.custom-headline:before      { content: "\f031"; }
li.x-content-element_o i.social:before               { content: "\f082"; }
li.x-content-element_o i.container:before            { content: "\f090"; }
li.x-content-element_o i.feature-headline:before     { content: "\f031"; }
li.x-content-element_o i.responsive-text:before      { content: "\f034"; }
li.x-content-element_o i.search:before               { content: "\f002"; }
li.x-content-element_o i.counter:before              { content: "\f0dc"; }
li.x-content-element_o i.text-output:before          { content: "\f036"; }
li.x-content-element_o i.content-band:before         { content: "\f07e"; }
li.x-content-element_o i.gravity-form:before         { content: "\f003"; }
li.x-content-element_o i.icon-wpb-atm:before         { content: "\f013"; }

li[data-element="rev_slider_vc"]     i.revslider:before      { content: "\f061"; }
li[data-element="contact-form-7"]    i.contact-form-7:before { content: "\f003"; }
li[data-element="vc_widget_sidebar"] i.widget-area:before    { content: "\f047"; }
li[data-element="vc_raw_html"]       i.raw-html:before       { content: "\f121"; }
li[data-element="vc_raw_js"]         i.raw-js:before         { content: "\f121"; }



// Content Element Manager
// =============================================================================

.wpb_element_title .vc_element-icon {
  position: relative;
  background-image: none !important;
}

.wpb_element_title .vc_element-icon:before {
  content: "\f013";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  font-family: "fontawesome";
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 32px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  color: #444;
  background-color: #f5f5f5;
  border-radius: 100px;
  speak: none;
}

.wpb_element_title .vc_element-icon.line:before                 { content: "\f068"; }
.wpb_element_title .vc_element-icon.gap:before                  { content: "\f07d"; }
.wpb_element_title .vc_element-icon.clear:before                { content: "\f142"; }
.wpb_element_title .vc_element-icon.highlight:before            { content: "\f040"; }
.wpb_element_title .vc_element-icon.blockquote:before           { content: "\f10d"; }
.wpb_element_title .vc_element-icon.pullquote:before            { content: "\f10d"; }
.wpb_element_title .vc_element-icon.alert:before                { content: "\f12a"; }
.wpb_element_title .vc_element-icon.map:before                  { content: "\f041"; }
.wpb_element_title .vc_element-icon.google_map:before           { content: "\f1a0"; }
.wpb_element_title .vc_element-icon.google_map_marker:before    { content: "\f1a0"; }
.wpb_element_title .vc_element-icon.skill_bar:before            { content: "\f0ae"; }
.wpb_element_title .vc_element-icon.code:before                 { content: "\f120"; }
.wpb_element_title .vc_element-icon.button:before               { content: "\f0c8"; }
.wpb_element_title .vc_element-icon.icon:before                 { content: "\f118"; }
.wpb_element_title .vc_element-icon.block_grid:before           { content: "\f009"; }
.wpb_element_title .vc_element-icon.block_grid_item:before      { content: "\f009"; }
.wpb_element_title .vc_element-icon.image:before                { content: "\f03e"; }
.wpb_element_title .vc_element-icon.icon_list:before            { content: "\f0ca"; }
.wpb_element_title .vc_element-icon.icon_list_item:before       { content: "\f0ca"; }
.wpb_element_title .vc_element-icon.info:before                 { content: "\f129"; }
.wpb_element_title .vc_element-icon.columnize:before            { content: "\f035"; }
.wpb_element_title .vc_element-icon.x_video_player:before       { content: "\f144"; }
.wpb_element_title .vc_element-icon.x_video_embed:before        { content: "\f144"; }
.wpb_element_title .vc_element-icon.accordion:before            { content: "\f0fe"; }
.wpb_element_title .vc_element-icon.accordion_item:before       { content: "\f0fe"; }
.wpb_element_title .vc_element-icon.tab_nav:before              { content: "\f022"; }
.wpb_element_title .vc_element-icon.tab_nav_item:before         { content: "\f022"; }
.wpb_element_title .vc_element-icon.tabs:before                 { content: "\f022"; }
.wpb_element_title .vc_element-icon.tab:before                  { content: "\f022"; }
.wpb_element_title .vc_element-icon.visibility:before           { content: "\f06e"; }
.wpb_element_title .vc_element-icon.column:before               { content: "\f0db"; }
.wpb_element_title .vc_element-icon.slider:before               { content: "\f061"; }
.wpb_element_title .vc_element-icon.slide:before                { content: "\f061"; }
.wpb_element_title .vc_element-icon.protect:before              { content: "\f023"; }
.wpb_element_title .vc_element-icon.recent_posts:before         { content: "\f0c5"; }
.wpb_element_title .vc_element-icon.x_audio_player:before       { content: "\f028"; }
.wpb_element_title .vc_element-icon.x_audio_embed:before        { content: "\f028"; }
.wpb_element_title .vc_element-icon.pricing_table:before        { content: "\f0d6"; }
.wpb_element_title .vc_element-icon.pricing_table_column:before { content: "\f0d6"; }
.wpb_element_title .vc_element-icon.callout:before              { content: "\f0a1"; }
.wpb_element_title .vc_element-icon.promo:before                { content: "\f005"; }
.wpb_element_title .vc_element-icon.lightbox:before             { content: "\f0eb"; }
.wpb_element_title .vc_element-icon.author:before               { content: "\f007"; }
.wpb_element_title .vc_element-icon.prompt:before               { content: "\f0a6"; }
.wpb_element_title .vc_element-icon.content_band:before         { content: "\f07e"; }
.wpb_element_title .vc_element-icon.share:before                { content: "\f0c0"; }
.wpb_element_title .vc_element-icon.toc:before                  { content: "\f0cb"; }
.wpb_element_title .vc_element-icon.toc_item:before             { content: "\f0cb"; }
.wpb_element_title .vc_element-icon.custom_headline:before      { content: "\f031"; }
.wpb_element_title .vc_element-icon.social:before               { content: "\f082"; }
.wpb_element_title .vc_element-icon.container:before            { content: "\f090"; }
.wpb_element_title .vc_element-icon.feature_headline:before     { content: "\f031"; }
.wpb_element_title .vc_element-icon.responsive_text:before      { content: "\f034"; }
.wpb_element_title .vc_element-icon.search:before               { content: "\f002"; }
.wpb_element_title .vc_element-icon.counter:before              { content: "\f0dc"; }
.wpb_element_title .vc_element-icon.text_output:before          { content: "\f036"; }
.wpb_element_title .vc_element-icon.rev_slider_vc:before        { content: "\f061"; }
.wpb_element_title .vc_element-icon.gravityform:before          { content: "\f003"; }
.wpb_element_title .vc_element-icon.contact-form-7:before       { content: "\f003"; }
.wpb_element_title .vc_element-icon.vc_widget_sidebar:before    { content: "\f047"; }
.wpb_element_title .vc_element-icon.vc_raw_html:before          { content: "\f121"; }
.wpb_element_title .vc_element-icon.vc_raw_js:before            { content: "\f121"; }
.wpb_element_title .vc_element-icon.vc_raw_js:before            { content: "\f121"; }
.wpb_element_title .vc_element-icon.vc_row:before               { display: none;    }
.wpb_element_title .vc_element-icon.vc_column:before            { display: none;    }
.wpb_element_title .vc_element-icon.vc_row_inner:before         { display: none;    }
.wpb_element_title .vc_element-icon.vc_column_inner:before      { display: none;    }



// Content Element Manager Parameters
// =============================================================================

div.wpb_vc_param_value.content {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.wpb_vc_param_value.content p,
div.wpb_vc_param_value.content ul,
div.wpb_vc_param_value.content ol,
div.wpb_vc_param_value.content div,
div.wpb_vc_param_value.content span {
  margin: 3px 0 0;
  font-size: 11px;
  font-style: italic;
  line-height: 1;
  color: #999999;
}

div.wpb_vc_param_value.content iframe {
  margin: 3px 0 0;
  width: 100%;
}

div.wpb_vc_param_value:not(.content) {
  display: none !important;
}



// Frontend Editor
// =============================================================================

//.navbar .navbar-nav.navbar-right > li:nth-child(3),
.navbar .navbar-nav.navbar-right > li:nth-child(4) {
  display: none;
}



// Minor Fixes
// =============================================================================

.wpb_vc_param_value.fade.checkbox {
  opacity: 1;
}
