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

/* User not logged in */
.qode-login-register-widget {
    &.qode-user-not-logged-in {
        position: relative;
        display: inline-block;
        vertical-align: middle;

        .qode-menu-area & {
            height: 100%;
        }

        .qode-sidebar & {
            width: 100%;
        }

        .qode-login-opener {

	        font-size: 23px;

	        i:before {
		        vertical-align: middle;
	        }

            /* Top bar */
            .header_top & {
                color: #fff;
                font-weight: 500;
                text-transform: uppercase;
            }

            /* Menu area */
            .header_bottom & {

	            &:hover {
                    color: #000;
                }
            }

            .dark:not(.sticky):not(.scrolled) .header_bottom & {
                color: #000 !important;
                &:hover {
                    color: rgba(0, 0, 0, .8);
                }
            }

            .light:not(.sticky):not(.scrolled) .header_bottom & {
                color: #fff !important;
                &:hover {
                    color: rgba(255, 255, 255, .8);
                }
            }

        }
    }
}

/* User logged in */

.qode-login-register-widget {
    &.qode-user-logged-in {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        height: 90px;

	    header.sticky & {
		    height: 60px;
	    }

	    .qode-logged-in-user {
            .qode-logged-in-user-inner{
                & > span {
                    font-size: 23px;
                }
            }
        }

        /* Top bar and menu area dropdown position */
        .header_top &,
        .header_bottom & {
            .qode-login-dropdown {
                position: absolute;
                top: 100%;
                margin: 0;
                left: 0;
                opacity: 0;
                list-style-type: none;
                text-align: left;
                padding: 0;
                width: 193px;
                box-sizing: border-box;
                visibility: hidden;
                z-index: 100;
                @include qodeTransition(opacity 0.3s ease);

	            &.qode-dd-right-position {
		            left: auto;
		            right: 0;
		            text-align: right;
	            }

                li {
                    padding: 0;
                    margin: 0;
                    line-height: 1em;

                    a {
                        display: block;
                        position: relative;
                        @include qodeTransition(color 0.3s ease);
                    }
                }
            }

            &:hover .qode-login-dropdown {
                visibility: visible;
                opacity: 1;
            }
        }

        /* Menu area style */
        .header_bottom & {
            cursor: pointer;
            /* User part */
            .qode-logged-in-user {
                height: 100%;
                display: table;
                vertical-align: middle;

                .qode-logged-in-user-inner {
                    display: table-cell;
                    vertical-align: middle;
                    height: 100%;
                    & > span {
                       font-size: 23px;

	                    i:before {
		                    vertical-align: middle;
	                    }
                    }
                }
            }
            &:hover {
                .qode-logged-in-user {
                    .qode-logged-in-user-inner {
                        & > span {
                            color: $first-main-color;
                        }
                    }
                }
            }

            /* Dropdown part */
            .qode-login-dropdown {
                background-color: #262626;
	            padding: 7px 0;

                li {
                    a {
	                    color: #9d9d9d;
	                    margin: 0;
	                    padding: 9px 20px;
	                    font-size: 11px;
	                    line-height: 16px;
	                    font-weight: 600;
	                    text-transform: uppercase;
	                    letter-spacing: 1px;
                        &:hover {
                            color: #fff;
                        }
                    }
                }
            }

            &:hover .qode-login-dropdown {
                visibility: visible;
                opacity: 1;
            }
        }

        .dark:not(.sticky):not(.scrolled) .header_bottom & {
            .qode-logged-in-user {
                .qode-logged-in-user-inner {
                    & > span span,
                    & > span i {
                        color: #000 !important;
                        &:hover {
                            color: rgba(0, 0, 0, .8);
                        }
                    }
                }
            }
        }

        .light:not(.sticky):not(.scrolled) .header_bottom & {
            .qode-logged-in-user {
                .qode-logged-in-user-inner {
                    & > span span,
                    & > span i {
                        color: #fff !important;
                        &:hover {
                            color: rgba(#fff, .8);
                        }
                    }
                }
            }
        }

        /* Top bar style */
        .header_top & {
            cursor: pointer;
            /* User part */
            .qode-logged-in-user {
                .qode-logged-in-user-inner {
                    & > span {
                        color: #fff;
                        font-weight: 500;
                        line-height: 20px;
                        text-transform: uppercase;
                    }
                }
            }

            /* Dropdown part */
            .qode-login-dropdown {
                background-color: #212121;
                padding: 15px 0;
                li {
                    a {
                        color: #fff;
                        font-weight: 500;
                        text-transform: uppercase;
                        padding: 8px 20px;
                        &:hover {
                            color: rgba(255, 255, 255, .8);
                        }
                    }
                }
            }

            &:hover .qode-login-dropdown {
                visibility: visible;
                opacity: 1;
            }
        }

        ///* Sidebar style */
        //.qode-sidebar & {
        //    .qode-logged-in-user {
        //        .qode-logged-in-user-inner {
        //            padding-bottom: 3px;
        //            border-bottom: 1px solid $default-border-color;
        //            & > span {
        //                color: #000;
        //                font-size: 13px;
        //                font-weight: 500;
        //                text-transform: uppercase;
        //                i {
        //                    display: none;
        //                }
        //            }
        //        }
        //    }
        //}
        //
        ///* Footer style */
        //footer & {
        //    height: auto;
        //    .qode-logged-in-user {
        //        .qode-logged-in-user-inner {
        //            padding-bottom: 3px;
        //            border-bottom: 1px solid $default-border-color;
        //            & > span {
        //                color: #000;
        //                font-size: 13px;
        //                font-weight: 500;
        //                text-transform: uppercase;
        //                i {
        //                    display: none;
        //                }
        //            }
        //        }
        //    }
        //}
        //
        ///* Sidearea style */
        //.qode-side-menu & {
        //    height: auto;
        //    .qode-logged-in-user {
        //        .qode-logged-in-user-inner {
        //            padding-bottom: 3px;
        //            border-bottom: 1px solid $default-border-color;
        //            & > span {
        //                color: #666;
        //                font-size: 13px;
        //                font-weight: 500;
        //                text-transform: uppercase;
        //                i {
        //                    display: none;
        //                }
        //            }
        //        }
        //    }
        //}
    }
}

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