.wrap-header {
    position: absolute;
    width: 100%;
}

.user-info > [role="button"] {
    color: white;
}

.user-info > [role="button"]:hover {
  color: white;
  background-color: transparent;
}


.user-avatar {
    height: 30px;
    width: 30px;
    border: 2px solid #ffffff33;
}
#user-nav a{
color: white;
}
#user-nav a:hover{
color: white;
}

#logo_white{
  display: block;
}


#logo{
  display: none;
}

.hero {
text-align:left;
}

.hero-inner{
	    max-width: 1160px;
}

.search input[type="search"]
{
width: 67%;
    height: 52px;
    font-size: 19px;
    box-shadow: 0px 2px 4px #0000003b;
}

@media (max-width: 768px) {
.search input[type="search"] {
    width: 100%;
  }
  
#user-nav a{
	color: gray;
}
#user-nav a:hover{
	color: gray;
}

}


.blocks-item {
border: 1px solid #ececec;
    background-color: white;
    box-shadow: 0px 2px 6px #0000000d;
	flex: 1 0 267px;
	
}

@media (min-width: 600px){
.blocks-item {
    margin: 0 15px 30px;
}
}

.blocks-item-link {
    padding: 21px 0px 20px 23px;
}

.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
    background-color: rgb(255, 255, 255);
    top: -2px;
    position: relative;
    transition: 0.2s ease;
    box-shadow: 0px 4px 9px #0000000d;
}


.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
    color: #898589;
    text-decoration: none;
}

.blocks-item-title {
    margin-bottom: 0;
    float: left;
    padding: 16px;
    color: gray;
    font-weight: 500;
    font-size: 14px;
}

.nav-wrapper .icon-menu {
	color:white;
}

.nav-wrapper a.login{
	color:white;
}