/*
Theme Name: Francecartegrise
Theme URI: https://francecartegrise.net
Author: Ali Timbo
Author URI: alitimbo.pro11@gmail.com
Description: Thème personnilé du site français France Carte Grise.net
Requires at least: WordPress 6.3
Version: 1.0
*/


@font-face {
    font-family: 'QuickSandRegular';
    src: url('./fonts/Quicksand-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuickSandBold';
    src: url('./fonts/Quicksand-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuickSandSemiBold';
    src: url('./fonts/Quicksand-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SoraRegular';
    src: url('./fonts/Sora-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SoraBold';
    src: url('./fonts/Sora-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SoraLight';
    src: url('./fonts/Sora-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('./fonts/OpenSans_Condensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('./fonts/OpenSans_Condensed-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('./fonts/OpenSans_Condensed-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poiret';
    src: url('./fonts/PoiretOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'RobotoRegular';
    src: url('./fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TrebuchetMs';
    src: url('./fonts/trebuc.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: "Arboria-Medium";
    font-style: normal;
    font-weight: 500;
    src: url("https://db.onlinewebfonts.com/t/dda65d7f418f4ab23abf484c807c9f17.eot"),
        url("https://db.onlinewebfonts.com/t/dda65d7f418f4ab23abf484c807c9f17.eot?#iefix") format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/dda65d7f418f4ab23abf484c807c9f17.woff2") format("woff2"),
        url("https://db.onlinewebfonts.com/t/dda65d7f418f4ab23abf484c807c9f17.woff") format("woff"),
        url("https://db.onlinewebfonts.com/t/dda65d7f418f4ab23abf484c807c9f17.ttf") format("truetype"),
        url("https://db.onlinewebfonts.com/t/dda65d7f418f4ab23abf484c807c9f17.svg#Arboria-Medium") format("svg");
}
*/
select {
    appearance: none;
    background: url('./images/dropdown.png') no-repeat right center #fff;
    padding: 5px 30px 5px 5px;
    background-size: 30px 30px;
    background-position: right 5px center;
    transition: background-position 0.3s ease;
}

select:hover {
    background-position: right 5px 20px center;
}

html {
    background-color: #fff;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

h1 {
    font-family: "OpenSans", sans-serif;
    text-decoration: none;
}

h2 {
    font-family: "OpenSans", sans-serif;
    text-decoration: none;
}

h3 {
    font-family: "OpenSans", sans-serif;
    text-decoration: none;
}

h4 {
    font-family: "OpenSans", sans-serif;
    text-decoration: none;
}

h5 {
    font-family: "OpenSans", sans-serif;
    text-decoration: none;
}

h6 {
    font-family: "OpenSans", sans-serif;
    text-decoration: none;
}

p {
    font-family: "OpenSans", sans-serif;
    font-weight: 500;
    font-size: 18px;
 
}

li {
    font-family: "OpenSans", sans-serif;
    font-weight: 500;
    font-size: 18px;
}

a {
    text-decoration: none;
    font-family: "OpenSans", sans-serif;
    font-weight: 500;
    font-size: 18px;
}

strong {
    font-family: "OpenSans", sans-serif;
    font-weight: 500;
    font-size: 18px;
}

button {
    font-family: "OpenSans", sans-serif;
    font-weight: 500;
    font-size: 18px;
}

select {
    font-family: "OpenSans", sans-serif;
    font-weight: 500;
    font-size: 18px;
}