/**
 * Theme Name:     YOOtheme Child
 * Author:         YOOtheme
 * Template:       yootheme
 * Text Domain:	   yootheme-child
 * Description:    Site de Paraphe
 */

.uk-navbar-nav {
	
	@media (min-width: 960px) {
		
		> li {
			&.current-menu-item > a {
				color: #929292;
			}
			
			> a {
				position: relative;
				
				&::before,
				&::after {
					opacity: 0;
					pointer-events: none;
					position: absolute;
					top: 50%;
					-webkit-transform: translate(0%, -53%);
					transition: all 0.2s linear;
				}

				&::before {
					content: '[';
					left: 50%;
				}

				&::after {
					content: ']';
					right: 50%;
				}
			
				&:hover {
					color: #929292;

					&::before {
						left: 0px;
						opacity: 1;
					}

					&::after {
						opacity: 1;
						right: 0px;
					}
				}
			}
		}
	}
}

.c-homeHero {
	.el-section {
		min-height: 500px;
		position: relative;
	}
	
	.uk-panel {
		display: flex;
		flex-flow: column;
		justify-content: space-between;
	}
	
	@media (min-width: 960px) {
		position: relative;
		z-index: 999999;
	}
}

.c-homeNav {
	.uk-nav-default {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 30px 0;
	}
	
	> ul > li {
    		padding: 0 3px;
			
			&:first-child {
				> a {
					color: #929292;
				
					&::before {
						left: 0;
						opacity: 1;
					}

					&::after {
						opacity: 1;
						right: 0;
					}
				}
			}

			& > a {
				color: #f37432;
    			font-size: 1.1em;
				font-weight: 700;
				padding: 0 12px;
				position: relative;
				text-align: center;
				text-transform: uppercase;
				
				&::before,
				&::after {
					opacity: 0;
					pointer-events: none;
					position: absolute;
					top: 50%;
					-webkit-transform: translate(0%, -53%);
					transition: all 0.2s linear;
				}

				&::before {
					content: '[';
					left: 50%;
				}

				&::after {
					content: ']';
					right: 50%;
				}

				&[aria-expanded="true"],
				&:hover {
					color: #929292;
					
					&::before {
						left: 0;
						opacity: 1;
					}
					
					&::after {
						opacity: 1;
						right: 0;
					}
				}
				
				&[aria-expanded="true"] {
					color: #fff;
				}
			}
		}
	
	@media (min-width: 1200px) {
		.uk-nav-default {
			padding: 60px 0;
		}
		
		.el-item {
			padding: 0 10px;
			
			> a {
    			font-size: 1.25em;
			}
		}
	}
}

.c-homeSubnav {
    background: #1b1b1b;
    color: #f37432;
    padding: 30px;
	position: absolute !important;
	//top: 0 !important;
	width: 200px;
	
	> li > a {
    	align-items: center;
		color: #f37432;
    	column-gap: .25em;
		display: flex;
		padding: 5px 0;
    	text-decoration: none;
		
		&:hover {
			color: #fff;
		}
	}
}