/* Login/Register widget - start
   ========================================================================== */

/* User not logged in */
.eltdf-login-register-widget {
	
	&.eltdf-user-not-logged-in {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		
		.eltdf-sidebar & {
			width: 100%;
		}
		
		.eltdf-login-opener {
			position: relative;
			
			.eltdf-login-text {
				font-size: 0;
			}
			
			&:before {
				position: relative;
				display: inline-block;
				top: 0;
				font-family: 'simple-line-icons';
				font-weight: 400;
				content: "\e005";
				font-size: 18px;
				vertical-align: middle;
				color: #414141;
			}
			
			&:hover {
				color: $first-main-color;
				
				&:before {
					color: $first-main-color;
				}
			}
			
			.eltdf-page-header .eltdf-menu-area &,
			.eltdf-sticky-header &,
			.eltdf-footer-bottom-holder & {
				color: #fff;
				
				&:before {
					color: inherit;
				}
				
				&:hover {
					color: $first-main-color;
				}
			}
			
			.eltdf-dark-header .eltdf-menu-area:not(.fixed):not(.eltdf-sticky-header) & {
				color: $header-dark-color !important;
			}
			
			.eltdf-light-header .eltdf-menu-area:not(.fixed):not(.eltdf-sticky-header) & {
				color: $header-light-color !important;
			}
		}
	}
}

/* User logged in */

.eltdf-login-register-widget {
	
	&.eltdf-user-logged-in {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		cursor: pointer;
		color: $default-heading-color;
		
		.eltdf-page-header .eltdf-menu-area &,
		.eltdf-sticky-header &,
		.eltdf-footer-bottom-holder & {
			color: #fff;
		}
		
		.eltdf-logged-in-user {
			display: table;
			height: 100%;
			
			.eltdf-logged-in-user-inner {
				position: relative;
				top: 1px;
				display: table-cell;
				vertical-align: middle;
				
				@media only screen and (min-width: $laptop-landscape) and (max-width: $laptop-landscape-large) {
					top: 2px;
				}
				
				& > span {
					
					img {
						display: inline-block;
						vertical-align: middle;
						width: 28px;
						height: 28px;
						margin: 0 5px 0 0;
						border-radius: 100%;
					}
				}
			}
		}
		
		.eltdf-logged-in-user-img {
			position: relative;
			display: inline-block;
			top: -1px;
			margin-right: 2px;
			font-weight: 400;
			font-size: 18px;
			vertical-align: middle;
			color: #414141;
			@include eltdfTransition(color .2s ease-out);
			
			.eltdf-page-header .eltdf-menu-area &,
			.eltdf-sticky-header &,
			.eltdf-footer-bottom-holder & {
				color: #fff;
			}
			
			.eltdf-dark-header .eltdf-menu-area:not(.fixed):not(.eltdf-sticky-header) & {
				color: $header-dark-color !important;
			}
			
			.eltdf-light-header .eltdf-menu-area:not(.fixed):not(.eltdf-sticky-header) & {
				color: $header-light-color !important;
			}
		}
		
		.eltdf-logged-in-user-name {
			@include eltdfTransition(color .2s ease-out);
			
			.eltdf-header-centered .eltdf-page-header .eltdf-logo-area .eltdf-centered-widget-holder & {
				position: relative;
				top: 0;
			}
		}
		
		.eltdf-login-dropdown {
			position: absolute;
			top: 100%;
			margin: 0;
			padding: 15px 0;
			left: 15px;
			opacity: 0;
			list-style-type: none;
			text-align: left;
			box-sizing: border-box;
			visibility: hidden;
			z-index: 100;
			background-color: #fff;
			box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.03);
			border-bottom: 5px solid #222;
			@include eltdfTransition(opacity 0.25s ease-in-out);
			
			li {
				padding: 0;
				margin: 0;
				line-height: 1em;
				
				a {
					position: relative;
					display: inline-block;
					margin: 0 8px;
					font-size: 13px;
					font-weight: 400;
					line-height: 24px;
					color: $default-text-color !important;
					white-space: nowrap;
					@include eltdfUnderlineStyle(after, 0, 1px, 3px);
					
					&:hover {
						@include eltdfHoverUnderlineStyle();
					}
				}
			}
		}
		
		&:hover {
			
			.eltdf-logged-in-user-img {
				
				.eltdf-page-header .eltdf-menu-area &,
				.eltdf-sticky-header &,
				.eltdf-footer-bottom-holder & {
					color: $first-main-color;
				}
			}
			
			.eltdf-logged-in-user-img,
			.eltdf-logged-in-user-name {
				color: $first-main-color;
			}
			
			.eltdf-login-dropdown {
				visibility: visible;
				opacity: 1;
			}
		}
		
		/* User part */
		.eltdf-logged-in-user {
			
			.eltdf-logged-in-user-inner {
				
				& > span {
					text-transform: capitalize;
				}
			}
		}
		
		.eltdf-dark-header .eltdf-menu-area:not(.fixed):not(.eltdf-sticky-header) & {
			
			.eltdf-logged-in-user {
				
				.eltdf-logged-in-user-inner {
					
					& > span span,
					& > span i {
						color: $header-dark-color;
						
						&:hover {
							color: $header-dark-color;
						}
					}
				}
			}
		}
		
		.eltdf-light-header .eltdf-menu-area:not(.fixed):not(.eltdf-sticky-header) & {
			
			.eltdf-logged-in-user {
				
				.eltdf-logged-in-user-inner {
					
					& > span span,
					& > span i {
						color: $header-light-color;
						
						&:hover {
							color: $header-light-hover-color;
						}
					}
				}
			}
		}
	}
}

.eltdf-light-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget.eltdf-login-register-widget .eltdf-login-dropdown a,
.eltdf-dark-header .eltdf-page-header > div:not(.fixed):not(.eltdf-sticky-header) .eltdf-menu-area .widget.eltdf-login-register-widget .eltdf-login-dropdown a {
	color: $default-text-color !important;
	
	> span {
		color: inherit !important;
	}
}

/* Login/Register widget - end
   ========================================================================== */