/*
Theme Name: The Age of Plastic
Theme URI: https://thomaspericoi.com/
Author: Thomas Pericoi
Author URI: https://thomaspericoi.com/
Description: Un thème Wordpress complet et personnalisable conçu pour le Plasticiens Paris.
Language: fr_FR
Version: 1.1
Requires at least: 6.0
Tested up to: 6.7.2
Text Domain: the-age-of-plastic
*/

/* #Imports
--------------------------------------------------------------- */

@import "./assets/css/base/imports.css";

/* #Variables
--------------------------------------------------------------- */

@import "./assets/css/base/variables.css";

/* #Base
--------------------------------------------------------------- */

@import "./assets/css/base/animations.css";
@import "./assets/css/base/base.css";
@import "./assets/css/base/typography.css";
@import "./assets/css/base/content.css";

/* #Elements
--------------------------------------------------------------- */

@import "./assets/css/elements/breadcrumbs.css";
@import "./assets/css/elements/buttons.css";
@import "./assets/css/elements/columns.css";
@import "./assets/css/elements/containers.css";
@import "./assets/css/elements/footer.css";
@import "./assets/css/elements/forms.css";
@import "./assets/css/elements/grids.css";
@import "./assets/css/elements/header.css";
@import "./assets/css/elements/heros.css";
@import "./assets/css/elements/medias.css";
@import "./assets/css/elements/slider-comparison.css";

/* #Blocks
--------------------------------------------------------------- */

@import "./assets/css/blocks/button.css";
@import "./assets/css/blocks/faq.css";
@import "./assets/css/blocks/gallery.css";
@import "./assets/css/blocks/pdf-viewer.css";

/* #Template Parts
--------------------------------------------------------------- */

@import "./assets/css/template-parts/author-informations.css";
@import "./assets/css/template-parts/gallery.css";
@import "./assets/css/template-parts/item-post.css";
@import "./assets/css/template-parts/latest-posts.css";

/* #Templates
--------------------------------------------------------------- */

@import "./assets/css/templates/contact.css";
@import "./assets/css/templates/domain-archive.css";
@import "./assets/css/templates/domain-single.css";
@import "./assets/css/templates/surgeons.css";

/* #Pages
--------------------------------------------------------------- */

@import "./assets/css/pages/404.css";
@import "./assets/css/pages/archive-before_after.css";
@import "./assets/css/pages/front-page.css";
@import "./assets/css/pages/index.css";
@import "./assets/css/pages/page.css";
@import "./assets/css/pages/single.css";
@import "./assets/css/pages/single-before_after.css";

/*code pour tableau SEO Toolbox Adgency360*/
.seobox-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
}
.seobox-table {
    width: 100%;
    min-width: 480px;
    border-collapse: collapse;
    font-family: inherit;
    font-size: 14px;
    margin: 1.5em 0;
}
.seobox-table thead th {
    background-color: #5EAEB4; /* couleur en-tete - a changer selon le client */
    color: #fff;
    padding: 10px 14px;
    text-align: left;
    font-weight: 700;
    white-space: nowrap;
}
.seobox-table tbody td {
    padding: 9px 14px;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: top;
}
.seobox-table tbody tr:nth-child(odd)  { background-color: #ffffff; }
.seobox-table tbody tr:nth-child(even) { background-color: #a2dbdf; } /* couleur ligne alternee - a changer selon le client */

@media (max-width: 600px) {
    .seobox-table-wrap { border-radius: 0; box-shadow: none; }
    .seobox-table,
    .seobox-table tbody,
    .seobox-table tbody tr,
    .seobox-table tbody td { display: block; width: 100%; min-width: 0; }
    .seobox-table thead { display: none; }
    .seobox-table tbody tr {
        margin-bottom: 16px;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0 1px 6px rgba(0,0,0,.08);
    }
    .seobox-table tbody td { padding: 8px 14px; border-bottom: 1px solid #eee; }
    .seobox-table tbody td:first-child {
        background-color: #5EAEB4; /* meme couleur que l'en-tete - a changer selon le client */
        color: #fff;
        font-weight: 700;
        padding: 10px 14px;
    }
}