
/*Top header content width*/
.masthead:not(.side-header) {
	max-width: 100%;
}
/*Transparent header*/
.transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead {
	position: absolute;
	width: 100%;
	z-index: 102;
}
.masthead:not(.side-header):not(.full-width):not(.side-header-v-stroke):not(.side-header-menu-icon) {
	padding: 0 44px;
	box-sizing: border-box;
}
//Fix flexbox bugs in ie
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.masthead:not(.side-header):not(.mixed-header),
	.masthead.side-header-h-stroke {
		display: -ms-flexbox; // IE10
		-ms-flex-direction: column; // IE10
	     	 .align-content(@align: space-between);
	     	.justify-content(@justify: center);
	      & .top-bar,
	      & .header-bar,
	      & .ph-wrap {
	      	width: 100%;
	      }
	     
	}
	.phantom-sticky.floating-navigation-below-slider .fixed-masthead.masthead:not(.sticky-on) {
		top: auto !important;
	}
	 .masthead.side-header-v-stroke.mixed-header {
      		display: -ms-flexbox; // IE10
		    -ms-flex-direction: column; // IE10
	     	& .header-bar {
	     		//.flex-flow( row wrap);
	     		& .branding {
	     			text-align: center;
	     		}
	     	}
      }
}

.masthead:not(.side-header) .header-bar {
	position: relative;
	.flex-display(@display: flex);
	.align-items(@align: stretch);
	.align-content(@align: stretch);
	.ie-flex-align-content(stretch);
	.justify-content(@justify: space-between);
	.ie-flex-justify-content(space-between);
}

.masthead:not(.side-header) .main-nav {
	.flex-display(@display: flex);
	.flex-flow( row wrap);
	.align-items(@align: center);
}


/*! Full height menu */
.masthead:not(.side-header).full-height .main-nav {
	.align-items(@align: stretch);
	.align-content(@align: stretch);
}
.masthead:not(.side-header).full-height .header-bar .main-nav > li > a,
.masthead:not(.side-header) .header-bar .main-nav > li > a {
	display: flex;
	.flex-display(@display: flex);
	.align-items(@align: center);
	.align-content(@align: center);
	.ie-flex-align-content(stretch);
}

/*! Menu dividers enabled */
.masthead:not(.side-header).dividers.justify .main-nav > li {
	.flex-grow(@grow: 1);
	.justify-content(@justify: center);
}

.masthead:not(.side-header).dividers .main-nav > li:not(.dt-mega-menu) {
	position: relative;
}
	.masthead:not(.side-header).dividers .main-nav > li:before,
	.masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after {
		content: "";
		position: absolute;
		left: -0.5px;
		width: 0;
		border-right: solid 1px yellow;	

		// Use Theme Options to set divider height in px
		height: 100%;
		max-height: 100%;
		.vertical-centering;
	}
		.masthead:not(.side-header).dividers .main-nav > li:first-child:before {
			display: none;
		}
		.masthead:not(.side-header).dividers.surround .main-nav > li:first-child:before {
			display: block;
		}
		.masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after {
			left: auto;
			right: -0.5px;
		}
	.masthead:not(.side-header) .main-nav.animate-click-decoration > li > a {
		overflow: hidden;
	}
.masthead:not(.side-header).full-height .main-nav > li > a {
	.flex-grow(@grow: 1);
	.justify-content(@justify: center);
}
