header.top.top {
background: var(--blanc) url(//www.barreau-saintnazaire.fr/wp-content/themes/barreau-saint-nazaire/img/bg-header.png) no-repeat right center / contain;
padding: .6rem 0;
position: sticky;
top: 0;
z-index: 998;
}
@media screen and (min-width: 992px) {
header.top.top {
padding: 1rem 0 0;
}
}
header.top.top a.logo {
display: inline-block;
width: 100%;
}
header.top a.logo img {
width: 100%;
}
header.top a.connect {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--grismedium) url(//www.barreau-saintnazaire.fr/wp-content/themes/barreau-saint-nazaire/img/user.svg) no-repeat center / contain
}
.home header.top a.logo {
pointer-events: none;
}
.phone {
font-weight: bold
}
.phone a {
color: var(--grisfonce);
}
.bt-phone {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--rouge) url(//www.barreau-saintnazaire.fr/wp-content/themes/barreau-saint-nazaire/img/phone.svg) no-repeat center / contain
}
.icomobile {
width: 40px;
height: 40px;
position: relative;
cursor: pointer;
}
.icomobile .trt {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: 3px;
background-color: var(--noir);
transition: all 0.1s ease;
}
.icomobile .trt.un {
margin-top: -8px;
}
.icomobile .trt.qt {
margin-top: 8px;
}
.icomobile.actif .trt.un, .icomobile.actif .trt.qt {
opacity: 0;
}
.icomobile.actif .trt.dx {
transform: translate(-50%, -50%) rotate(-45deg);
}
.icomobile.actif .trt.tr {
transform: translate(-50%, -50%) rotate(45deg);
}
.search-full {
display: none;
}
.search-form {
display: flex;
align-items: top;
gap: 0
}
.search-submit {
background-color: var(--rouge);
color: var(--blanc);
border: none;
padding: 0 .5rem;
}
@media screen and (min-width: 1200px) {
header.top.top a.logo {
width: 100%;
}
header.top .nav {
gap: 0 2px;
}
header.top .nav ul {
margin: 0;
padding: 0;
list-style: none;
}
header.top .nav ul li {
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 0.01rem;
font-weight: 600;
position: relative;
}
header.top .nav ul li a {
display: block;
padding: 0.5rem 0.85rem;
background-color: var(--rouge);
position: relative;
color: var(--blanc);
}
header.top .nav ul li::before {
content: '';
display: block;
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%);
width: 0;
height: 3px;
background-color: var(--gold);
transition: all 0.2s ease;
}
header.top .nav ul li:hover::before, header.top .nav ul li.current-menu-parent::before, header.top .nav ul li.current-menu-item::before {
width: 100%;
}
header.top .nav ul ul.sub-menu {
display: none;
background-color: var(--gold);
position: absolute;
left: 0;
top: 100%;
width: 300px;
}
header.top .nav ul ul.sub-menu li {
text-transform: none;
text-align: left;
}
header.top .nav ul ul.sub-menu li a {
background-color: transparent
}
header.top .nav ul ul.sub-menu li a:hover {
background-color: rgba(0, 0, 0, .1);
}
header.top .nav ul ul.sub-menu li:hover::before {
display: none;
}
header.top .intranet ul li a {
background-color: var(--noir)
}
}
@media screen and (min-width: 1280px) {
header.top.top a.logo {
width: 80%;
}
}
@media screen and (min-width: 1440px) {
header.top .nav ul li {
font-size: 0.8rem;
letter-spacing: 0.03rem;
}
}
@media screen and (min-width: 1680px) {
header.top .nav ul li {
font-size: 0.9rem;
}
header.top .nav ul li a {
padding-left: 1rem;
padding-right: 1rem;
}
}