/************************************************************************************

DevPortal Navbar

https://w.amazon.com/index.php/Venezia/DevPortal/FrontEndBestPractices

**************************************************************************************/

@import 'base';

.dp-navbar {

padding: 0;
position: fixed;
top: 0;
height: $navHeightMobile;
width: 100%;
z-index: 100;
border-bottom: 1px solid #ccc;
background-color: $background-color-base;

@include desktop {
  height: $navHeight;
  padding: 0 30px;
}

}

.dp-navbar-inner {

position: relative;
height: 100%;

@include desktop-large {
  width: 1400px;
  margin: 0 auto;
}

}

.dp-navbar-logo {

height: 32px;
width: 111px;
padding: 5px 2px 0px 2px;
float: left;
display: inline-block;
position: relative;
z-index: 110;

@include desktop {
  width: 140px;
  padding: 8px 0 0 0;
  height: 70px;
}

}

.dp-navbar-button, .dp-navbar-button:link, .dp-navbar-button:visited {

display: inline-block;
padding: 10px;
color: $preLoginTextColor;
float: left;
margin: 0;
text-decoration: none;

&:hover,
&:active {
  color: #222;
  text-decoration: none;
  background-color: rgba(0,0,0,.05);
  cursor: pointer;
}

@include desktop {
  margin: 3px 3px;
}

}

.dp-navbar-button.dp-navbar-login {

font-size: $font-size-small;

@include desktop {
  font-size: $font-size-x-small;
  line-height: 130%;
  padding: 28px 16px;
  margin: 0;
  position: absolute;
  right: 100px;
}

@include desktop-large {
  right: 200px;
}

}