/*
Theme Name: MozliWeb
Author: Orianne Cielat
Description: A theme designed for Opalt firm
Tested up to: 8.4
Requires PHP: 8.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: opalt
*/

:root {
    /* --fs-quote: clamp(1.2rem, 2.5vw + 1rem, 3rem); */
    --fs-quote: clamp(1.2rem, 1.3vw + 1rem, 3rem);
    --fs-ft-bottom: min(max(.8rem, 1vw), 1.2rem);
}
@font-face {
    font-family: 'Avant Garde';
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/ITCAvantGardeStd-ExtraLight.woff2') format('woff2');
}
@font-face {
    font-family: 'Avant Garde';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/ITCAvantGardeStd-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'Avant Garde';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/ITCAvantGardeStd-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'Minion Pro';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/MinionPro-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Minion Pro';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/MinionPro-Bold.woff2') format('woff2');
}
/* RESET */
ul, ol {
    list-style: none;
}
a.underline {
    text-decoration: underline;
}
/* H3 */
.opt_title {
    font-size: clamp(1.2rem, 2vw + 1rem, 3.5rem);
    padding-bottom: 6rem;
    width: 100%;
}
.opt_title.center {
    text-align: center;
}

.radius {
    border-radius: 30px;
    overflow: hidden;
}

/* LAWYERS */
.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;
    /* font-size: clamp(1.1rem, 0.8vw + 1rem, 3.8rem); */
    text-align: center; 
    /* font-size: clamp(1.1rem, 1.2vw + 1rem, 3.8rem); */
    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;
    }
}

/* INPUTS */
.field {
    border-radius: 50px;
    border: 1px solid black;
    padding: 1rem;
}
.field::placeholder {
    font-size: clamp(.7rem, .9vw + 1rem, 1rem);
    color: var(--main-black);
}
/* BUTTON */
.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 {
    width: 30%;
    background-color: var(--main-pink);
    cursor: pointer;
    border: none;
}

/* ALL LINKS */
.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%;
}

/* LAWYERS LINKS */
.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;
}
/* LINKEDIN LINK */
.svg_tag.linkedin {
    width: 60%;
}
.svg_link .svg_tag.linkedin {
    fill: #FFF;
}
.svg_link.black .svg_tag.linkedin {
    fill: #000;
}

/* LINK KNOW MORE */
.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;
}

@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;
    }
}