/*
Theme Name: barreau-saint-nazaire
Author: Your Name
Description: A custom WordPress theme called barreau-saint-nazaire
Text Domain: barreau-saint-nazaire
Version: 1.0
*/

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff'),
        url('fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiBold.eot');
    src: url('fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('fonts/OpenSans-SemiBold.woff') format('woff'),
        url('fonts/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root{
    --grisfonce : #2f2f2f;
    --grismedium : #5e5e5e;
    --grisclair: #f5f5f5;
    --grisplus: #d0d0d0;
    --rouge: rgb(167,3,55);
    --noir: #111111;
    --blanc: #FFFFFF;
    --gold: rgb(225,189,118);
}

html{
    font-size:16px;
}
body{
    font-family: 'Open Sans', 'sans-serif';
    font-size:1rem;
    text-align: center
}
img{
    height: auto;
    vertical-align: middle;
}
a{
    text-decoration: none;
    transition: all 0.2s ease;
    color:var(--rouge)
}
a:hover{
    color: var(--grisfonce);
}
.main{
    overflow: clip;
}
.content, header .inner, footer .inner, .internet-utile .inner{
    width:92%;
    max-width: 1600px;
    margin: 0 auto;
}
.content-page{
    width:92%;
    max-width: 1200px;
    margin: 0 auto;
}

ul.wp-block-list{
    list-style: none;
    padding: 0;
    margin-top :2rem;
    margin-bottom:2rem
}
ul.wp-block-list li{
    margin:0.5rem 0;
    position:relative;
    padding-left:1rem
}
ul.wp-block-list li::before{
    content:'';
    display: block;
    width:10px; height: 10px;
    border-radius: 50%;
    position:absolute;
    left:0; top:0.5rem;
    background-color: var(--noir)
}

.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img{
    position: relative !important
}
@media screen and (min-width:1440px){
    .content, header .inner, footer .inner .internet-utile .inner{
        width:90%;
    }  
}

.text-left {
    text-align: left;
}

/*RECHERCHE AVOCAT*/
@media screen and (min-width: 1280px) {
    #searchform .row .col-12 {
        width: 20%;
    }
}