ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / dombes / wp-content / themes / dt-the7 / css / dynamic-less / header

/* #Floating header
================================================== */

//Floating navigation height
.sticky-on .masthead:not(.side-header):not(.mixed-header) .header-bar,
.phantom-on #phantom.masthead:not(.side-header):not(.mixed-header) .header-bar,
.sticky-on .mixed-header.side-header-h-stroke .header-bar,
.side-header-h-stroke .ph-wrap .header-bar,
#phantom .ph-wrap {
	min-height: @float-menu-height;
}

//Branding
#phantom .logo-box,
#phantom .phantom-top-line-logo,
.phantom-sticky.sticky-on .masthead:not(.side-header) .branding > a,
.phantom-sticky.sticky-on .masthead:not(.side-header) .branding > img {
	padding: @floating-logo-top-padding @floating-logo-right-padding @floating-logo-bottom-padding @floating-logo-left-padding;
}
.transparent.phantom-sticky.sticky-on .masthead .branding > a,
.transparent.phantom-sticky.sticky-on .masthead .branding > img {
	padding: @floating-logo-top-padding @floating-logo-right-padding @floating-logo-bottom-padding @floating-logo-left-padding;
}

//Decoration
#phantom {
	background: @float-menu-bg;
	.phantom-shadow-decoration & {
		-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
		box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
	}
	.phantom-line-decoration & {
		border-bottom: 1px solid @float-menu-line-decoration-color;
	}
	&.boxed {
		max-width: @box-width;
	}
}

.phantom-line-decoration #phantom {
	border-bottom: 1px solid @float-menu-line-decoration-color;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.phantom-shadow-decoration #phantom {
	-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.07);
	border-bottom: none;
}
.phantom-disable-decoration #phantom {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-bottom: none;
}

/*Bg for Sticky floating*/
.responsive-off.phantom-sticky.sticky-on .masthead:not(.mixed-header):not(.side-header):not(.masthead-mobile),
.responsive-off.phantom-sticky.sticky-on .mixed-header.side-header-h-stroke {
	background: @float-menu-bg !important;
}

/*Line decoration for Sticky floating*/
.responsive-off.phantom-line-decoration.phantom-sticky.sticky-on .masthead:not(.side-header):not(.mixed-header),
.responsive-off.phantom-line-decoration.phantom-sticky.sticky-on .mixed-header.side-header-h-stroke {
	border-bottom: 1px solid @float-menu-line-decoration-color;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

[+] ..
[-] header-elements.less [edit]
[-] floating-header.less [edit]
[-] main-nav.less [edit]
[-] top-bar.less [edit]
[+] main-nav
[+] header-layouts