/*
 Theme Name:   Prim Child
 Theme URI:    http://themeskingdom.com
 Description:  Prim is a stunning, modular theme built for bloggers and magazine sites. This theme consists of building blocks that will help you create the perfect homepage. Its post archive allows you to feature the post in three different ways 一 Newspaper, Magazine, or List. Your work will come to life thanks to this highly customizable and responsive theme. As we like to say 一 it’s always prime time with Prim!
 Author:       Themes Kingdom
 Author URI:   http://themeskingdom.com
 Template:     prim
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain:  prim
*/
/*HEADING FONT*/
/*import lora fonts from google fonts api, 400,500,700,800*/
@import url('https://fonts.googleapis.com/css?family=Lora:400,500,700,800');
@import url('fonts/satoshi/css/satoshi.css');
/*fontawesome all*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
/*PRENTON RP COND*/
@font-face {
    font-family: Prenton RP Ultra Cond;
    src: url(fonts/prenton/PrentonRPUltraCond-Bold.3e2d43fd.eot);
    src: url(fonts/prenton/PrentonRPUltraCond-Bold.3e2d43fd.eot#iefix)format("embedded-opentype"),url(fonts/prenton/PrentonRPUltraCond-Bold.d7bbc1a6.woff2)format("woff2"),url(PrentonRPUltraCond-Bold.a1c11743.woff)format("woff"),url(PrentonRPUltraCond-Bold.ff2113b6.ttf)format("truetype"),url(PrentonRPUltraCond-Bold.2a2b926c.svg#PrentonRPUltraCond-Bold)format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prenton RP Cond;
    src: url(fonts/prenton/PrentonRPCond-Bold.7362836c.eot);
    src: url(fonts/prenton/PrentonRPCond-Bold.7362836c.eot#iefix)format("embedded-opentype"),url(fonts/prenton/PrentonRPCond-Bold.fdc6e78b.woff2)format("woff2"),url(PrentonRPCond-Bold.3986fd8e.woff)format("woff"),url(PrentonRPCond-Bold.fa1663e9.ttf)format("truetype"),url(PrentonRPCond-Bold.c2d8da56.svg#PrentonRPCond-Bold)format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prenton RP Cond;
    src: url(fonts/prenton/PrentonRPCondLight-Regular.1ecd25f6.eot);
    src: url(fonts/prenton/PrentonRPCondLight-Regular.1ecd25f6.eot#iefix)format("embedded-opentype"),url(fonts/prenton/PrentonRPCondLight-Regular.013976cb.woff2)format("woff2"),url(PrentonRPCondLight-Regular.57ca6b24.woff)format("woff"),url(PrentonRPCondLight-Regular.bc6f1945.ttf)format("truetype"),url(PrentonRPCondLight-Regular.9923c03f.svg#PrentonRPCondLight-Regular)format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}
.prenton{
    font-family: "Prenton RP Cond", sans-serif;
    font-weight : 700;
}

span.baseline.prenton {
    display: block;
    margin: -.4rem 0 0 9rem;
    font-weight: 400;
    text-transform: lowercase;
    transform: scale(1.2);
}

span.baseline.prenton .logoerx{
    font-size: 1.5rem;
    letter-spacing: .01rem;
}

span.baseline.prenton .logoerx span{
    transform:rotate(-10deg);
    display:inline-block;
}

span.baseline.prenton .logoerx:after{
    content:".";
    font-size:2rem;
    margin-left:.1rem;
    color:#459BD6;
}

:root{
    --etrck-bg-yellow: #fae628;
    --etrck-text-primary: #333;

    /* ERLSNS - MORE COLORS */
    --etrck-tertiary-lighter: #009fe3;
    --etrck-tertiary-lighter-rgb: 0,159,227;

    /* COLOR */
    --bs-primary: #fae628;  /*Main theme color*/
    --bs-secondary: #6c757d;    /* lighter text */
    --bs-tertiary-color: #19375f;
    --bs-white: #fff;
    --bs-primary-rgb: 250, 230, 40;
    --bs-secondary-rgb: 108,117,125;    /* lighter text */
    --bs-tertiary-color-rgb: rgba(25, 55, 95, 0.75);
    --bs-white-rgb: 255, 255, 255;

    /* FONTS COLOR */
    --bs-heading-color: var(--bs-body-color);    /* heading family */
    --bs-body-color: #2B2B35;    /* body family */
    --bs-body-color-rgb: 43, 43, 53;
    --bs-link-color: var(--bs-body-color);
    --bs-link-color-rgb: var(--bs-body-color-rgb);
    --bs-link-hover-color: var(--bs-secondary);
    --bs-link-hover-color-rgb: var(--bs-secondary-rgb);
    --bs-link-decoration:none;

    /* FONTS FAMILY */
    --bs-heading-font:"Lora";    /* heading family */
    --bs-font-sans-serif:"Satoshi",Arial,sans-serif;    /* body family */

    /* FONTS SIZE */
    --bs-body-font-size: 1rem;

    /* TABLE COLOR*/
    --bs-border-color: rgba(25, 55, 95, 0.2);/*#dee2e6*/
    --bs-table-border-color:var(--bs-border-color);
    --bs-border-width: 1px;
}

html, body{
    font-family: "Satoshi", sans-serif!important;
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    background-color: #FFFFFF;
}

/*--------------------------------------------------------------
# LOGO HEADER
--------------------------------------------------------------*/
p.site-title a{
    font-family: "Lora", serif;
    text-transform: none;
    font-weight: 700!important;
    font-size: 2.5rem;
    background: transparent;
    background-image: linear-gradient(#0000 calc(100% - 0.5em), var(--etrck-bg-yellow) 0.5em);
    padding: 0 .2rem;
    color: var(--etrck-text-primary);
    display: inline-block;
}
/*--------------------------------------------------------------
# NAVIGATION HEADER
--------------------------------------------------------------*/
/*overwrite*/.main-navigation .current-page-item > a, .main-navigation .current-menu-item > a {
                 border-bottom-color: transparent;
                 background: transparent;
                 background-image: linear-gradient(#0000 calc(100% - 0.35em), var(--bs-primary) 0.5em);
             }
/*overwrite*/.main-navigation a:hover, .social-wrapper .jetpack-social-navigation a:hover {
                 border-bottom-color: transparent;
                 background: transparent;
                 background-image: linear-gradient(#0000 calc(100% - 0.35em), var(--bs-border-color) 0.5em);
             }
/*overwrite*/.main-navigation ul ul .current-page-item > a, .main-navigation ul ul .current-menu-item > a {
                 border-bottom-color: transparent;
             }
/*overwrite*/.main-navigation ul ul a:hover {
                border-bottom-color: transparent;
            }

/*--------------------------------------------------------------
# HEADING
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
    font-family: "Lora", serif;
    font-weight: 800!important;
    line-height: 1.3;
    margin-block-start: 2em;
}

.site-title, .social-button, .social-wrapper, .main-navigation ul, .menu-close, .search-wrap{
    font-family: Satoshi, sans-serif!important;
}

/* INFOS :: AUTHOR, READING_TIME */
.entry-meta-bottom .byline,
.entry-meta-bottom .reading-time{
    display: none;
}
/* INFOS :: TAG, POST_DATE */
.tag-logiciel .entry-header .entry-meta{
    display: none;
}
/*--------------------------------------------------------------
# SINGLE
--------------------------------------------------------------*/
.single .entry-header h1,
.page:not(.page-template) .entry-header h1 {
    max-width: 800px;
    margin-top: 0.2em;
    margin-bottom: 35px;
    font-weight: 300;
    letter-spacing: inherit;
}

/*--------------------------------------------------------------
# SINGLE & PAGE CONTENT
--------------------------------------------------------------*/
.entry-content-wrapper .entry-content {
    font-size: 20px;
    letter-spacing: 0.02em;
    line-height: 1.3;
    margin-block-end: 3em;

    img:not(.no-shadow) {
        border-bottom: 5px var(--etrck-bg-yellow) solid;
        border-radius: 0 10px 0 10px;
        box-shadow: 10px 10px 6px 2px rgba(0, 0, 0, 0.1);
    }
    a.anchor img {
        border-bottom: none;
        border-radius: 0;
        /*box-shadow: 10px 10px 6px 2px rgba(0, 0, 0, 0.1);*/
    }
}

/*EDIT KLK 04/03/2025*/
/*--------------------------------------------------------------
# HOMEPAGE SLIDER
--------------------------------------------------------------*/
.front-slider-two .slick-current + article + article .entry-text{
    opacity:1!important;
}
.front-slider-two article {
    width: 33.33vw!important;
    position: relative;
}
.front-slider-two article:hover .entry-title a{
    border-bottom-color: transparent;
}
.front-slider-two .entry-img .featured-content:after {
    background: rgba(0, 0, 0, .5);
}
/*
.front-slider-two .entry-img img {
    filter: blur(3px);
    object-fit: cover;
    transform: scale(1.03);
}
.front-slider-two .entry-img .featured-content{
    overflow:hidden;
}
*/

/* ------- Mobile / petits écrans ------- */
@media (max-width: 767.98px) {
    /* Empile image + texte */
    .entry-wrapper {
        flex-direction: column;
        gap: 12px;
    }

    .front-slider-two article{
        width:100vw!important;
    }

    .entry-img,
    .entry-text {
        flex: 1 1 auto;
    }

    /* Option : impose un ratio visuel agréable en tête (recadrage cover) */
    .entry-img {
        position: relative;
        overflow: hidden;
    }
    .entry-img img {
        width: 100%;
        height: auto;               /* laisse le ratio natif ; */
        /* Si vous voulez un header vraiment “hero” recadré :
           remplacez par :
           height: 48vw;
           object-fit: cover;
           object-position: center;
        */
    }

    /* Largeur de slide = largeur d’écran */
    .slick-slide {
        width: 100% !important;     /* aide sur certains thèmes agressifs */
    }

    /* Taille de police adaptée */
    .entry-header .entry-title {
        font-size: 1.125rem;        /* ~18px */
    }
    .entry-content {
        font-size: 0.95rem;
    }
    .entry-meta,
    .entry-meta .cat-links,
    .entry-meta .posted-on {
        font-size: 0.85rem;
    }

    /* Espacement réduit pour l'action */
    .entry-content .readmore {
        padding: 0.5rem 0.75rem;
    }
}

/* ------- Moyens écrans (tablettes) ------- */
@media (min-width: 768px) and (max-width: 1023.98px) {
    .entry-wrapper {
        gap: 16px;
    }
    .entry-img {
        flex-basis: 42%;
    }
    .entry-header .entry-title {
        font-size: 1.25rem;
    }
}

/* ------- Accessibilité / confort tactile (si flèches et dots actifs) ------- */
.slick-dots li button {
    width: 14px;
    height: 14px;
}
.slick-arrow {
    touch-action: manipulation;
}

/* ------- Sécurité visuelle : neutralise styles inline trop agressifs ------- */
/* À utiliser si des styles inline cassent l’affichage mobile :
   (dé-commentez seulement si besoin)
*/
/*
.slick-track {
  width: auto !important;
  transform: translate3d(0,0,0) !important;
}
*/

/*--------------------------------------------------------------
# PARAGRAPH ELEMENTS STYLES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# LINK
--------------------------------------------------------------*/
div.site-content .entry-content-wrapper a:not(.readmore, .anchor) {
    background: transparent;
    background-image: linear-gradient(#0000 calc(100% - 0.35em), var(--bs-primary) 0.5em);
    padding: 0 .2rem;
    font-weight: 700;
    text-decoration: var(--bs-link-decoration);
}
div.site-content .entry-content-wrapper a.readmore {
    background: transparent;
    background-image: linear-gradient(#0000 calc(100% - 0.35em), var(--bs-primary) 0.5em);
    text-decoration: var(--bs-link-decoration);
}
/*--------------------------------------------------------------
# CITE
--------------------------------------------------------------*/
cite {
    color: var(--bs-secondary);
}
/*--------------------------------------------------------------
# BLOCKQUOTE
--------------------------------------------------------------*/
/*overwrite*/.entry-content-wrapper blockquote, .entry-content-wrapper q, .entry-content .wp-block-quote:not(.is-large) {
                 border-top: 0; /*1px solid rgba(0, 0, 0, 0.1)*/
                 max-width: 500px;
                 padding-left: 50px;
                 padding-top: 20px;
                 padding-bottom: 5px;/**/
                 position: relative;
                 font-weight: 500;
             }
/*overwrite*/.entry-content-wrapper blockquote:before, .entry-content-wrapper q:before {
                 content: '';
             }
blockquote {
    border-left:4px solid var(--bs-primary);
    padding-left:10px;
    font-family: var(--bs-heading-font);
    font-weight: 400;
    /*color:var(--bs-secondary);
    font-style: italic;*/
}
.entry-content-wrapper blockquote cite {
    font-size: 17px;
    font-family: "Satoshi", sans-serif !important;
    display: block;
}
/*--------------------------------------------------------------
# TABLES
--------------------------------------------------------------*/
.table {
    border-color: var(--bs-table-border-color);
}
.table .thead-dark th {
    color: #fff;
    background-color: var(--bs-body-color);
    border-color: var(--bs-body-color);
}
/*overwrite*/.entry-content table td, .entry-content table th {border-width: 0; border-color:var(--bs-table-border-color);}
.table>:not(caption)>*>* {
    border-bottom-width: var(--bs-border-width)!important;
}
/*overwrite*/.entry-content table, .comment-reply-title, .front-slider-wrapper h2.section-title, .front-archive-wrapper h2.section-title {
                 font-size: 1em;
             }
/*--------------------------------------------------------------
# WIDGETS
--------------------------------------------------------------*/
.widget ul, .widget ol {
    list-style: inherit;
    padding-left: 1.4em;
}

/*--------------------------------------------------------------
# SUBMIT FORM
--------------------------------------------------------------*/
form.wpcf7-form {
    label {
        font-size: 1rem;
    }
    label span.wpcf7-form-control-wrap:focus-visible {
        outline: none; /*suppress outline on textarea */
    }
    input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
        width: 100%;
    }
    input[type="submit"].wpcf7-form-control.wpcf7-submit {
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        border: 1px solid rgba(198, 159, 115, 0.7);
        padding: 1em 2.5em;
        margin-top: 1.8em;
        display: inline-block;
        border-color: rgba(0, 0, 0, 0.7);
        transition: all .5s ease;
    }
    input[type="submit"].wpcf7-form-control.wpcf7-submit:hover, input[type="submit"].wpcf7-form-control.wpcf7-submit:focus, input[type="submit"].wpcf7-form-control.wpcf7-submit:active {
        /*background: rgba(0, 0, 0, 0.2);*/
        background-image: linear-gradient(#0000 calc(100% - 0.35em), var(--bs-primary) 0.5em);
    }
}

/*--------------------------------------------------------------
# EXTERNAL LINKS ICON
--------------------------------------------------------------*/

.single-content-wrapper a[target="_blank"]::after{
    content: " ↗";
    font-size: 0.4em;
    margin-left: 0.6rem;
    position:relative;
    top:-0.6rem;
    display: inline-block;
    text-decoration: none;
    border:1px solid #111;
    color:#111;
    opacity:0.3;
    width:0.8rem;
    height:0.8rem;
    border-radius: 3px;
    text-align: center;
    transition: all .3s ease;
}

.single-content-wrapper a[target="_blank"]:hover::after{
    transform: scale(1.2);
    opacity:0.8;
}

/*--------------------------------------------------------------
# SUB MENU
--------------------------------------------------------------*/

.main-navigation ul ul:before {
    background: #ededed;
}
.main-navigation ul ul {
    background: #ededed;
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    padding:0.5rem;
    border-top: 0.5rem solid var(--etrck-bg-yellow);
}

.main-navigation ul ul li {
    color: var(--bs-body-color);
    font-size: 0.9rem;
    font-weight: 500;
    padding: .5rem 1rem;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.main-navigation ul ul li:last-child {
    border-bottom: none;
}

.main-navigation ul ul li a {
    color: var(--bs-body-color);
    padding: 0;
    background: transparent;
    background-image: none;
    border-bottom: none;
    transition: all .3s ease;
}

.main-navigation ul ul li a:hover {
    background: transparent;
    color: var(--bs-body-color);
    background-image: linear-gradient(#0000 calc(100% - 0.35em), var(--bs-primary) 0.5em);
    transform: scale(1.1);
    display: inline-block;
    text-decoration: var(--bs-link-decoration);
}
/*--------------------------------------------------------------
# SYNTAX HIGHLIGHTER
--------------------------------------------------------------*/
.syntaxhighlighter.earlytracksh {
    background-color: white !important;
    font-size: 0.85rem !important;
    display: inline-block;
}