$top-bar-height: 50px;

.edgtf-top-bar {
    width: 100%;
    background-color: #000;
    color: #fff;
	position: relative;
    font-weight: 400;
    height: $top-bar-height;
	z-index: 111;
	

    .edgtf-grid {
        height: 100%;

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

    .edgtf-position-center {

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

	.widget {
		display: inline-block;
		vertical-align: middle;
		margin-right: 22px;
		padding-right: 22px;
		position: relative;
		line-height: 40px;
		font-size:12px;

		ul li {
			padding: 5px 0;
		}

		p,
		span {
			color: #ababab;
		}

		&:after {
			position: absolute;
			height: 40%;
			content: '';
			width: 1px;
			right: 0;
			top: 30%;
		}
		&:last-child {
			border: 0;
			padding-right: 0;
			margin-right: 0;

			&:after {
				border-right: 0;
			}
		}
		&.edgtf-top-bar-widget {
			color: #ababab;
		}
		.edgtf-icon-list-item {
			width: auto;
			margin-bottom: 0;
		}
	}

}

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

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

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

	}
}

.edgtf-top-bar-dark .edgtf-top-bar,
.edgtf-dark-header .edgtf-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,
		span,
		i,
		.widgettitle {
			color: $header-dark-color !important; //Beacause of inline color styles
		}

	}
}