/*Matt Nolan Additions*/
  
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>> MN Unibar 3 CSS 09.12.17 */
#unibar {
    background: none repeat scroll 0 0 #7d8e90;
    border-bottom: 1px solid #464d4e;
    padding-top: 2px;
    padding-bottom: 5px;
    font-weight: 600;
	z-index:51;
}
#MNwrapper {
    margin: 0 auto;
    max-width: 910px;
    min-width: 320px;
    width: auto;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select:none;
    user-select:none;
    /* background-color: #fff; */
	    height: 40px;
}
#unibar ul {
    display: inline-block;
    letter-spacing: 0.8px;
    margin: 0 0 auto;
    overflow: visible;
    text-align: center;
    width: 100%;
    padding: 0;
}
#unibar li {
    display: inline-block;
    font-size: 12px;
    padding: 0 2.4%;
    text-align: center;

    margin-top: 2px;
    margin-bottom: 2px;
	    height: 38px;
}

 #unibar span {
    background-image: url("unibar3.jpg");
    background-size: 288px 24px;
    display: inherit;
    height: 24px;
    margin: -6px 1px;
    width: 24px;
 }
 #unibarErikaMoen {
   background-position: -97px 0px;
 }
 #unibarOJST {
   background-position: -72px 0px;
 }
 #unibarBucko {
   background-position: -25px 0px;
 }
 #unibarDar {
   background-position: -49px 0px;
 }
 #unibarPatreon {
   background-position: 0px 0px;
 }
 #unibarShop {
   background-position: -120px 0px;
 }
#unibarEMTwitter {
   background-position: -144px 0px;
}
#unibarMNTwitter {
   background-position: -169px 0px;
}
#unibarFacebook {
   background-position: -192px 0px;
}
#unibarTumblr {
   background-position: -215px 0px;
}
#unibarInsta {
	background-position: -240px 0px;
}

#unibar li a {
    color: #fff;
    display: inline-block;
    height: 34px;
    line-height: 36px;
    text-decoration: none;
    opacity: 0.6;
    text-shadow: 0px 1px 1px #5e6667;
}
#unibar li a:hover {
    opacity:1;
}

.MNhoveON {
opacity:1 !important;
}

@media only screen and (max-width: 896px) {
#unibar li {padding: 0 2%;}

}


@media only screen and (max-width: 736px) {
#unibar li {font-size:0;}
#unibar li a {
    padding-top: 5px;
    height: 34px;
}
#unibar span {
	/* margin: 0px 1px 0px 8px; */
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#unibar li {font-size:10px;/* padding: 2px 0 2px 0px; *//* padding-bottom: 5px; */margin-top: -2px;margin-bottom: 6px;}
#unibar li a {
    padding-top: 5px;
    height: 34px;
}
}



@media only screen and (max-width: 374px) {
#unibar span {margin: 3px 0px 0px 0px;}
}


/*Retina Images! REGULAR */
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
 #unibar span {
    background-image: url(unibar3x2.jpg);
    background-size: 288px 24px!important;
    height: 24px;
    width: 24px;
    /* margin-left: 8px; */
 }
}

/*Retina MOBILE Images!*/
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) { 
#unibar li a {/* padding: 10px 0px 10px 3px; */height: 38px;/* margin-right: -8px; */padding-top: 2px;padding-bottom: 4px;/* width: 53px; */}

#unibar li {font-size:0;padding: 0 0px;margin: 0 2.1%;} 
#unibar span {
	margin-top: 7px;
	/* margin-right: -1px; */
}

#MNwrapper {
	height: 34px;
}

#unibar {
	padding-bottom: 11px;
	padding-top:0;
}
 #unibar span {
    /* background-image: url(unibar3x2.jpg); */
    /* background-size: 432px 36px!important; */
    /* height: 36px; */
    /* width: 36px; */
 }




}


/*Retina MOBILE Images!*/
@media (max-device-width: 360px) and (-webkit-min-device-pixel-ratio: 2) { 
#unibar li a {margin-right: 4px;}
#unibar li {/* margin: 0; */} 
#unibar li:first-child
{
	/* margin-left: -11px; */
}
#unibarBucko {
	margin-left: -7px !important;
	padding-right: 2px;
	/* margin-right: 6px; */
}
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>> MN Unibar 3 CSS 09.12.17 */