:root {
--fs-quote: clamp(1.2rem, 1.3vw + 1rem, 3rem);
--fs-ft-bottom: min(max(.8rem, 1vw), 1.2rem);
}
@font-face {
font-family: 'Helvetica Neue';
font-weight: 500;
font-style: normal;
font-display: swap;
src: url(//opalt.fr/wp-content/themes/opalt/assets/fonts/HelveticaNeueMd.woff2) format('woff2');
}
@font-face {
font-family: 'Avant Garde';
font-weight: 100;
font-style: normal;
font-display: swap;
src: url(//opalt.fr/wp-content/themes/opalt/assets/fonts/ITCAvantGardeStd-ExtraLight.woff2) format('woff2');
}
@font-face {
font-family: 'Avant Garde';
font-weight: 500;
font-style: normal;
font-display: swap;
src: url(//opalt.fr/wp-content/themes/opalt/assets/fonts/ITCAvantGardeStd-Medium.woff2) format('woff2');
}
@font-face {
font-family: 'Avant Garde';
font-weight: 700;
font-style: normal;
font-display: swap;
src: url(//opalt.fr/wp-content/themes/opalt/assets/fonts/ITCAvantGardeStd-Bold.woff2) format('woff2');
}
@font-face {
font-family: 'Minion Pro';
font-weight: 400;
font-style: normal;
font-display: swap;
src: url(//opalt.fr/wp-content/themes/opalt/assets/fonts/MinionPro-Regular.woff2) format('woff2');
}
@font-face {
font-family: 'Minion Pro';
font-weight: 700;
font-style: normal;
font-display: swap;
src: url(//opalt.fr/wp-content/themes/opalt/assets/fonts/MinionPro-Bold.woff2) format('woff2');
} ul, ol {
list-style: none;
}
a.underline {
text-decoration: underline;
} .opt_title {
font-size: clamp(1.2rem, 2vw + 1rem, 3.5rem);
padding-bottom: 6rem;
width: 100%;
font-weight: 700;
}
.opt_title.center {
text-align: center;
}
.radius {
border-radius: 30px;
overflow: hidden;
} .lawyer_text {
display: flex;
flex-direction: column;
align-items: center;
}
.lawyer_title,
.lawyer_name {
width: 100%;
}
.lawyer_name_p {
font-family: 'Avant Garde', sans-serif;
color: var(--main-black);
font-weight: 100;
text-align: center;
font-size: clamp(1.1rem, 1vw + 1rem, 3.5rem);
}
.lawyer_name_span {
font-weight: 500;
text-transform: uppercase;
}
.lawyer_title_p {
font-size: min(max(1rem, 1.2vw), 2rem);
font-family: 'Avant Garde', sans-serif;
font-weight: 700;
letter-spacing: 8px;
text-align: center;
line-height: 1.5;
text-transform: uppercase;
}
.lawyer_title_p.orange,
.opt_title.orange {
color: var(--main-orange);
}
.lawyer_title_p.purple,
.opt_title.purple {
color: var(--main-purple);
}
.lawyer_title_p.green,
.opt_title.green {
color: var(--main-green);
}
@media (max-width: 1100px) {
.lawyer_title_p {
letter-spacing: 5px;
padding: 0;
}
} .field {
border-radius: 50px;
border: 1px solid black;
padding: 1rem;
}
.field::placeholder {
font-size: clamp(.7rem, .9vw + 1rem, 1rem);
color: var(--main-black);
} .button {
font-size: clamp(.9rem, 1vw + 1rem, 1.1rem);
}
.button {
width: fit-content;
display: inline;
background-color: white;
color: var(--main-black);
font-weight: 700;
border-radius: 50px;
border: none;
}
.button.field {
background-color: var(--main-pink);
cursor: pointer;
border: none;
} .svg_link {
border-radius: 50%;
background-color: var(--main-pink);
fill: #000;
padding: .4rem;
display: flex;
justify-content: center;
align-items: center;
}
.svg_link {
width: 45px;
height: 45px;
}
.orange .svg_link {
background-color: var(--main-orange);
fill: #000;
}
.green .svg_link {
background-color: var(--main-green);
fill: #FFF;
}
.purple .svg_link {
background-color: var(--main-purple);
fill: #FFF;
}
.svg_tag:not(.picto) {
width: 70%;
} .links {
position: absolute;
bottom: 0;
right: 0;
display: flex;
}
.swiper-slide .links {
gap: .5rem;
padding: 1rem;
}
.expert .links,
.member .links {
gap: 1rem;
padding: 1.5rem 2rem;
}
.links .svg_link {
padding: .2rem;
z-index: 1;
fill: #FFF;
}
.links .featured_link_box {
padding: 0;
} .svg_tag.linkedin {
width: 60%;
}
.svg_link .svg_tag.linkedin {
fill: #FFF;
}
.svg_link.black .svg_tag.linkedin {
fill: #000;
} .featured_link_box {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 1rem 0;
padding: 2rem 1rem;
}
.featured_link {
color: var(--main-black);
font-weight: 700;
font-size: clamp(.8rem, .5vw + 1rem, 1.1rem);
}
.featured_link.underlined {
text-decoration: underline;
}
.featured_link {
display: flex;
align-items: center;
gap: 1rem;
justify-content: center;
} .tnp-subscription input.tnp-submit, .tnp-profile input.tnp-submit, .tnp-unsubscribe button.tnp-submit, .tnp-reactivate button.tnp-submit,
.tnp-button-form button.tnp-submit {
background-color: #F5DDD3;
border-color: #F5DDD3;
border-radius: 50px;
color: black;
margin: 1rem auto;
font-family: 'Helvetica Neue', sans-serif;
}
.tnp-subscription label, .tnp-profile label {
padding-left: .5rem;
}
.tnp-profile select,
.tnp-profile input[type=text] {
border-radius: 50px;
} .leaders {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 6rem 0;
}
.leaders_eco .leaders {
padding: 0 0 6rem;
}
.firm_ct .leaders_logo_box {
width: 20%;
}
.leaders_p {
text-align: center;
padding-top: 1rem;
font-size: clamp(0.8rem, .8vw + 1rem, 1rem);
}
@media all and (max-width: 1200px) {
.firm_ct .leaders_logo_box {
width: 25%;
}
}
@media all and (max-width: 768px) {
.leaders {
padding: 3rem 0;
}
.leaders_eco .leaders {
padding: 0 0 3rem;
}
.firm_ct .leaders_logo_box {
width: 30%;
}
}
@media all and (max-width: 650px) {
.leaders {
padding: 2rem 0;
}
.leaders_eco .leaders {
padding: 0 0 2rem;
}
.firm_ct .leaders_logo_box {
width: 35%;
}
}
@media (max-width: 1800px) {
.opt_title {
padding-bottom: 5rem;
}
}
@media all and (max-width: 1400px) {
.svg_link {
width: 35px;
height: 35px;
}
}
@media (max-width: 1000px) {
.opt_title {
padding-bottom: 4rem;
}
}
@media (max-width: 900px) {
.member .links {
padding: 1.5rem;
}
}
@media (max-width: 768px) {
html:has(.open) {
overflow: hidden;
}
.opt_title {
padding: 0 0 3rem;
}
.opt_title.purple br {
display: none;
}
.opt_title.center {
text-align: center;
}
.button.field {
width: 100%;
}
}
@media all and (max-width: 900px) {
.featured_link_box {
padding: 2rem 1rem 0;
}
}