body.page-template-template_partner .box,
body.page-template-template_dashboard .box,
body.page-template-template_profile .box {
margin-top: 100px;
}
#profile_nav {
height: 90px;
margin-bottom: 10px;
position: relative;
top: -20px;
display: flex;
justify-content: center;
}
#profile_nav li {
transform: translateY(-50%);
margin: 0 30px;
height: 140px;
min-width: 140px;
width: 140px;
position: relative;
font-size: 14px;
}
#profile_nav li a {
color: #81827F;
width: 100%;
min-width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
#profile_nav li a::before {
display: block;
content: "";
border-radius: 50%;
transition: all 0.2s ease;
position: absolute;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: white;
z-index: 1;
}
#profile_nav li a span {
position: absolute;
top: 50%;
width: 100%;
display: block;
z-index: 2;
/*font-weight: 600;*/ font-weight: 700;
line-height: 135%;
padding: 0.5em;
/* or 19px */
text-align: center;
}
#profile_nav li a span::before {
display: block;
content: "";
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 32px;
height: 32px;
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%);
}
#profile_nav li a.profile span::before {
background-image: url('data:image/svg+xml;utf8,');
}
body.page-template-template_dashboard #profile_nav li a.profile span::before {
background-image: url('data:image/svg+xml;utf8,');
}
#profile_nav li a.job-listings span::before {
background-image: url('data:image/svg+xml;utf8,');
}
#profile_nav li a.statistics span::before {
background-image: url('data:image/svg+xml;utf8,');
}
#profile_nav li a.alerts span::before {
background-image: url('data:image/svg+xml;utf8,');
}
#profile_nav li a.bookmarks span::before {
background-image: url('data:image/svg+xml;utf8,');
}
#profile_nav li a.current {
color: #FFF;
}
#profile_nav li a.current::before {
background: #4B4E49;
transform: translate(-50%, -50%) scale(1.25);
}
#profile_nav li a.current span::before {
transform-origin: center bottom;
transform: translateX(-50%) scale(1.5);
}
@media all and (max-width: 899px) {
#profile_nav li {
margin: 0 20px;
height: 120px;
min-width: 120px;
width: 120px;
}
}
@media all and (max-width: 899px) {
#profile_nav li {
margin: 0 20px;
}
}
@media all and (max-width: 599px) {
#profile_nav li {
font-size: 12px;
margin: 0 10px;
height: 85px;
min-width: 85px;
width: 85px;
}
#profile_nav li a span::before {
width: 24px;
height: 24px;
}
#profile_nav {
height: 50px;
}
body.page-template-template_dashboard .box { }
body.page-template-template_profile .box {
margin-top: 60px;
}
}