/*
Theme Name: Pecovering Theme
Author: Salvatore Infantino
Description: Un thème WordPress personnalisé utilisant Tailwind CSS et Font Awesome.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
@import url("https://p.typekit.net/p.css?s=1&k=haq6azh&ht=tk&f=15357.15358.15361.15362&a=131344058&app=typekit&e=css");

@font-face {
    font-family: "futura-pt-condensed";
    src: url("https://use.typekit.net/af/b5939f/00000000000000007758da46/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/b5939f/00000000000000007758da46/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/b5939f/00000000000000007758da46/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "futura-pt-condensed";
    src: url("https://use.typekit.net/af/6bfc89/00000000000000007758da47/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/6bfc89/00000000000000007758da47/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/6bfc89/00000000000000007758da47/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "futura-pt-condensed";
    src: url("https://use.typekit.net/af/e7526b/00000000000000007758da4a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/e7526b/00000000000000007758da4a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/e7526b/00000000000000007758da4a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "futura-pt-condensed";
    src: url("https://use.typekit.net/af/219b89/00000000000000007758da4b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/219b89/00000000000000007758da4b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/219b89/00000000000000007758da4b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
}

/* variables */

nav,footer,h1,h2,h3,h4,h5,h6, button , #listing-material-title span, #burger-menu, span[data-category], label, a, .category-item, #categoryButton {
    font-family: "futura-pt-condensed", sans-serif;
    text-transform: uppercase;
    font-style: italic;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
}

.my-bg-red {
    background-color: #ff7276;
}

.my-text-red {
    color: #ff7276;
}

.my-bg-beige {
    background-color: #ffffff;
}

.my-text-beige {
    color: #ffffff;
}

.my-bg-dark {
    background-color: #202944;
}

.my-text-dark {
    color: #202944;
}

.my-border-dark {
    border-color: #202944;
}

/* listing material */

#listing-material-title span.active {
    color: #ff7276;
}

.trapezoid {
    clip-path: polygon(75% 0, 100% 0, 100% 100%, 50% 100%);
}

@media (max-width: 1023px) {
    .trapezoid {
        clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
    }
}

/* Header */

#front::before {
    content: "";
    clip-path: polygon(0 0, 50% 0%, 75% 100%, 0% 100%);
    background: #000;
    width: 100%;
    height: 75vh;
    position: absolute;
    opacity: .3;
    z-index: 0;
}

@media (max-width: 768px) {
    #front::before {
        clip-path: none;
    }
}

/* Avis */

button#prev::before,
button#next::before {
    content: "";
    position: absolute;
    width: 3.5rem;
    height: 100%;
    background-color: white;
    top: 0;
    z-index: -1;
}

button#prev::before {
    left: 0;
}

button#next::before {
    right: 0;
}

.avis-item::before {
    content: "";
    width: 1rem;
    aspect-ratio: 1;
    background-color: #e5e7eb;
    position: absolute;
    top: -.5rem;
    left: calc(50% - .5rem);
    transform: rotate(45deg);
}

/* Portfolio */

.carousel-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 1rem;
}

/* Meuble */

@media (min-width: 1024px) {
    .inner-carousel-container button {
        opacity: 0;
    }
    
    .inner-carousel-container:hover button {
        opacity: 1;
    }
}

/* About */

#about em strong {
    color: #ff7276;
    font-size: 2rem;
    font-family: "futura-pt-condensed", sans-serif;
        text-transform: uppercase;
        font-style: italic;
}

@media (max-width: 678px) {
    #about {
        font-size: 0.85rem;
    }
}

/* Contact */
.h-50vh {
    height: 50vh;
}