:root {
--red-color: #ad0306;
--black-color: #000000;
--white-color: #ffffff;
} .red-text {
color:var(--red-color);
} #top-header {
display:none;
}
@media (min-width: 981px) {
#top-header {
display:block;
}
}
#top-header .icon {
display:inline-block;
width:auto;
margin-right:20px;
}
#top-header .et_pb_column .icon.social:last-of-type,
#top-header .et_pb_column .icon.user:first-of-type {
margin-right:0;
}
#top-header .icon.social {
float:left;
}
#top-header .icon.user {
float:right;
}
#top-menu ul li {
margin:0 10px 0 0;
padding:0;
}
#top-menu ul li:last-of-type {
margin-right:0;
}
#top-menu a,
#top-menu a:visited {
padding: .3em 1em;
line-height: 1.7em;
border: 2px solid transparent;
border-radius: 3px;
transition: all 300ms ease 0ms;
}
#top-menu a:hover,
#top-menu a:active {
padding: .3em .7em .3em 2em;
color:var(--red-color);
border-color:var(--red-color);
border-radius: 0;
transition: all 300ms ease 0ms;
}
#top-menu a:hover:before {
content: "";
display: inline-block;
width: 30px; 
height: 30px;
background-image: url(//www.chr1st.it/wp-content/themes/divi-chr1st/assets/img/icon-cross.png);
background-size: contain; 
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 5px;
top: 50%; 
transform: translateY(-50%);
opacity:0;
transition: all 300ms ease 0ms;
}
#top-menu a:hover:before {
opacity:1;
transition: all 300ms ease 0ms;
} #footer .menu-footer ul {
display:block;
}
#footer a,
#footer a:visited {
color:var(--white-color);
}
#footer a:hover,
#footer a:active {
color:var(--red-color);
}