//@import "style.less";
@import "colors.less";

.red{
	background-color:  var(--primary) !important;
	height: 4rem;
	border-bottom-left-radius: 2rem;
	border-top-left-radius: 2rem;
}

.uk-offcanvas-bar{
	background-color:#333333;
	.resp(639px, {
		width: 100%;
		});
	.logo_mobile{
		img{
			width: 50%;
		}
	}
	.uk-nav{
		li{
			a{
				position:relative;
				font: 400 1.6rem/2rem @font;
				color: @white;
				text-decoration: none;
				padding: 1rem 0;
				border-bottom: 1px solid @white;
			}
		}
	}
}

.homepageHeader{
    top: -150px;
}

header#header{
    position: relative;
    background-color: var(--primary);
	z-index: 800;
	.shadow;
	div.headerOne{
		div{
			.logo{
				position: relative;
				left: 3rem;
				height: 10rem;
				z-index: 999;
				padding: 0;
				.resp(700px, {
					left: 0rem;
				});
				a{
					height: 100%;
					picture{
						img{
							height: 100%;
						}
						&::after{
							display: none;
							visibility: hidden;
						}
					}
				}
			}
			.header-contact{
				flex-direction: column;
			}
		}
	}
    .mobile {
        padding: 0 3rem;
        li > a{
            text-align: center;
            display:block;
            line-height: 4rem;
            font-size: 4rem;
            border-bottom: none;
            &:hover, &:focus{
                letter-spacing: 1px;
            }
        }
    }
	div.headerTwo{
		height: 4.3rem;
		position: absolute;
    	bottom: 0;
    	background-color: var(--secondary);
		.top-menu{
			height: 100%;
			nav ul{
				margin-right: 5rem;
				li{
    				align-items: center;
					a{
						color: @white;
						font-size: 1.4rem;
					}
                    &.uk-parent div.uk-dropdown {
                        ul {
                          li {
                            a {
                              color: @black !important; // Correct selector to target dropdown links
                            }
                          }
                        }
                    }
				}
			}

            nav {
                ul li div > a{
                    color: @black !important;
                }
            }
			.lang-switch{
				.fx;
				align-items: center;
				justify-content: right;
				.language{
					li{
						a{
							img{
								height: 2rem;
							}
						}
						.uk-drop{
							position: absolute;
							width: max-content;
							z-index: 1020;
                            top: 35px !important;
                            left: -2rem !important;
							ul{
								.fx;
								.fxc;
                                flex-direction: column;
                                margin: 0;
								li{
									padding: 0 1rem;
									margin-right: 0;
									margin-bottom: 0.5rem;
									//.fx;
									//.fxc;
								}
							}
						}
					}
					.resp(700px, {
						margin-right: 1rem;
					});
				}
			}
		}
	}
	.breadcrumbs{
		position: relative;
		display: inline-block;
		padding: .5rem 2rem;
		background-color: @white;
		border-bottom-right-radius: 1rem;
		.shadow2;
	}
}

.active-header-noMsg{
    height: 10rem !important;
}

.active-header-withMsg{
    height: 10rem !important;
}