/* header from type1 file ------------------------------------------------------- */

@media only screen and (max-width:767px){
    .page-header.type1 .logo{height:40px;float:left;margin:10px 0}
    .page-header.type1 .logo img{max-width:100%;max-height:100%;width:auto}
    .page-header.type1 .minicart-wrapper{position:relative;top:auto;right:auto;left:auto;margin:10px 0;float:right}
    .page-header.type1 .block-search{float:none;margin-bottom:0}
    .page-header.type1 .block-search .label{float:right;margin:10px 0;line-height:40px;margin-right:10px}
    .page-header.type1 .custom-block{display:none}
}

@media all and (min-width:768px){
    header.page-header.sticky-header.type1 .nav-sections{background-color:#fff}
    .page-header.type1{background-color:#fff;color:#777}
    .page-header.type1>.panel.wrapper{background-color:#f0f0ed;color:#777}
    .page-header.type1 .panel.header .switcher{border-left:1px solid #ccc;padding:0 15px}
    .page-header.type1 .panel.header .switcher:first-child{border-left:0;padding-left:0}
    .page-header.type1 .panel.header .switcher:last-child{padding-right:0}
    .page-header.type1 .panel.header .header.links>li>a{color:#08c}
    .page-header.type1 .panel.header .header.links>li>a:hover{color:#08c}
    .page-header.type1 .nav-sections{background-color:transparent;color:#777;margin-bottom:15px}
    .page-header.type1 .navigation{background-color:transparent;padding:0 15px}
    .page-header.type1 .navigation>ul{padding:0;background-color:#f0f0ed;border-radius:5px}
    .page-header.type1 .navigation li.level0{margin-right:3px;color:#08c}
    .page-header.type1 .navigation li.level0.last{margin-right:0}
    .page-header.type1 .navigation li.level0>.level-top{color:inherit;padding:0 20px;line-height:40px}
    .page-header.type1 .navigation li.level0>.level-top:focus{color:inherit}
    .page-header.type1 .navigation li.level0>.level-top:hover{color:inherit}
    .page-header.type1 .navigation li.level0.active,.page-header.type1 .navigation li.level0:hover{border-radius:5px;color:#fff;background-color:#08c}
    .page-header.type1 .navigation li.level0.parent:hover{border-radius:5px 5px 0 0}
    .page-header.type1 .navigation li.level0.parent>a:after{line-height:40px}
    .page-header.type1 .block-search input{background-color:#fff;color:#777;border-color:#dbe0e2}
    .page-header.type1 .search-category select{border-right:0}
    .page-header.type1 .block-search .action.search{border-left:1px solid #ccc;padding:0 13px}
    .page-header.type1 .block-search .action.search:focus:before{color:#777}
    .page-header.type1 .block-search .action.search:before,.page-header.type1 .block-search .action.search:hover:before{color:#777}
    .page-header.type1 .block-search .action.search:hover{border-left-width:1px}
    .page-header.type1 .custom-block{height:40px;line-height:40px;position:absolute;top:50%;right:60px;margin-top:-20px;font-size:14px;color:#777}
    .page-header.type1 .custom-block>*{display:inline-block;vertical-align:middle}
    .page-header.type1 .custom-block>a{font-size:12px}
}


/* Header Area
--------------------------------------------------------------------------------------------------------------------- */
.page-header {
	border-top: 0px solid transparent;
	
	&.type1 {
		// z-index: 1001;
		z-index: 900;
		> .panel.wrapper {
		    background-color: #fff;
		    border-bottom: 1px solid #e5e5e5;
		}
		
		.header.menu {
			position: relative;
			
			@media only screen and (max-width: 767px) {
				position: static;
				.nav-sections {
					background: #fff;
					margin-bottom: 0;
					
					.nav-sections-item-title {
						background: transparent;
						> a {
							font-size: 18px;
							color: #444;
							text-transform: uppercase;
							font-weight: 300;
						}
						&.active {
							background-color: #004896;
							> a {
								color: #fff;
							}
						}
					}

					.nav-sections-item-content {
						border-top: 1px solid #ddd;
					}
					
					.header.links {
						li {
							padding-left: 15px;
							a {
								padding: 8px 5px;
								font-size: 18px;
								font-weight: 300;
								color: #444444;
								line-height: 27px;
								text-transform: uppercase;
							}
						}
					}
				}	
			}	
		}
		
		.block-search {
			position: absolute;
			top: 0;
			// z-index: 10;
			z-index: 5;
			right: 15px;
			width: auto;
			
			@media only screen and (max-width: @screen__xl) {
				position: relative;
				margin-bottom: 15px;
				float: right;
				right: 0;
			}
			
			@media only screen and (max-width: @screen__m) {
				position: absolute;
				top: 39px;
				right: 0;
				width: 100%;
				z-index: -1;
				
				&.show-mini-form {
					z-index: 10;
					.nav-before-open & {
						z-index: 0;
					}
				}
				
				input {
					left: 0;
					height: 50px;
					padding-left: 15px;
				}
				
				#search_mini_form {
					opacity: 0;
					z-index: -2;
					&.active {
						opacity: 1;
					}
				}
				
			}
			
			input {
				box-shadow: none;
			}
		}
		
		.minicart-wrapper {
		    border: 0 none;
		    background: #004795;
		    border-radius: 3px;
		    padding: 0 15px;
		    position: absolute;
		    top: 50%;
		    right: 15px;
		    margin-top: -20px;
		    padding: 0;
			-webkit-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			
			@media only screen and (max-width: @screen__l) {
				top: auto;
				bottom: 35px;
			}
			
			&:after {
				content: "";
				width: 100%;
				height: 5px;
				background: #fff;
				display: block;
				position: absolute;
				bottom: -5px	
			}
		    
			.action.showcart {
				padding: 0 15px;

			    &::before,
			    &.active::before {
				    color: #fff;
				    line-height: 47px;
				    margin: 0 5px 0 0;
				    font-size: 14px;
				    margin: 2px 9px 0 0; 
			    }
			}     
		      
		    &:hover {
	 			background: @blue-secondary;
		    }
		}
		
		.navigation {
			padding: 0 0;
			
			> ul {
				background-color: #fff;
				border-radius: 0;
			}
			
			li.level0 {
				margin-right: 0;
				color: #444444;
				border-radius: 0;
				background: transparent;    
				padding: 0 20px;
				margin-bottom: 0;
				display: inline-block;
				
				&:hover,
				&.parent {
					&:hover {
						background: transparent;
					}
				}
				
				@media only screen and (max-width: @screen__l) {
					padding: 0 10px;
				}
				
				@media only screen and (max-width: 767px) {
					width: 100%;
					display: block;
					padding: 0;
					
					.subchildmenu {
					
						.subchildmenu {
							display: none;
						}
					
						.ui-menu-item {
							.ui-state-active {
								+ .subchildmenu {
									display: block;
								}
							}
						}

					}
					
					> a.level-top.ui-state-active {
						background-color: @blue-secondary;
						color: #fff;
						&:hover {
							color: #fff;
						}
					}
					
	
					.ui-menu-item {
						> a:before {
							display: none;
						}
					}
					
					
				}
				
				@media only screen and (min-width: 767px) {
					&:first-child {
						padding-left: 0;
					}
				}
				
				> a.level-top {
					padding: 8px 5px;
					font-size: 18px;
					font-weight: 300;
					color: #444444;
					line-height: 27px;
					
					&.active {
						color: @blue-secondary;
					}
					
					@media only screen and (max-width: 767px) {
						padding: 8px 15px;
					}
				}
				
			}
			
			
			
			
		}
				
	}
	


	
}





.page-header .header.panel {
	padding-bottom: 9px;
}

@media all and (min-width:768px){
	.page-header .header.panel {
    	padding-top: 10px;
	}	
}

// meta links
.header.panel {
		
	> .header.links {
	
		@media only screen and (max-width: 767px) {
			padding-top: 14px;
		}
		
		float: none;
		display: inline-block;
		width: 100%;
		text-align: right;

		> li {
		    text-transform: unset;
		    font-size: 14px;
		    margin-right: 20px;
		    &:last-child {
		    	margin-right: 0;
		    	> a {
					padding-right: 0;
				}
		    }
		    > a {
                line-height: 1.4;
            }
		    > a,
		    > span {
			    padding: 0 15px;
			    border-left: 0 !important;
		    }
		    
		    @media only screen and (max-width: 767px) {
		    	&.contact-link,
		    	&.newsletter-link {
		    		display: none;
		    	}
		    }
	    
		}
	}
}

// meta all links
.page-header.type1 .panel.header .header.links > li > a {
	color: #6f6f6f;
	text-decoration: none;
	&:hover {
		color: @blue-secondary;
	}
}


.account-link,
.checkout-link,
.login-link,
.logout-link,
.blog-link a {
	a::before {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
    	// font-family: 'granada-font';
    	font-family: 'porto-icons';
    	margin-right: 5px;
		vertical-align: top;
		display: inline-block;
		font-weight: normal;
		overflow: hidden;
		speak: none;
		text-align: center;
		content: '\f815';
	}
}

// meta: contact-link
.page-header.type1 .panel.header .header.links > li.contact-link > a {
    background: url("/media/theme_customization/top-contact.png") no-repeat center left;
    background-size: auto;
    padding-left: 23px;
    background-size: 14px;
    &:hover {
	    background: url("/media/theme_customization/top-contact-a.png") no-repeat center left;
	    padding-left: 23px;
	    background-size: 14px;
    }
}

// meta: newsletter-link
.page-header.type1 .panel.header .header.links > li.newsletter-link > a {
    background: url("/media/theme_customization/top-newsletter.png") no-repeat center left;
    background-size: auto;
    padding-left: 23px;
    background-size: 16px;
    &:hover {
	    background: url("/media/theme_customization/top-newsletter-a.png") no-repeat center left;
	    padding-left: 23px;
	    background-size: 16px;
    }
}

// meta: authorization-link
.page-header.type1 .panel.header .header.links > li.authorization-link > a::before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
	font-weight: normal;
	overflow: hidden;
	speak: none;
	text-align: center;
	margin: 0 5px 0 0;
	font-size: 14px;
  	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
	content: '\f2f6';
}

// meta: account-link
.page-header.type1 .panel.header .header.links > li > a.account-link::before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
	font-weight: normal;
	overflow: hidden;
	speak: none;
	text-align: center;
	margin: 0 5px 0 0;
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	content: '\f007';
}


 // sticky: login-link
.login-link {
	display: inline-block;
	margin-top: 6px;
	padding-right: 15px;
	
	&::before {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-family: 'porto-icons';
		margin-right: 5px;
		vertical-align: top;
		display: inline-block;
		font-weight: normal;
		overflow: hidden;
		speak: none;
		text-align: center;
		content: '\f850';
		line-height: 47px;
		margin: 0 5px 0 0;
		font-size: 14px;
		color: #444;
	}
	
	&:hover {
		&::before {
			color: @blue-secondary;
		}
	}
}

 // sticky: search-link
.search-link {
	display: inline-block;
	margin-top: 6px;
	padding-right: 15px;
	cursor: pointer;
	
	&::before {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-family: 'porto-icons';
		margin-right: 5px;
		vertical-align: top;
		display: inline-block;
		font-weight: normal;
		overflow: inherit;
		speak: none;
		text-align: center;
		content: '\f818';
		line-height: 47px;
		margin: 0 5px 0 0;
		font-size: 14px;
		color: #444;
	}
	
	&:hover {
		&::before {
			color: @blue-secondary;
		}
	}
	
	// form
	// submit button removed e.g. actions
	+ #search_mini_form {
		position: absolute;
		top: 0;
		right: 0;
		width: 950px;
		float: inherit;
		height: 61px;
		z-index: -1;
		background: #fff;
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		
		&.show {
			opacity: 1;
			filter: alpha(opacity=100);
			z-index: 100;
			z-index: 1;
		}
		
		
		.control {
			margin-top: 20px;
			input {
				border-radius: 0;
				box-shadow: none;
				padding: 0 8px;
				height: 22px;
				line-height: 22px;
			}
		}
		
		.actions {
			.search-close {
				width: 25px;
				height: 22px;
				position: absolute;
				right: 0;
				top: 20px;
				border-left: 1px solid #d7d5cb;
				font-size: 0;
				&::before {
					line-height: 22px;
					height: 22px;
					font-family: 'porto-icons';
					content: '\f819';
					margin-left: 6px;
					font-size: 14px;
					color: #444;
				}
				
				&:hover {
					&::before {
						color: @blue-secondary;
					}
				}
				
			}
			button {
				display: none;
			}
		}
	}
	
}

// logo
.logo {
    min-width: 100px;
    display: inline-block;
    max-width: 100%;
    margin: 46px 0 35px 0;
    height: auto !important;
    
    img {
    	max-height: inherit;
    }
    
    
	strong {
	    display: none;
	}  
}

// logo sticky
.sticky-logo {
	margin-right: 245px;
	margin-top: 0;
	.logo img {
	    height: auto;
	    width: 150px;
	    margin-right: 0px;
		margin-top: 15px;
	}
}

// logo dam
.sponsor-logo-dam {
    display: inline-block;
    margin: 35px 0 35px 60px;
    vertical-align: top;
    margin-left: 60px;
    @media (max-width:991px) {
		margin: 0px 0 35px 0px;
    }
}

// logo-deutsche-aufguss-meisterschaft-2017
.logo-deutsche-aufguss-meisterschaft-2017 {
    vertical-align: top;
    display: inline-block;
    margin-top: 11px;
    img {
    	max-height: 63px;
    	width: auto;
    }
}


@media only screen and (max-width: @screen__l) {
    .page-header.type1 h1.logo {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-header.type1 h1.logo {
        padding-top: 25px;
    }
}





.navigation li.level0 > a.ui-state-active, 
.navigation li.level0 > a.ui-state-active + .submenu {
	background-color: #fff;
	-webkit-box-shadow: none !important; 
	box-shadow: none !important;
	border-bottom: 0 !important;
}

.page-header.type1 .navigation li.level0:first-child > a.level-top {
	padding-left: 0;
	
    @media only screen and (max-width: 767px) {
    	padding-left: 15px;
    	line-height: 26px;
    }
	
}

@media only screen and (max-width: 767px) {
	.navigation .submenu:not(:first-child) ul {
		padding-left: 30px;
		> li {
			min-height: 42px;
			margin-bottom: 1px;
		}
	}
}

.sw-megamenu.navigation li.ui-menu-item > .open-children-toggle {
	background-color: #004896;
	color: #ffffff;
	
	&::after {
		cursor: pointer;
		width: 19px;
		height: 19px;
		display: block;
		position: absolute;
		left: 10px;
		top: 13px;
		opacity: 1;
		font-size: 12px;
		font-family: 'porto-icons';
		vertical-align: middle;
		display: inline-block;
		font-weight: normal;
		overflow: hidden;
		speak: none;
		text-align: center;
		content: '\f882';
	}
	
	&.active {
		background-color: @blue-secondary;
		&::after {
			content: '\f883';
			top: 14px;
		}
	}
	
}

.page-header .navigation .level0.parent > a::after {
    display: none;
}

.page-header .navigation .level0 .submenu {
    border-top-width: 1px;
    padding: 20px 0 10px 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #eae9e9 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #ddd !important;
    @media only screen and (max-width: 767px) {
    	padding: 0 !important;
    	border: 0 !important;
    }
}


.sw-megamenu.navigation li.level0.fullwidth .submenu,
.sw-megamenu.navigation li.level0.staticwidth .submenu {
	top: 100%;
}

.sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, 
.sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    
	&.active {
		color: @blue-secondary;
	}
	
	/*
	@media only screen and (max-width: 767px) {
		margin-bottom: 7px;
	}
	*/
	
}

.sw-megamenu.navigation li.level0.fullwidth .submenu li.level2 > a, 
.sw-megamenu.navigation li.level0.staticwidth .submenu li.level2 > a {
    text-transform: none;
}



.page-header.type1 .navigation li.level0 > a.level-top.ui-state-active {
	color: #fff;
}

.sw-megamenu.navigation li.level0.fullwidth .submenu a, 
.sw-megamenu.navigation li.level0.staticwidth .submenu a {
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    color: #444;
    padding: 8px 5px;
}

.sw-megamenu.navigation li > a > span {
    text-decoration: none !important;
}

.sw-megamenu.navigation li.level0.fullwidth .submenu a:hover, 
.sw-megamenu.navigation li.level0.staticwidth .submenu a:hover {
    text-decoration: none !important;
    color: @blue-secondary !important;
}



// not sticky header elements
.page-header.type1:not(.sticky-header) {

	.logo img {
	    width: 226px;
	    height: 63px;
	    display: inline-block;
		    
		@media only screen and (max-width: 767px) {
			max-height: none;
		}
	    
	}
		
	.navigation li.level0 {
		// padding-bottom: 17px;
		@media only screen and (max-width: 767px) {
			padding-bottom: 0;
		}
	}

	.modal-buttons {
		display: none;
	}
}


// sticky header
.page-header.type1.sticky-header {

	.nav-sections {
		-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
	}
	
	.minicart-wrapper {
        
        transform: none;
	
		// badge
		.action.showcart {
			position: relative; 
			.counter.qty {
				display: block;
				width: 13px;
				height: 13px;
				border-radius: 50%;
				background-color: #e61446;
				color: #fff;
				font: 10px/13px 'open sans', Verdana;
				text-align: center;
				position: absolute;
				bottom: -12px;
				right: 11px;
				padding: 0;
				min-width: 0;
				position: absolute;
				top: 0;
				background-color: @blue-secondary;	
			}
		}
		
		.block-minicart {
			top: 100%;
		}
		
		&:after {
			display: none;
		}
	}
	
	
	

	.navigation {
	
		> ul {
		    text-align: right;
	    	float: left;
	    	// margin-left: 200px;
		}
		
		.modal-buttons {
			position: relative;
			right: 0;
			float: right;
			
			.minicart-wrapper {
				margin-top: 6px;
				padding-bottom: 8px;
				position: static;
				background: transparent;
				float: left;

				.action.showcart::before,
				.action.showcart.active::before {
					color: #444;	
				}
				
				.action.showcart:hover::before {
					color: @blue-secondary;
				}
				
			}
		}
		

		.submenu .container {
		    padding: 0;
		}

		.level0 .submenu {
	    	left: 0;
		    right: 0;
		    position: fixed;
		    text-align: left;
		    top: 61px;
		}

		li.level0 > a.level-top {
		    padding: 20px 0px;
		    font-size: 14px;
		    line-height: 20px;
		    font-weight: 400;
		    margin-bottom: 1px;
		}
		
	}

	.sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 > a, 
	.sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 > a {
	    margin-top: 0;
	}

	.sw-megamenu.navigation li.level0.fullwidth .submenu a, 
	.sw-megamenu.navigation li.level0.staticwidth .submenu a {
	    font-size: 13px;
	    font-weight: 400;
	    line-height: 32px;
	    padding: 0;
	}
	
	
	
}

// mobile menu toggler
.nav-toggle {
	padding: 0;
	margin: 0;
	line-height: 40px;
	
	position: absolute;
	top: -49px;
	
	&:before {
		color: #444;
		font-size: 21px;
	}
	
	.nav-open & {
		&:before {
			content: "\f81a";
			font-size: 32px;
		}
	}
	
}

// mobile seach icon
.search-link-mobile {
	line-height: 40px;
	position: absolute;	
	left: 15px;
	top: -52px;
	
	@media only screen and (max-width: 767px) {
		top: -57px;
		left: 50px;
	}
	
}

// backdrop mobile menu
/*
.nav-open .nav-toggle:after {
	background: rgba(0, 0, 0, 0.3);
}
*/



@media (max-width: 991px ) {
	.logo {
		width: 100%;
    	text-align: center;
	}
	.sponsor-logo-dam {
		width: 100%;
		display: block !important;
		margin-left: 0;
		text-align: center;
	}
}