$top-bar-height: 38px;

.qodef-top-bar {
    width: 100%;
    color: #858585;
	position: relative;
    font-weight: 400;
    height: $top-bar-height;
	z-index: 111;

    .qodef-vertical-align-containers {
        background-color: #fff;
        border-bottom: 1px solid #d2d2d2;
        padding: 0 48px;
    }

    a {
        color: #858585;
        &:hover {
            color: $default-heading-color;
        }
    }

    .qodef-grid {
        height: 100%;

        .qodef-vertical-align-containers {
            padding-left: 0;
            padding-right: 0;
        }
    }
    .qodef-logo-wrapper a {
        max-height: $top-bar-height;
    }

    .qodef-position-center {

        p {
            font-size: 13px;
            color: #c99e66;
        }
    }

    .qodef-position-left-inner,
    .qodef-position-right-inner {
        line-height: $top-bar-height;
    }

    .qodef-position-left {
        .widget {
            &:last-child {
                border-right: 0;
                padding-right: 0;
            }
            &:first-child {
                padding-left: 0;
            }
        }
    }

    .qodef-position-right {
        .widget {
            &:last-child {
                border-right: 0;
                padding-right: 0;
            }
            &:first-child {
                padding-left: 0;
            }

        }
    }

    .widget {
        display: inline-block;
        vertical-align: top;
        border-right: 1px solid #d2d2d2;
        padding: 0 28px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        @include qodefBoxSizing(border-box);

        .qodef-icon-shortcode  {
            margin-right: 25px;
            a {
                display: inline-block;

                &:hover {
                    span {
                        color: $first-main-color;
                    }
                }
                span {
                    color: #858585;
                    vertical-align: middle;
                }
            }
            &:last-child {
                margin-right: 0;
            }
        }
    }

    .widget_nav_menu {
        ul {
            margin: 0;
            li {
                display: inline-block;
                margin-right: 14px;
                &:last-child {
                    margin-right: 0;
                }
            }
        }
    }

}

.qodef-light-header .qodef-top-bar {
	color: $header-top-light-color !important; //Beacause of inline color styles

	.widget {
		color: $header-top-light-color !important; //Beacause of inline color styles

		p,
		a,
		i,
		.widgettitle {
			color: $header-top-light-color !important; //Beacause of inline color styles
		}

        a:hover {
            color: $header-light-hover-color !important; //Beacause of inline color styles
        }

	}
}

.qodef-dark-header .qodef-top-bar {
	color: $header-dark-color !important; //Beacause of inline color styles

	.widget {
		color: $header-dark-color !important; //Beacause of inline color styles

		p,
		a,
		i,
		.widgettitle {
			color: $header-dark-color !important; //Beacause of inline color styles
		}

        a:hover {
            color: $header-dark-hover-color !important; //Beacause of inline color styles
        }

	}
}