@import url("https://use.typekit.net/ewa2lll.css");

body {
	margin-top: clamp(35px, 2vw, 45px);
}

div#muellerSites {
    background: #dcddde;
    position: fixed;
    top: 0px;
    left: 0px;
    height: clamp(35px, 2vw, 45px);
    width: 100%;
    z-index: 200;
}

/* Drupal Admin Menu Offset */
body.admin-menu div#muellerSites {
    top: 28px;
}

ul#muellerSitesRibbon {
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: freight-sans-compressed-pro, sans-serif;
/*    font-weight: 700; */
    font-style: normal;
    text-align: center;
    font-size: clamp(12px, 1.25vw, 20px);
    display: table;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;    
}

#muellerSitesRibbon li.item {
    display: inline-block;
    padding: 0px 5px;
    border-left: 1px solid rgba(255,255,255,0.5);
    height: clamp(35px, 2vw, 45px);
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

#muellerSitesRibbon li.item:hover {
    background: #f3f3f3;
}

#muellerSitesRibbon li.item:first-child {
    border-left: 0px solid #dcddde;
}

span.side_left {
    float: left;
    width: 50%;
    text-align: right;
}

span.side_right {
    float: left;
    width: 35%;
    white-space: normal;
    font-size: .7em;
    line-height: .9em;
    margin-right: -25px;
    margin-left: 5px;
}

#muellerSitesRibbon li.item a {
	text-decoration: none;
    color: black;
    text-transform: uppercase;
/*    font-weight: bold; */
    vertical-align: middle;
}

/* li#muellergas a {
    color: #999999 !important;
} */

select#muellerSitesSelect {
	display: none;
    margin: 5px auto;
    font-family: 'freight-sans-compressed-pro';
    color: #4f4f4f;
    border: 1px solid #b8b8b7;
    width: clamp(250px, 80%, 400px);
    text-transform: uppercase;
}

@media (max-width:1025px) {
	ul#muellerSitesRibbon {	
		display: none;
	}

	select#muellerSitesSelect {
		display: block;
	}

}