[vc_row][vc_column][vc_tour interval=»0″ title_size=»normal» style=»tab-style-two»][vc_tab title=»Categorization: disable animation on click in material design» tab_id=»1443783586360-16-4″][vc_column_text].paginator .rippleAnimate,
.filter .rippleAnimate,
.paginator .waves-effect .waves-ripple,
.filter .waves-effect .waves-ripple,
.filter-switch-toggle:after,
.filter-extras a:after {
display: none !important;
}[/vc_column_text][/vc_tab][vc_tab title=»Microsite: hide top bar» tab_id=»1443780160887-15-10″][vc_column_text].page-template-template-microsite .top-bar {
display: none;
}[/vc_column_text][/vc_tab][vc_tab title=»Photo Scroller nav. paddings» tab_id=»7ce82d2a-bb6a-0″][vc_column_text].project-navigation {
top: 30px;
right: 110px;
}[/vc_column_text][/vc_tab][vc_tab title=»Submenu 3+ levels left padding» tab_id=»1443777860840-4-8″][vc_column_text].sub-downwards .main-nav .sub-nav .sub-nav {
padding-left: 20px;
padding-right: 20px;
}[/vc_column_text][/vc_tab][vc_tab title=»Page titles: default breadcrumbs background» tab_id=»1443777930529-5-10″][vc_column_text] .page-title .breadcrumbs {
background-color: rgba(0, 0, 0, 0.1);
padding: 4px 18px 4px 18px;
-webkit-border-radius: 30px;
border-radius: 30px;
border: solid 1px rgba(0, 0, 0, 0.5);
}[/vc_column_text][/vc_tab][vc_tab title=»Fancy title top & bottom paddings» tab_id=»1443778000504-6-6″][vc_column_text]#fancy-header .wf-table {
padding-top: 20px;
padding-bottom: 30px;
}[/vc_column_text][/vc_tab][vc_tab title=»Classic header: Top margin for microwidgets near menu» tab_id=»1444049527995-20-9″][vc_column_text].classic-header .branding .mini-widgets {
margin: 30px 0 0 0;
}[/vc_column_text][/vc_tab][vc_tab title=»Menu: centering subtitles» tab_id=»1443778158373-7-4″][vc_column_text]Centering subtitles for first level

.main-nav > li > a .menu-item-text {
text-align: center;
}

Centering subtitles for sub levels

.sub-nav > li > a .subtitle-text {
text-align: center;
}[/vc_column_text][/vc_tab][vc_tab title=»Menu: place icons above menu items» tab_id=»1443778661390-10-9″][vc_column_text].main-nav > li > a .text-wrap,
.header-bar .main-nav > li > a,
.menu-box .main-nav > li > a {
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}

.main-nav > .menu-item > a .fa {
padding-right: 0;
padding-bottom: 2px;
}[/vc_column_text][/vc_tab][vc_tab title=»Menu: underline hover line height» tab_id=»1443778258824-8-8″][vc_column_text].top-header .hover-line-decoration > li > a .decoration-line,
.top-header .active-line-decoration > li > a .decoration-line {
height: 2px;
}[/vc_column_text][/vc_tab][vc_tab title=»Overlay header: hamburger & X width & height» tab_id=»9dd1740c-d074-8″][vc_column_text].menu-toggle .lines,
.menu-toggle .lines:before,
.menu-toggle .lines:after,
.hide-overlay .lines,
.hide-overlay .lines:before,
.hide-overlay .lines:after {
width: 26px;
height: 3px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

[/vc_column_text][/vc_tab][vc_tab title=»Overlay header: X background paddings» tab_id=»1443777511856-2-5″][vc_column_text].overlay-navigation .show-header .hide-overlay {
top: 30px;
right: 30px;
}[/vc_column_text][/vc_tab][vc_tab title=»Overlay header: X icon paddings» tab_id=»1443777635594-3-4″][vc_column_text].menu-toggle .active .lines,
.hide-overlay.active .lines {
margin: 0;
}

.menu-toggle.active .lines-button.x .lines:before,
.menu-toggle.active .lines-button.x .lines:after,
.hide-overlay.active .lines-button.x .lines:before,
.hide-overlay.active .lines-button.x .lines:after {
margin: 12px 0px 0px 2px;
}[/vc_column_text][/vc_tab][vc_tab title=»Default hamburger: lines paddings» tab_id=»1443778988193-11-6″][vc_column_text].menu-toggle .lines {
margin: 24px 0 0;
}[/vc_column_text][/vc_tab][vc_tab title=»Default hamburger: lines animation» tab_id=»1443779046386-12-0″][vc_column_text].menu-toggle .lines:before {
top: 7px;
}
.menu-toggle .lines:after {
top: -7px;
}
.menu-toggle:not(.active) .lines-button:hover .lines:before {
top: 6px;
}
.menu-toggle:not(.active) .lines-button:hover .lines:after {
top: -6px;
}[/vc_column_text][/vc_tab][vc_tab title=»Default hamburger background & X icon background: border» tab_id=»1443779642962-13-2″][vc_column_text]Default hamburger background

.lines-button {
border: 1px solid red;
}

X icon background

.menu-toggle.active .lines-button,
.hide-overlay.active .lines-button {
border: 1px solid yellow;
}[/vc_column_text][/vc_tab][vc_tab title=»Default hamburger: background for transparent header» tab_id=»1443779844149-14-1″][vc_column_text].light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) .menu-toggle .lines-button {
background-color: rgba(255,255,255,1);
}[/vc_column_text][/vc_tab][vc_tab title=»Mobile menu hamburger» tab_id=»1443790812231-18-5″][vc_column_text].mobile-header-bar .dt-mobile-menu-icon .lines,
.mobile-header-bar .dt-mobile-menu-icon .lines:before,
.mobile-header-bar .dt-mobile-menu-icon .lines:after {
width: 26px;
height: 3px;
background-color: rgba(51,51,51,0.5);
}

.dt-mobile-menu-icon .lines {
margin: 20px 0 0 12px;
}

.dt-mobile-menu-icon {
background-color: rgba(51,51,51,0.1);
width: 50px;
height: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
border: 3px solid rgba(51,51,51,0.5);
}

.dt-mobile-menu-icon:hover .lines:before {
top: 6px;
}
.dt-mobile-menu-icon:hover .lines:after {
top: -6px;
}[/vc_column_text][/vc_tab][vc_tab title=»Centering content in a row or column» tab_id=»1443784436177-17-5″][vc_column_text]Extra class name for VC row or column: 

text-centered[/vc_column_text][/vc_tab][vc_tab title=»Painting content» tab_id=»1444992551473-21-0″][vc_column_text]Paint accent color:

 

Paint content semitransparent color:

 

Paint title color:

 

Highlight text:

[/vc_column_text][/vc_tab][vc_tab title=»DT Button: right & left margins» tab_id=»1444993009020-22-0″][vc_column_text]Extra class name for shortcode: 

btn-margin, btn-margin-left[/vc_column_text][/vc_tab][vc_tab title=»REVOLUTION: include header in fullscreen slider» tab_id=»1443791049165-19-1″][vc_column_text]Paste «.masthead» in «Containers» field on Revolution Slider settings page.

[/vc_column_text][/vc_tab][vc_tab title=»DT Button: full width button» tab_id=»1446024522915-23-7″][vc_column_text]Extra class name for shortcode: 

full-width-btn[/vc_column_text][/vc_tab][vc_tab title=»Submenu background border radius» tab_id=»1447076952604-23-4″][vc_column_text]Menu background
.sub-nav,
.dt-mega-menu-wrap {
-webkit-border-radius: 10px;
border-radius: 10px;
}

Hover backgrounds
.top-header .sub-nav.hover-style-bg li:not(.dt-mega-parent) > a,
.top-header .hover-style-click-bg li:not(.dt-mega-parent) > a,
.top-header .hover-style-click-bg li:not(.dt-mega-parent) > a .rippleAnimate,
.top-header .dt-mega-menu .sub-nav .dt-mega-parent .sub-nav a:hover {
-webkit-border-radius: 10px;
border-radius: 10px;
}[/vc_column_text][/vc_tab][vc_tab title=»Microwidget areas» tab_id=»1458658474328-24-8″][vc_column_text]

Classic header, centred logo

.classic-header.logo-center .branding .mini-widgets {
padding: 50px 50px 0px 50px;
}
.classic-header.logo-center .branding .mini-widgets:last-child {
padding: 50px 50px 0px 50px;
}[/vc_column_text][vc_empty_space height=»40px»][vc_column_text]

Classic header, left logo

.classic-header .branding .mini-widgets {
padding: 50px 50px 0px 50px;
}
.classic-header .branding .mini-widgets:last-child {
padding: 50px 50px 0px 50px;
}[/vc_column_text][vc_empty_space height=»40px»][vc_column_text]

Inline header, left menu

[/vc_column_text][vc_empty_space height=»40px»][vc_column_text]

Inline header, right menu

[/vc_column_text][/vc_tab][/vc_tour][/vc_column][/vc_row]