[data-ratio] {display: block; max-width: 100%; position: relative}
[data-ratio]:before {content: ''; display: block;}
[data-ratio] > * {display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
[data-ratio='20:9']::before { padding-top: 47.5%; }
[data-ratio='16:9']::before { padding-top: 56.25%; }
[data-ratio='4:3']::before { padding-top: 75%; }
[data-ratio='3:4']::before { padding-top: 133.33%; }
[data-ratio='portrait']::before { padding-top: 125%; }
[data-ratio='1:1']::before { padding-top: 100%; }
[data-ratio='v-intro']::before { padding-top: 100%; }
.relative{
position: relative;
}
.alignfull {
margin: 0 calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.has-background{
padding:1rem 1.5rem
}
.alignfull.has-background {
padding: 4vw calc(-50% - -50vw);
}
.alignwide {
margin: 4vw calc(25% - 25vw);
}
.has-media-on-the-right .wp-block-media-text__content{
padding-left:0;
}
.wp-block-button a:hover{
color: var(--blanc);
background-color: var(--grisfonce)
}
.wp-block-quote{
border:none;
padding: 0 3rem;
position:relative;
}
.wp-block-quote::before {
content:'"';
font-size: 3rem;
position:absolute;
left:0; top:0;
line-height: 1;
}
.wp-block-quote::after {
content:'"';
font-size: 3rem;
position:absolute;
right:0; top:0;
line-height: 1;
}
.bloc-titre{
position:relative;
z-index:10
}
.slide{
background-color: var(--grisclair);
position: relative;
}
.slide .filtre, .slide-page .filtre{
position: absolute;
left:0; top:0;
width:100%; height: 100%;
background-color: rgba(0,0,0,.2);
z-index:10;
}
.slide .accroche{
position: absolute;
width: 80%;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
z-index:20;
color: var(--blanc);
font-weight: bold;
font-size: 2rem;
line-height: 1.1;
text-transform: uppercase;
gap: 1rem
}
.slide .accroche span{
width:80px; height: 80px;
border-radius: 50%;
background: var(--rouge) url(//www.barreau-saintnazaire.fr/wp-content/themes/barreau-saint-nazaire/img/loupe.svg) no-repeat center / contain;
transition: all 0.2s ease;
}
.slide .accroche:hover{
text-shadow: 0 0 0.5rem rgba(0,0,0,.7)
}
.slide .accroche:hover span{
background-color: var(--noir)
}
.slide .swiper{
height: 30vh
}
.slide-page{
position: relative;
}
.slide-page .swiper{
height:100%;
position: absolute;
left:0; top:0;
width:100%;
}
.slide-page .swiper .swiper-slide{
background-color:var(--grisfonce);
background-repeat: no-repeat;
background-size: cover;
background-position:center;
}
.slide .swiper .swiper-slide{
height:100%;
}
.slide .swiper .swiper-slide img{
position:absolute;
left:50%; top:50%;
transform: translate(-50%, -50%);
width:100%; height: 100%;
object-fit: cover
}
.bouton{
display: inline-block;
padding:0.75rem 1.5rem;
background-color: var(--noir);
color: var(--blanc);
font-weight: 600;
font-size:0.8rem;
text-transform: uppercase;
}
.bouton.rouge{
background-color: var(--rouge)
}
.bouton:hover{
background-color: var(--grisfonce);
color: var(--blanc)
}
.bouton.rouge.recherche span.icone{
width:40px; height: 40px;
background: url(//www.barreau-saintnazaire.fr/wp-content/themes/barreau-saint-nazaire/img/loupe.svg) no-repeat center / 125%
}
.liste-ventes .item{
border: 1px solid var(--grisplus);
flex: 1 1 auto
}
article{
text-align:left;
}
article h1.membre{
font-weight: normal;
border-bottom : 1px solid var(--grisplus);
font-size:1.8rem;
gap: 0 0.5rem;
line-height:1;
}
article h1.membre .prenom{
text-transform: capitalize;
}
article h1.membre .nom{
text-transform: uppercase;
font-weight: bold;
}
article .portrait{
width:80%;
max-width:350px;
} article .portrait img{
width:100%; height: 100%;
object-fit: cover
}
article .date-serment{
font-weight: bold;
font-size:0.85rem;
}
article .email a{
display: inline-block;
padding:0.5rem 1rem;
background-color: var(--rouge);
color: var(--blanc);
}
article .email a:hover{
background-color: var(--grisfonce);
color: var(--blanc);
}
article .phone{
font-weight: bold;
}
article .map{
height: 480px;
}
article ul{
list-style: none;
padding: 0;
margin:2rem 0;
}
article ul li{
margin:0.65rem 0;
position:relative;
padding-left:1rem
}
article ul li::before{
content:'';
display: block;
width:10px; height: 10px;
border-radius: 50%;
position:absolute;
left:0; top:0.55rem;
background-color: var(--noir)
}
article .has-rouge-background-color ul li::before, article .has-grismedium-background-color ul li::before, article .has-grisfonce-background-color ul li::before{
background-color: var(--blanc)
}
article ul ul{
padding-left:1rem;
margin:0
}
article ul ul li{
padding-left:0.75rem
}
article ul ul li::before{
width:6px; height: 6px;
position:absolute;
top:0.75rem;
}
.wp-block-button.recherche a::after{
content: "";
display: inline-block;
vertical-align: middle;
width:30px; height: 30px;
background: url(//www.barreau-saintnazaire.fr/wp-content/themes/barreau-saint-nazaire/img/loupe.svg) no-repeat center / 150%
} .search-title {
margin-bottom: 30px;
text-align: center;
}
.search-results-list {
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
}
.search-result-item {
margin-bottom: 1rem;
position: relative;
border-bottom: 1px solid var(--grisplus);
padding-bottom:1rem
}
.search-result-item .resume{
font-size:0.85rem;
}
.search-result-item .plus{
font-size:0.85rem;
font-weight: bold;
}
.search-result-item a {
color: var(--noir);
text-decoration: none;
font-size: 18px;
transition: color 0.3s ease;
padding-right: 40px; position: relative;
display: inline-block;
}
.search-result-item a:hover {
color: var(--rouge);
}
.search-result-item a:hover::after {
transform: translateY(-50%) translateX(5px);
}
.list-rub .search-docs {
margin-bottom: 2rem;
}
.search-docs .search-field {
width: 260px;
}
.qualif .exercice{
font-size: 0.8em;
display: inline-block;
padding:0 0.5rem
}
@media screen and (min-width:1200px){
.slide .swiper{
height: 50vh
}
.slide .accroche{
font-size: 3rem;
left: 4.5%;
transform: translate(0, -50%);
}
.intro{
position:relative;
z-index: 10;
max-width:1024px;
margin-left:auto;
margin-right: auto;
transform: translateY(-20%);
}
}
@media screen and (min-width:1680px){
.slide .accroche{
left: 8.25%;
}      
}