/*
Theme Name:Buzzarena
Theme URI:http://www.buzzarena.fr
Description:Original theme for Buzzarena by Jimmy Raheriarisoa & Antoine Wodniack
Author:Jimmy Raheriarisoa & Antoine Wodniack
Version:1.0
/\/\/

 */

:root {
    --space: 2rem;
    --space-xs: calc(var(--space) / 3);
    --space-sm: calc(var(--space) / 2);
    --space-md: calc(var(--space) * 2);

    --color-primary: lightgray;
    --color-accent: whitesmoke;
    --color-dark: black;
    --color-mid: gray;
    --color-light: white;
    --color-highlight: dodgerblue;

    --radius: 0.125rem;
    --offset-header: 222px;
}

/* =============================================================================
   SPRITES: =Normal
   ========================================================================== */
.sprite-sprite, .sprite-btn-close-white, .sprite-btn-close, .sprite-btn-menu, .sprite-icon-facebook-30, .sprite-icon-facebook-40, .sprite-icon-facebook-48, .sprite-icon-facebook-square-30, .sprite-icon-facebook-square-35, .sprite-icon-google-square-30, .sprite-icon-google-square-35, .sprite-icon-googleplus-30, .sprite-icon-googleplus-40, .sprite-icon-googleplus-48, .sprite-icon-home, .sprite-icon-newsletter-30, .sprite-icon-newsletter-40, .sprite-icon-newsletter-48, .sprite-icon-pinterest-square-30, .sprite-icon-pinterest-square-35, .sprite-icon-search-16, .sprite-icon-search-24, .sprite-icon-share, .sprite-icon-time, .sprite-icon-twitter-30, .sprite-icon-twitter-40, .sprite-icon-twitter-48, .sprite-icon-twitter-square-30, .sprite-icon-twitter-square-35, .sprite-icon-whatsapp-square-30, .sprite-icon-whatsapp-square-35 {
    background-image: url('img/sprite-s05ca545019.png');
    background-repeat: no-repeat;
    will-change: transform; /* Optimisation des performances */
    backface-visibility: hidden; /* Réduction du flicker */
}

.sprite-btn-close-white {
    background-position: 0 0;
    height: 16px;
    width: 16px;
}

.sprite-btn-close {
    background-position: 0 -21px;
    height: 16px;
    width: 16px;
}

.sprite-btn-menu {
    background-position: 0 -42px;
    height: 23px;
    width: 26px;
}

.sprite-icon-facebook-30 {
    background-position: 0 -70px;
    height: 30px;
    width: 30px;
}

.sprite-icon-facebook-40 {
    background-position: 0 -105px;
    height: 40px;
    width: 40px;
}

.sprite-icon-facebook-48 {
    background-position: 0 -150px;
    height: 48px;
    width: 48px;
}

.sprite-icon-facebook-square-30 {
    background-position: 0 -203px;
    height: 30px;
    width: 30px;
}

.sprite-icon-facebook-square-35 {
    background-position: 0 -238px;
    height: 35px;
    width: 35px;
}

.sprite-icon-google-square-30 {
    background-position: 0 -278px;
    height: 30px;
    width: 30px;
}

.sprite-icon-google-square-35 {
    background-position: 0 -313px;
    height: 35px;
    width: 35px;
}

.sprite-icon-googleplus-30 {
    background-position: 0 -353px;
    height: 30px;
    width: 30px;
}

.sprite-icon-googleplus-40 {
    background-position: 0 -388px;
    height: 40px;
    width: 40px;
}

.sprite-icon-googleplus-48 {
    background-position: 0 -433px;
    height: 48px;
    width: 48px;
}

.sprite-icon-home {
    background-position: 0 -486px;
    height: 13px;
    width: 14px;
}

.sprite-icon-newsletter-30 {
    background-position: 0 -504px;
    height: 30px;
    width: 30px;
}

.sprite-icon-newsletter-40 {
    background-position: 0 -539px;
    height: 40px;
    width: 40px;
}

.sprite-icon-newsletter-48 {
    background-position: 0 -584px;
    height: 48px;
    width: 48px;
}

.sprite-icon-pinterest-square-30 {
    background-position: 0 -637px;
    height: 30px;
    width: 30px;
}

.sprite-icon-pinterest-square-35 {
    background-position: 0 -672px;
    height: 35px;
    width: 35px;
}

.sprite-icon-search-16 {
    background-position: 0 -712px;
    height: 16px;
    width: 16px;
}

.sprite-icon-search-24 {
    background-position: 0 -733px;
    height: 24px;
    width: 24px;
}

.sprite-icon-share {
    background-position: 0 -762px;
    height: 10px;
    width: 11px;
}

.sprite-icon-time {
    background-position: 0 -777px;
    height: 10px;
    width: 10px;
}

.sprite-icon-twitter-30 {
    background-position: 0 -792px;
    height: 30px;
    width: 30px;
}

.sprite-icon-twitter-40 {
    background-position: 0 -827px;
    height: 40px;
    width: 40px;
}

.sprite-icon-twitter-48 {
    background-position: 0 -872px;
    height: 48px;
    width: 48px;
}

.sprite-icon-twitter-square-30 {
    background-position: 0 -925px;
    height: 30px;
    width: 30px;
}

.sprite-icon-twitter-square-35 {
    background-position: 0 -960px;
    height: 35px;
    width: 35px;
}

.sprite-icon-whatsapp-square-30 {
    background-position: 0 -1000px;
    height: 30px;
    width: 30px;
}

.sprite-icon-whatsapp-square-35 {
    background-position: 0 -1035px;
    height: 35px;
    width: 35px;
}

.sprite-sprite, .sprite-btn-close-white, .sprite-btn-close, .sprite-btn-menu, .sprite-icon-facebook-30, .sprite-icon-facebook-40, .sprite-icon-facebook-48, .sprite-icon-facebook-square-30, .sprite-icon-facebook-square-35, .sprite-icon-google-square-30, .sprite-icon-google-square-35, .sprite-icon-googleplus-30, .sprite-icon-googleplus-40, .sprite-icon-googleplus-48, .sprite-icon-home, .sprite-icon-newsletter-30, .sprite-icon-newsletter-40, .sprite-icon-newsletter-48, .sprite-icon-pinterest-square-30, .sprite-icon-pinterest-square-35, .sprite-icon-search-16, .sprite-icon-search-24, .sprite-icon-share, .sprite-icon-time, .sprite-icon-twitter-30, .sprite-icon-twitter-40, .sprite-icon-twitter-48, .sprite-icon-twitter-square-30, .sprite-icon-twitter-square-35, .sprite-icon-whatsapp-square-30, .sprite-icon-whatsapp-square-35 {
    display: block;
    text-indent: -999em;
}
/* Correction CLS pour les polices */
@font-face {
  font-display: swap; /* Ajoutez ceci à vos déclarations @font-face existantes */
}

/* =============================================================================
   POLICES LOCALES (Lato v25 & Open Sans v44)
   ========================================================================== */

/* lato-regular - 400 */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/lato-v25-latin-regular.woff2') format('woff2');
}

/* lato-700 - Bold */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/lato-v25-latin-700.woff2') format('woff2');
}

/* lato-900 - Black (Ton gras préféré) */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/lato-v25-latin-900.woff2') format('woff2');
}

/* open-sans-700 - Backup Logo */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/open-sans-v44-latin-700.woff2') format('woff2');
}

/* open-sans-800 - Logo principal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/open-sans-v44-latin-800.woff2') format('woff2');
}
/* Author Section Base */
.wp-author-section {
    margin: 30px 0;
    padding: 24px;
    background-color: #f2f2f2;
    border-radius: 8px;
}

/* Author Footer Layout */
.wp-author-section__footer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Author Info Container */
.wp-author-section__info {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Author Image Container */
.wp-author-section__image {
    flex-shrink: 0;
}

.wp-author-section__image img,
.wp-author-section__avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

/* Author Details */
.wp-author-section__details {
    flex-grow: 1;
}

/* Author Title */
.wp-author-section__title {
    margin-bottom: 8px;
}

.wp-author-section__title a {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}

.wp-author-section__title a:hover {
    color: #0066cc;
}

/* Author Social Links */
.wp-author-section__social {
    display: flex;
    gap: 12px;
}

.wp-author-section__social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #e9ecef;
    transition: background-color 0.2s;
}

.wp-author-section__social-link:hover {
    background-color: #dee2e6;
}

.wp-author-section__social-icon {
    width: 16px;
    height: 16px;
    fill: #495057;
}

/* Author Description */
.wp-author-section__description {
    font-size: 18px;
    line-height: 1.5;
    color: #495057;
}

/* Accessibility */
.wp-author-section__visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .wp-author-section {
        padding: 16px;
    }
    
    .wp-author-section__image img,
    .wp-author-section__avatar {
        width: 80px;
        height: 80px;
    }
    
    .wp-author-section__title a {
        font-size: 20px;
    }
}
/* Author fin Section Base */

/*! Modern Normalize.css - Clean Version 2025 | Optimized for current browsers */

/* Document
   ========================================================================== */

/**
 * 1. Set a consistent line-height.
 * 2. Prevent font size changes after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/**
 * Reset h1 spacing.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
   ========================================================================== */

abbr[title] {
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
   ========================================================================== */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

template,
[hidden] {
  display: none;
}
/*! Modern Normalize.css - fin Clean Version 2025 | Optimized for current browsers */

/* =============================================================================
   SPRITES: =Retina
   ========================================================================== */
.sprite-retina-sprite {
    background-image: url('img/sprite-retina-s65d7278721.png');
    background-repeat: no-repeat;
}

@media only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .sprite-all-retina-sprites, .sprite-btn-close-white, .sprite-btn-close, .sprite-btn-menu, .sprite-icon-facebook-30, .sprite-icon-facebook-40, .sprite-icon-facebook-48, .sprite-icon-facebook-square-30, .sprite-icon-facebook-square-35, .sprite-icon-google-square-30, .sprite-icon-google-square-35, .sprite-icon-googleplus-30, .sprite-icon-googleplus-40, .sprite-icon-googleplus-48, .sprite-icon-home, .sprite-icon-newsletter-30, .sprite-icon-newsletter-40, .sprite-icon-newsletter-48, .sprite-icon-pinterest-square-30, .sprite-icon-pinterest-square-35, .sprite-icon-search-16, .sprite-icon-search-24, .sprite-icon-share, .sprite-icon-time, .sprite-icon-twitter-30, .sprite-icon-twitter-40, .sprite-icon-twitter-48, .sprite-icon-twitter-square-30, .sprite-icon-twitter-square-35, .sprite-icon-whatsapp-square-30, .sprite-icon-whatsapp-square-35 {
        background-image: url('img/sprite-retina-s65d7278721.png');
        background-size: 48px auto;
    }

    .sprite-btn-close-white {
        background-position: 0 0;
    }

    .sprite-btn-close {
        background-position: 0 -18px;
    }

    .sprite-btn-menu {
        background-position: 0 -37px;
    }

    .sprite-icon-facebook-30 {
        background-position: 0 -62px;
    }

    .sprite-icon-facebook-40 {
        background-position: 0 -95px;
    }

    .sprite-icon-facebook-48 {
        background-position: 0 -137px;
    }

    .sprite-icon-facebook-square-30 {
        background-position: 0 -188px;
    }

    .sprite-icon-facebook-square-35 {
        background-position: 0 -220px;
    }

    .sprite-icon-google-square-30 {
        background-position: 0 -258px;
    }

    .sprite-icon-google-square-35 {
        background-position: 0 -290px;
    }

    .sprite-icon-googleplus-30 {
        background-position: 0 -328px;
    }

    .sprite-icon-googleplus-40 {
        background-position: 0 -360px;
    }

    .sprite-icon-googleplus-48 {
        background-position: 0 -403px;
    }

    .sprite-icon-home {
        background-position: 0 -453px;
    }

    .sprite-icon-newsletter-30 {
        background-position: 0 -469px;
    }

    .sprite-icon-newsletter-40 {
        background-position: 0 -501px;
    }

    .sprite-icon-newsletter-48 {
        background-position: 0 -544px;
    }

    .sprite-icon-pinterest-square-30 {
        background-position: 0 -594px;
    }

    .sprite-icon-pinterest-square-35 {
        background-position: 0 -627px;
    }

    .sprite-icon-search-16 {
        background-position: 0 -664px;
    }

    .sprite-icon-search-24 {
        background-position: 0 -683px;
    }

    .sprite-icon-share {
        background-position: 0 -709px;
    }

    .sprite-icon-time {
        background-position: 0 -722px;
    }

    .sprite-icon-twitter-30 {
        background-position: 0 -734px;
    }

    .sprite-icon-twitter-40 {
        background-position: 0 -767px;
    }

    .sprite-icon-twitter-48 {
        background-position: 0 -809px;
    }

    .sprite-icon-twitter-square-30 {
        background-position: 0 -860px;
    }

    .sprite-icon-twitter-square-35 {
        background-position: 0 -892px;
    }

    .sprite-icon-whatsapp-square-30 {
        background-position: 0 -930px;
    }

    .sprite-icon-whatsapp-square-35 {
        background-position: 0 -962px;
    }
}

/* =============================================================================
   =HELPERS
   ========================================================================== */
.hidden {
    display: none !important;
}

/* Ajoutez une classe plus moderne pour l'accessibilité */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only {
    overflow: hidden;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0, 0, 0, 0);
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.horizontal-wrapper {
    margin: 0 auto;
    padding: 0 0px;
    position: relative;
    max-width: 1080px;
    min-width: 320px;
}

/* =============================================================================
   CMS: =WordPress
   ========================================================================== */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    margin: 1.5em 0;
    max-width: 100%;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 5px 0;
    color: #6c6c6c;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

/* =============================================================================
   BASE: =Base
   ========================================================================== */
::-moz-selection {
    background: #3cb4fb;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #3cb4fb;
    color: #fff;
    text-shadow: none;
}

html, body {
    position: relative;
    width: 100%;
    height: 100%;
}

body {
    color: #000;
    font: 400 1.2em/1.4 "Lato", sans-serif;
}

* {
    outline: none;
    box-sizing: border-box;
}

.global-container {
    position: relative;
    width: 100%;
    z-index: 2;
}

#ctBoc > .horizontal-wrapper {
    position: relative;
    background: #fff;
    z-index: 2;
}

/* =============================================================================
   BASE: =Forms
   ========================================================================== */
.form-control {
    padding: 0 10px;
    height: 32px;
    background: #fff;
    border: 1px solid #d6d6d6;
    -webkit-appearance: none;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    line-height: 30px;
}

.form-control::-webkit-input-placeholder {
    color: #6d6d6d;
    font: 14px/30px Lato, sans-serif;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #6d6d6d;
    font: 14px/30px Lato, sans-serif;
    opacity: 1;
}

.form-control::placeholder {
    color: #6d6d6d;
    font: 14px/30px Lato, sans-serif;
    opacity: 1;
}
.form-control:-moz-placeholder {
    color: #6d6d6d;
    font: 14px/30px Lato, sans-serif;
    opacity: 1;
}

.form-control.placeheld {
    color: #6d6d6d;
    font: 14px/30px Lato, sans-serif;
    opacity: 1;
}

textarea.form-control {
    padding: 10px;
    height: 200px;
    line-height: 1.2;
}

.btn-submit {
    height: 32px;
    background: #3cb4fb;
    border: 1px solid #fff;
    border-radius: 0;
    opacity: 1;
    transition: opacity 0.1s ease;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}

.btn-submit:hover {
    opacity: 0.7;
}

.btn-submit.btn-xl {
    padding: 0 20px;
    height: 42px;
    font-size: 18px;
    line-height: 32px;
}

.form-contact label {
    display: block;
    margin: 0 0 3px;
}

.form-contact .form-control {
    width: 100%;
    max-width: 320px;
}

.form-contact textarea.form-control {
    max-width: none;
}

/* =============================================================================
   BASE: =Text level
   ========================================================================== */
a {
    color: inherit;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6,
strong, b,
em, i {
    margin: 0;
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

strong,
strong em, strong i, b,
b em, b i {
    font-weight: 900;
}

em, i {
    font-style: italic;
}

img {
    /*
  max-width: 100%;
*/
    height: auto;
}

p {
    margin: 0;
}

p + p, ul + p, ol + p,
p + ul, ul + ul, ol + ul,
p + ol, ul + ol, ol + ol,
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul,
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol {
    margin-top: 1em;
}

.rte a {
    color: #3cb4fb;
    text-decoration: none;
    font-weight: 700;
}

.rte a:hover {
    text-decoration: underline;
}

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
    margin: 0;
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: normal;
}

.rte strong, .rte b {
    margin: 0;
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 700; /* Changer à 700 pour le rendre en gras */
}

.rte em, .rte i {
    margin: 0;
    font-family: "Lato", sans-serif;
    font-style: italic;
    font-weight: normal;
}

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
    color: #000;
    font-weight: 700;
}

.rte strong,
.rte strong em, .rte strong i, .rte b,
.rte b em, .rte b i {
    font-weight: 900;
}

.rte em, .rte i {
    font-style: italic;
}

.rte img {
    max-width: 100%;
    height: auto;
    margin-top: 15px;
}

.rte p {
    margin: 10px 0 10px 0;
}

.rte p + p, .rte ul + p, .rte ol + p,
.rte p + ul, .rte ul + ul, .rte ol + ul,
.rte p + ol, .rte ul + ol, .rte ol + ol,
.rte p + div, .rte div + p,
.rte h1 + p, .rte h2 + p, .rte h3 + p, .rte h4 + p, .rte h5 + p, .rte h6 + p,
.rte h1 + ul, .rte h2 + ul, .rte h3 + ul, .rte h4 + ul, .rte h5 + ul, .rte h6 + ul,
.rte h1 + ol, .rte h2 + ol, .rte h3 + ol, .rte h4 + ol, .rte h5 + ol, .rte h6 + ol {
    margin-top: 1em;
}

.rte h2 {
    margin: 30px 0px 10px 0px;
    font-size: 30px;
    line-height: 1.3;
}

.rte h3 {
    margin: 40px 0 20px;
    font-size: 24px;
    line-height: 1.3;
}

.rte h4, .rte h5, .rte h6 {
    margin: 30px 0 15px;
    font-size: 22px;
    line-height: 1.3;
}

.rte blockquote {
    margin: 40px 0 40px 40px;
    font-size: 26px;
    font-style: italic;
}

.rte ul {
    list-style: none;
}

.rte ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.rte ul li:before {
    display: inline-block;
    margin: 0 8px 0 0;
    width: 4px;
    height: 4px;
    background: #585858;
    content: '';
    vertical-align: middle;
    border-radius: 50%;
}

.rte iframe {
    /**  max-width: 100%;
  height: auto;
  **/
}

.title-xl, .title-lg, .layout-single .section-taboola .trc_related_container .trc_rbox_header_span {
    color: #3cb4fb;
    font-size: 23px;
    font-weight: 900;
    line-height: 1.2;
}

.title-xl span, .title-lg span, .layout-single .section-taboola .trc_related_container .trc_rbox_header_span span {
    color: #000;
    font-weight: inherit;
    text-transform: uppercase;
}

.title-lg, .layout-single .section-taboola .trc_related_container .trc_rbox_header_span {
    font-size: 26px;
}

.title-lg strong, .layout-single .section-taboola .trc_related_container .trc_rbox_header_span strong {
    color: #000;
    font-weight: inherit;
    text-transform: uppercase;
}

.iframe-wrapper {
    display: block;
    margin: 1.5em 0;
    position: relative;
    width: 100%;
}

.iframe-wrapper:before {
    display: block;
    padding-top: 56.25%;
    content: '';
    z-index: 1;
}

.iframe-wrapper > iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.g-recaptcha {
    margin: 1em 0;
}

/* =============================================================================
   BASE: =Widgets
   ========================================================================== */
.cat-links ul {
    list-style: none;
}

.cat-links ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.cat-links ul,
.cat-links ul li {
    margin: 0;
    padding: 0;
}

.cat-links ul li {
    display: inline-block;
}

.cat-links .category {
    display: inline-block;
    padding: 4px 6px;
    background: #3cb4fb;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
}

.cat-links .category:hover {
    opacity: 0.7;
}

/* =============================================================================
   BASE: =Ad
   ========================================================================== */
.ad .ad-container {
    position: relative;
    text-align: center;
}

.ad .ad-container > .title {
    margin: -7px 0 0 -75px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 14px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.ad .ad-container > div {
    display: inline-block;
    max-width: 100%;
}

.ad .ad-container iframe {
    max-width: 100%;
}

.ad .ad-container > br {
    display: none;
}

.ad.is-disabled {
    overflow: hidden !important;
    height: 0 !important;
}

.ad_home_top,
.ad_category_top {
    margin: 30px -10px;
}

.ad_home_sidebar_top .ad-container > div,
.ad_category_sidebar_top .ad-container > div,
.ad_article_sidebar_top .ad-container > div {
    margin: 10px 0 40px;
}

.layout-articles .ad_home_sidebar_top .ad-container > div, .layout-articles
.ad_category_sidebar_top .ad-container > div, .layout-articles
.ad_article_sidebar_top .ad-container > div {
    margin: 50px 0;
}

.layout-single .ad_home_sidebar_top .ad-container > div .ad-container, .layout-single
.ad_category_sidebar_top .ad-container > div .ad-container, .layout-single
.ad_article_sidebar_top .ad-container > div .ad-container {
    margin: 0 auto;
}

.ad_home_sidebar_top.is-moved,
.ad_category_sidebar_top.is-moved,
.ad_article_sidebar_top.is-moved {
    margin: 50px 0;
    position: absolute;
    top: 0;
    left: 0;
}

.ad_home_sidebar_bottom,
.ad_category_sidebar_bottom,
.ad_article_sidebar_bottom {
    margin: 40px 0 0;
}

.ad_home_articles,
.ad_category_articles,
.ad_article_bottom {
    margin: 50px 0;
}

.ad_article_top {
    display: block;
    margin: 0 -10px 30px;
}

/* =============================================================================
   STRUCTURE: =Head
   ========================================================================== */
.site-head {
    padding: 0 0 38px;
    position: relative;
    color: #fff;
    z-index: 25;
    background: #3cb4fb;
}

.site-head .site-title {
    float: left;
    width: 100%;
    margin: 0 -200px 0 0;
    padding: 10px 20px;
    position: relative;
    text-align: center;
}

.site-head .site-title .site-logo {
    margin: 0;
    font: 800 42px/1 "Open Sans", sans-serif;
    letter-spacing: -0.03em;
}

.site-head .site-title a {
    display: inline-block;
}

.site-head .site-title:hover .network-sites:after {
    border-top-color: #ecf8ff;
}

.site-head .site-title:hover .network-sites .sites {
    top: 0;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease, top 0s ease;
    -webkit-transition-delay: 0s, 0s;
    transition: opacity 0.1s ease 0s, top 0s ease 0s;
}

.site-head .network-sites {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    text-align: center;
}

.site-head .network-sites:before {
    display: block;
    position: absolute;
    top: -43px;
    right: 5px;
    border-top: 6px solid #3cb4fb;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    content: '';
    z-index: 1;
    -webkit-transition: border 0.1s ease;
    transition: border 0.1s ease;
}

.site-head .network-sites .sites {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -999em;
    right: 0;
    width: 100%;
    background: #000;
    border: 1px solid #333;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: opacity 0.1s ease, top 0s ease;
    -webkit-transition-delay: 0s, 0.1s;
    transition: opacity 0.1s ease 0s, top 0s ease 0.1s;
    list-style: none;
}

.site-head .head-socials {
    float: right;
    padding: 15px 0;
}

.site-head .head-socials .links {
    list-style: none;
}

.site-head .head-socials .links li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.site-head .head-socials .links,
.site-head .head-socials .links .link {
    margin: 0;
    padding: 0;
}

.site-head .head-socials .links .link {
    display: inline-block;
    vertical-align: middle;
}

.site-head .head-socials .links .link + .link {
    margin-left: 20px;
}

.site-head .head-socials .links .social-icon {
    display: block;
    padding: 0 0 0 0px;
    position: relative;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.site-head .head-socials .links .social-icon:hover {
    opacity: 0.7;
}

.site-head .head-socials .links .text {
    display: inline-block;
    padding: 4px 0;
    vertical-align: middle;
    line-height: 1;
}

.site-head .head-socials .links .counter {
    display: block;
    max-width: 100px;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.site-head .head-socials .links .label {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 11px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}

.site-head .head-socials .link-newsletter .text {
    padding: 16px 0;
}

.site-head .head-socials .link-newsletter .label {
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.15em;
}

.site-head .nav-bar {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    background: #3cb4fb;
    z-index: 22;
    color: #fff;
}

.site-head .nav-bar .site-title-handheld {
    display: none;
}

.site-head .nav-bar.is-sticky {
    position: fixed;
    top: 0;
}
.site-head .nav-bar.is-sticky .block-search,
.site-head .nav-bar.is-sticky .nav-main {
    top: 0;
}


.nav-main {
    margin: 0 auto 0 auto;
    position: relative;
}

.nav-main .menu-footer {
    display: none;
}

.nav-main .menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-main .menu li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.nav-main .menu-item {
    position: relative;
}

.nav-main .menu-item > a {
    display: block;
    padding: 14px 13px;
    font-size: 17px;
    line-height: 1;
    text-transform: uppercase;
}

.nav-main .menu-item > a:hover {
    color: #000;
}

.nav-main .menu-item-object-category.has-submenu > a {
    padding-right: 25px;
    position: relative;
    -webkit-transition: color 0.1s ease, background 0.1s ease;
    transition: color 0.1s ease, background 0.1s ease;
    font-weight: 700;
}

.nav-main .menu-item-object-category:hover > a {
    color: #000;
    background: #fff;
}

.nav-main .menu-item-object-category.has-submenu > a:before, .nav-main .menu-item-object-category.has-submenu > a:after {
    display: block;
    position: absolute;
    top: 21px;
    right: 10px;
    border-top: 3px solid #fff;
    border-left: 3px dashed transparent;
    border-right: 3px dashed transparent;
    content: '';
    z-index: 1;
    -webkit-transition: border 0.1s ease;
    transition: border 0.1s ease;
}

.nav-main .menu-item-object-category.has-submenu > a:after {
    margin-top: -1px;
    border-top-color: #3cb4fb;
    z-index: 2;
}

.nav-main .menu-item-object-category.has-submenu > a:hover:before {
    border-top-color: #000;
}

.nav-main .menu-item-object-category.has-submenu:hover > a:before {
    border-top-color: #000;
}

.nav-main .menu-item-object-category.has-submenu:hover > a:after {
    border-top-color: #a5d7ef;
}

.nav-main .menu-item-object-category.has-submenu:hover .megamenu {
    max-height: 288px;
}

.nav-main .megamenu {
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    max-height: 0;
    background: #a5d7ef;
    -webkit-transition: max-height 0.2s ease;
    transition: max-height 0.2s ease;
    box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.2);
}

.nav-main .megamenu .subcategories {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 198px;
    background: #fff;
    text-align: left;
}

.nav-main .megamenu .subcategories:after {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 999em;
    background: inherit;
    content: '';
}

.nav-main .megamenu .subcategories li {
    margin: 0;
    padding: 0;
}

.nav-main .megamenu .subcategories span[data-href],
.nav-main .megamenu .subcategories a {
    display: block;
    padding: 15px 22px;
    -webkit-transition: background 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, color 0.1s ease;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #3cb4fb;
    cursor: pointer;
}

.nav-main .megamenu .subcategories span[data-href]:hover,
.nav-main .megamenu .subcategories a:hover {
    background: #3cb4fb;
    color: #fff;
}

.nav-main .megamenu .posts {
    float: right;
    margin: 0;
    padding: 22px;
    width: 826px;
    list-style: none;
}

.nav-main .megamenu .posts li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.nav-main .megamenu .post {
    float: left;
    margin: 0;
    padding: 0;
    width: 188px;
}

.nav-main .megamenu .post + .post {
    margin-left: 10px;
}

.nav-main .megamenu .post:hover .image {
    opacity: 0.7;
}

.nav-main .megamenu .post:hover .title {
    color: #000;
}

.nav-main .megamenu .image {
    display: block;
    width: 200px;
    height: 160px;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.nav-main .megamenu .title {
    display: block;
    overflow: hidden;
    margin-top: 10px;
    height: 5.2em;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
    color: #0a4061;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.block-search {
    overflow: hidden;
    position: absolute;
    top: 1px;
    right: -20px;
    height: 44px;
    -webkit-transition: height 0.2s ease;
    transition: height 0.2s ease;
}

.block-search .button-toggle {
    display: block;
    float: right;
    padding: 14px 20px;
    cursor: pointer;
    -webkit-transition: background 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, color 0.1s ease;
}

.block-search .button-toggle .large {
    display: none;
}

.block-search .button-toggle:hover {
    background: #a5d7ef;
    color: #000;
}

.block-search .search-form {
    clear: both;
    display: none;
    padding: 16px 56px 16px 16px;
    background: #a5d7ef;
}

.block-search .search-form .form-control {
    float: left;
    width: 320px;
    border-color: #fff;
}

.block-search .search-form .btn-submit {
    float: right;
    width: 40px;
}

.block-search.is-opened {
    height: 108px;
}

.block-search.is-opened .button-toggle {
    background: #a5d7ef;
    color: #000;
}

.block-search.is-opened .search-form {
    display: block;
}

.block-newsletter {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 25;
}

.block-newsletter .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.block-newsletter .block-container {
    padding: 25px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 2;
}

.block-newsletter .button-close {
    padding: 15px;
    position: absolute;
    top: -15px;
    right: -15px;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.block-newsletter .button-close:hover {
    opacity: 0.7;
}

.block-newsletter .intro {
    margin: 5px 0 0;
    font-size: 16px;
}

.block-newsletter .newsletter-form {
    margin: 10px 0 0;
    position: relative;
    max-width: 400px;
}

.block-newsletter .form-control {
    width: 100%;
}

.block-newsletter .btn-submit {
    padding: 0 15px;
    position: absolute;
    top: 1px;
    right: 1px;
    height: 30px;
    border-width: 3px;
    line-height: 24px;
}

.block-newsletter.is-opened {
    display: block;
}

/* =============================================================================
   STRUCTURE: =Foot
   ========================================================================== */


/* Footer Global */
.site-footer {
    background-color: #3cb4fb;
    color: #fff;
    padding: 40px 20px;
}

/* Footer Container */
.footer-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: 20px;
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}

/* Grid Areas */
.footer-logo {
    grid-column: 1 / 2;
    text-align: left;
    margin-bottom: 10px;
}

.footer-logo .site-logo {
    margin: 0;
    font: 800 38px / 1 "Open Sans", sans-serif;
    letter-spacing: -0.03em;
}

.footer-text {
    grid-column: 1 / 2;
    text-align: left;
    max-width: 800px;
    margin: 0 auto;
    border-right: 1px solid #fff;
    padding-right: 30px;
}

.footer-menus {
    grid-column: 2 / 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    text-align: left;
    padding-left: 30px;
}

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

.footer-bottom {
    grid-column: 2 / 2;
    text-align: right;
    font-size: 12px;
    color: #f0f0f0;
}

.footer-socials {
    grid-column: 1 / 2;
    text-align: left;
}

.footer-socials  .social-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
}

.social-icon {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

/* Text Styling */
.site-logo {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;
}

.footer-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.footer-description {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Menu Styling */
.menu-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.menu-links, .menu-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-links li {
    margin-bottom: 5px;
}

.menu-links a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.menu-links a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .footer-container {
        display: block;
        padding: 0;
    }

    .footer-logo {
        text-align: center;
    }

    .footer-text {
        padding-right: 0;
        border-right: none;
        text-align: center;
        padding-bottom: 40px;
    }

    .footer-menus {
        text-align: center;
        padding-left: 0;
    }

    .footer-socials {
        margin: 40px 0 30px;
        display: flex;
        justify-content: center;
    }

    .social-icon {
        margin: 0 5px;
    }
}



.site-foot {
    margin: 75px 0 0;
    padding: 20px 0;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    z-index: 20;
    color: #929292;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

.site-foot .copyright,
.site-foot .nav-footer,
.site-foot .menu,
.site-foot .menu-item {
    display: inline-block;
    vertical-align: middle;
}

.site-foot .menu {
    list-style: none;
}

.site-foot .menu li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.site-foot .menu,
.site-foot .menu li {
    margin: 0;
    padding: 0;
}

.site-foot .menu .menu-item:before {
    content: ' - ';
}

.site-foot .menu a:hover {
    color: #000;
}

.site-foot.is-fixed {
    padding: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    border-top: 0;
}

.single .site-foot,
.page .site-foot {
    margin-top: 0;
}

/* =============================================================================
   STRUCTURE: =Page
   ========================================================================== */
.page-container {
    margin-top: 50px;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
}

.page-container .main-content {

    margin-bottom: 50px;
    /*width: 750px;*/
    border-right-width: 20px;

    flex-basis: 0;
    flex-grow: 999;
    min-width: 40%;
}

.page-container > div:not(.main-content, .sidebar) {
    flex-basis: 100%;
}


.page-container .sidebar {
    --offset: var(--space);
    flex-grow: 1;
    flex-basis: 300px;
    align-self: start;
    position: sticky;
    padding-bottom: var(--offset-header);
    margin-left: var(--space-md);
    margin-bottom: var(--offset-related);
    margin-top: 40px;
    top: var(--offset);
}

.single-post .page-container .sidebar {
    margin-top: var(--offset-header);
}

.sidebar .inner-siderbar {
    max-height: calc(100vh - var(--offset)* 2);
    padding-bottom: 50px;
}

.home-highlights + .page-container,
.ad + .page-container {
    margin-top: 30px;
}

/* =============================================================================
   LAYOUT: =Default
   ========================================================================== */
.page-title {
    font-size: 48px;
    line-height: 1.2;
}

.layout-articles .term-description {
    margin: 1em 0 40px;
    font-size: 15px;
    color: #585858;
}

.layout-articles .article {
    padding: 0 0 0 220px;
    position: relative;
    min-height: 160px;
    margin-right: 10px;
}

.layout-articles .article + .article {
    margin-top: 30px;
}

.layout-articles .article:hover .entry-title a {
    color: #3cb4fb;
}

.layout-articles .article:hover .entry-thumbnail .image {
    opacity: 0.7;
}

.layout-articles .articles {
    margin: 20px 0 30px;
}

.layout-articles .entry-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 160px;
    background: #3b3b3b;
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
}

.layout-articles .entry-thumbnail .image {
    display: block;
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.layout-articles .entry-title {
    font-size: 24px;
    font-weight: 700;
}

.layout-articles .entry-title a {
    display: block;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.layout-articles .entry-title a:hover {
    color: #3cb4fb;
}

.layout-articles .entry-summary {
    margin: 8px 0 5px;
    color: #585858;
    font-size: 14px;
}

.layout-articles .entry-meta > div {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.layout-articles .entry-meta > div:last-child {
    margin-right: 0;
}

.layout-articles .cat-links {
    line-height: 18px;
}

.layout-articles .share-counter,
.layout-articles .time-ago {
    color: #6c6c6c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.layout-articles .share-counter .sprite,
.layout-articles .time-ago .sprite {
    display: inline-block;
    margin: 0 3px 0 0;
    vertical-align: middle;
}

.layout-articles .share-counter .counter,
.layout-articles .share-counter .time,
.layout-articles .time-ago .counter,
.layout-articles .time-ago .time {
    color: #000;
}

.pagination {
    margin: 30px 0;
    cursor: default;
}

.pagination ul {
    list-style: none;
}

.pagination ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.pagination ul,
.pagination ul li {
    margin: 0;
    padding: 0;
}

.pagination ul li {
    display: inline-block;
    margin-right: 3px;
    vertical-align: top;
}

.pagination ul .page-numbers {
    display: block;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #e0e0e0;
    -webkit-transition: background 0.1s ease, border 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, border 0.1s ease, color 0.1s ease;
    color: #585858;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.pagination ul .page-numbers.current, .pagination ul .page-numbers:hover {
    background: #3cb4fb;
    border-color: #3cb4fb;
    color: #fff;
}

.pagination .btn-lazy {
    display: inline-block;
    padding: 10px;
    position: relative;
    width: 200px;
    background: #3cb4fb;
    cursor: pointer;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.15em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.pagination .btn-lazy:before {
    display: block;
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    background: #fff url("img/ajax-loader.gif") no-repeat center;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    content: '';
    z-index: 2;
}

.pagination .btn-lazy:hover {
    background: rgba(60, 180, 251, 0.7);
}

.pagination.is-loading .btn-lazy:before {
    opacity: 1;
}

.sidebar .articles {
    margin: 20px 0 30px;
}

.sidebar .article,
.sidebar .sidebar-taboola .trc_related_container .videoCube {
    margin: 0;
    padding: 170px 0 0;
    position: relative;
    width: 300px;
    cursor: pointer;
}

.sidebar .article + .article, .sidebar .article + .videoCube,
.sidebar .sidebar-taboola .trc_related_container .videoCube + .article,
.sidebar .sidebar-taboola .trc_related_container .videoCube + .videoCube {
    margin-top: 25px;
}

.sidebar .article:hover .entry-title a,
.sidebar .article:hover .video-title, .sidebar .article.videoCube_hover .entry-title a,
.sidebar .article.videoCube_hover .video-title,
.sidebar .sidebar-taboola .trc_related_container .videoCube:hover .entry-title a,
.sidebar .sidebar-taboola .trc_related_container .videoCube:hover .video-title,
.sidebar .sidebar-taboola .trc_related_container .videoCube.videoCube_hover .entry-title a,
.sidebar .sidebar-taboola .trc_related_container .videoCube.videoCube_hover .video-title {
    color: #3cb4fb;
    text-decoration: none;
}

.sidebar .article:hover .entry-thumbnail .image,
.sidebar .article:hover .thumbBlock_holder .thumbBlock, .sidebar .article.videoCube_hover .entry-thumbnail .image,
.sidebar .article.videoCube_hover .thumbBlock_holder .thumbBlock,
.sidebar .sidebar-taboola .trc_related_container .videoCube:hover .entry-thumbnail .image,
.sidebar .sidebar-taboola .trc_related_container .videoCube:hover .thumbBlock_holder .thumbBlock,
.sidebar .sidebar-taboola .trc_related_container .videoCube.videoCube_hover .entry-thumbnail .image,
.sidebar .sidebar-taboola .trc_related_container .videoCube.videoCube_hover .thumbBlock_holder .thumbBlock {
    opacity: 0.7;
}

.sidebar .entry-thumbnail,
.sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 170px;
    background: #eee;
    z-index: 1;
    border-radius: 8px;
}

.sidebar .entry-thumbnail .image,
.sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder .image {
    display: block;
    position: relative;
    width: 100%;
    z-index: 1;
}

.sidebar .entry-thumbnail .image,
.sidebar .entry-thumbnail .thumbBlock,
.sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder .image,
.sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder .thumbBlock {
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.sidebar .entry-thumbnail .share-counter,
.sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder .share-counter {
    padding: 3px 6px;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 2;
    color: #6c6c6c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sidebar .entry-thumbnail .share-counter .sprite,
.sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder .share-counter .sprite {
    display: inline-block;
    margin: 0 3px 0 0;
    vertical-align: middle;
}

.sidebar .entry-thumbnail .share-counter .counter,
.sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder .share-counter .counter {
    color: #000;
}

.sidebar .entry-title,
.sidebar .sidebar-taboola .trc_related_container .video-label-box .video-title {
    display: block;
    margin: 10px 0 0;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
    font-size: 17px;
    font-weight: 700;
    line-height: inherit;
    text-decoration: none;
}

.sidebar .entry-title a,
.sidebar .sidebar-taboola .trc_related_container .video-label-box .video-title a {
    display: block;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.sidebar .entry-title a:hover,
.sidebar .sidebar-taboola .trc_related_container .video-label-box .video-title a:hover {
    color: #3cb4fb;
}

.sidebar .entry-title a:after,
.sidebar .sidebar-taboola .trc_related_container .video-label-box .video-title a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("img/blank.png");
    content: '';
    z-index: 2;
}

.sidebar .entry-meta {
    display: none;
}

.sidebar .entry-meta > div {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.sidebar .entry-meta > div:last-child {
    margin-right: 0;
}

.sidebar .cat-links {
    line-height: 18px;
}

.sidebar .share-counter {
    color: #6c6c6c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sidebar .share-counter .sprite {
    display: inline-block;
    margin: 0 3px 0 0;
    vertical-align: middle;
}

.sidebar .share-counter .counter {
    color: #000;
}

.sidebar .sidebar-taboola .trc_related_container .trc_rbox_outer {
    margin-left: 0;
}

.sidebar .sidebar-taboola .trc_related_container .video-label-box {
    margin-top: 0;
}

/* CSS existant */
.breadcrumb {
    color: #6c6c6c;
    font-size: 10px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.breadcrumb .nodes {
    list-style: none;
}

.breadcrumb .nodes li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.breadcrumb .nodes,
.breadcrumb .nodes li {
    margin: 0;
    padding: 0;
}

.breadcrumb .nodes .node {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.breadcrumb .nodes .node + .node {
    margin-left: 10px;
    padding-left: 10px;
}

.breadcrumb .nodes .node + .node:before, .breadcrumb .nodes .node + .node:after {
    display: block;
    margin: -3px 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    border-left: 3px solid #3cb4fb;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    content: '';
}

.breadcrumb .nodes .node + .node:after {
    margin-top: -2px;
    border-left: 2px solid #fff;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}

.breadcrumb .nodes .node a {
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.breadcrumb .nodes .node a .sprite {
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.breadcrumb .nodes .node a:hover {
    color: #000;
}

.breadcrumb .nodes .node a:hover .sprite {
    opacity: 0.7;
}

/* Ajout de la marge en bas pour les archives */
.category .breadcrumb,
.tag .breadcrumb,
.author .breadcrumb {
    margin-bottom: 20px;
}

/* Gestion mobile */
@media (max-width: 767px) {
    .breadcrumb {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    /* Cacher la scrollbar pour Chrome */
    .breadcrumb::-webkit-scrollbar {
        display: none;
    }

    .breadcrumb .nodes {
        display: inline-flex;
        flex-wrap: nowrap;
    }
}


/* =============================================================================
   LAYOUT: =Home
   ========================================================================== */
.home-highlights {
    margin: 30px 0;
    position: relative;
}

.home-highlights:before {
    display: block;
    padding-top: 35%;
    content: '';
}

.home-highlights .title {
    padding: 6px 12px;
    position: absolute;
    top: 35px;
    left: 0;
    height: 26px;
    background: #3cb4fb;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
}

.home-highlights .articles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.home-highlights .article {
    display: block;
    overflow: hidden;
    position: absolute;
    background: #3cb4fb;
    border: 1px solid #fff;
}

.home-highlights .article a {
    display: block;
}

.home-highlights {
    margin: 30px 0;
    position: relative;
    background: #f8f9fa;
}

.home-highlights .articles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.home-highlights .article {
    display: block;
    overflow: hidden;
    position: absolute;
    background: #3cb4fb;
    border: 1px solid #fff;
}

.home-highlights .article a {
    display: block;
}

.home-highlights .article .entry-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.home-highlights .article a:hover .entry-thumbnail {
    opacity: 0.8;
}

.home-highlights .article .entry-thumbnail:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .22) 20%, rgba(0, 0, 0, .88) 100%);
    opacity: .92;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    will-change: opacity;
}

.home-highlights .article .entry-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
}

.home-highlights .article .entry-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
}

.home-highlights .article:nth-child(1) {
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border-left-width: 0;
}

.home-highlights .article:nth-child(1) .entry-title {
    padding: 20px 35px;
    font-size: 24px;
}

.home-highlights .article:nth-child(2) {
    top: 0;
    left: 50%;
    width: 25%;
    height: 100%;
}

.home-highlights .article:nth-child(2) .entry-title {
    padding: 20px;
    font-size: 18px;
}

.home-highlights .article:nth-child(3), .home-highlights .article:nth-child(4) {
    width: 25%;
    height: 50%;
    border-right-width: 0;
}

.home-highlights .article:nth-child(3) .entry-title, .home-highlights .article:nth-child(4) .entry-title {
    padding: 20px 15px;
}

.home-highlights .article:nth-child(3) {
    top: 0;
    right: 0;
}

.home-highlights .article:nth-child(4) {
    bottom: 0;
    right: 0;
}

/* =============================================================================
   LAYOUT: =Single
   ========================================================================== */
.single .page-container,
.page .page-container {
    margin-top: 25px;
}

.single .page-container .breadcrumb,
.page .page-container .breadcrumb {
    margin: 0 0 30px;
    flex-basis: 100%;
}

.single .page-container .main-content,
.page .page-container .main-content {
    margin-bottom: 0;
}

.layout-single .single-article .entry-header {
    margin: 0 0 20px;
    padding-bottom: 0px;
    position: relative;
}

body.page .layout-single .single-article .entry-header {
    padding-bottom: 0;
}

body.page .layout-single .single-article .entry-header .entry-title {
    padding-bottom: 0;
}

.layout-single .single-article .entry-header .entry-meta {
    color: #6c6c6c;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1;
}

.layout-single .single-article .entry-header .entry-meta .published,
.layout-single .single-article .entry-header .entry-meta .author {
    display: inline-block;
    vertical-align: middle;
}

.layout-single .single-article .entry-header .entry-meta b {
    color: #000;
}

.layout-single .single-article .entry-header .entry-meta .author {
    margin-left: 6px;
}

.layout-single .single-article .entry-title {
    padding-bottom: 5px;
    font-size: 48px;
    line-height: 1.2;
}

.layout-single .single-article .article-toolbar {
    padding: 10px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    background: #fff;
    z-index: 20;
}

.layout-single .single-article .article-toolbar .share-counter {
    float: left;
    margin-right: 20px;
    padding-right: 35px;
    position: relative;
    color: #6e6e6e;
    font-size: 12px;
    letter-spacing: 0.25em;
    line-height: 1;
    text-transform: uppercase;
}

.layout-single .single-article .article-toolbar .share-counter:before, .layout-single .single-article .article-toolbar .share-counter:after {
    display: block;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    right: 0;
    border-left: 20px solid #797979;
    border-top: 20px dashed transparent;
    border-bottom: 20px dashed transparent;
    content: '';
}

.layout-single .single-article .article-toolbar .share-counter:after {
    margin-top: -19px;
    right: 1px;
    border-left: 19px solid #fff;
    border-top: 19px dashed transparent;
    border-bottom: 19px dashed transparent;
}

.layout-single .single-article .article-toolbar .share-counter .counter {
    display: block;
    overflow: hidden;
    max-width: 115px;
    color: #7fc04c;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.layout-single .single-article .article-toolbar .share-links {
    float: left;
    margin-right: 20px;
    padding: 10px 0;
}

.layout-single .single-article .article-toolbar .share-links .links {
    list-style: none;
}

.layout-single .single-article .article-toolbar .share-links .links li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.layout-single .single-article .article-toolbar .share-links .links,
.layout-single .single-article .article-toolbar .share-links .links .link {
    margin: 0;
    padding: 0;
}

.layout-single .single-article .article-toolbar .share-links .links .link {
    float: left;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.layout-single .single-article .article-toolbar .share-links .links .link.facebook {
    background: #3b5898;
}

.layout-single .single-article .article-toolbar .share-links .links .link.twitter {
    background: #00abf0;
}

.layout-single .single-article .article-toolbar .share-links .links .link.google {
    background: #d0422a;
}

.layout-single .single-article .article-toolbar .share-links .links .link.whatsapp {
    background: #2ab200;
}

.layout-single .single-article .article-toolbar .share-links .links .link + .link {
    margin-left: 10px;
}

.layout-single .single-article .article-toolbar .share-links .links .link:hover {
    opacity: 0.7;
}

.layout-single .single-article .article-toolbar .share-links a {
    display: block;
    padding-left: 30px;
    position: relative;
    width: 100px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 30px;
    text-align: center;
}

.layout-single .single-article .article-toolbar .share-links a .sprite {
    position: absolute;
    top: 0;
    left: 0;
}

.layout-single .single-article .article-toolbar.is-sticky {
    position: fixed;
    top: 44px;
}

.layout-single .single-article .entry-thumbnail {
    margin: 0 0 30px;
}

.layout-single .single-article .entry-thumbnail .image {
    display: block;
    width: 100%;
}

.layout-single .single-article .entry-content {
    color: #585858;
    font-size: 18px;
    line-height: 1.5;
    overflow: hidden;
}

.layout-single .single-article .share-image {
    position: relative;
}

.layout-single .single-article .share-image > a,
.layout-single .single-article .share-image > img {
    position: relative;
    z-index: 1;
}

.layout-single .single-article .share-image .share-links {
    padding: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.layout-single .single-article .share-image .share-links .links {
    list-style: none;
}

.layout-single .single-article .share-image .share-links .links li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
}

.layout-single .single-article .share-image .share-links .links,
.layout-single .single-article .share-image .share-links .links .link {
    margin: 0;
    padding: 0;
}

.layout-single .single-article .share-image .share-links .links .link {
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.layout-single .single-article .share-image .share-links .links .link:before {
    display: none;
}

.layout-single .single-article .share-image .share-links .links .link + .link {
    margin-top: 15px;
}

.layout-single .single-article .share-image .share-links .links .link:hover {
    opacity: 0.7;
}

.layout-single .single-article .share-image .share-links .whatsapp {
    display: none;
}

.layout-single .single-article .share-image:hover .share-links {
    opacity: 1;
}

.layout-single .article-toolbar-footer {
    display: none;
}

.layout-single .nav-article {
    margin: 50px 0;
    border-color: #e4e4e4;
    border-style: solid;
    border-width: 1px 0;
}

.layout-single .nav-article .links {
    display: table;
    position: relative;
    width: 100%;
}

.layout-single .nav-article .link {
    display: table-cell;
    padding: 20px 40px;
    position: relative;
    width: 50%;
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
}

.layout-single .nav-article .link:before {
    display: block;
    margin: -27px 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    width: 27px;
    height: 27px;
    border-color: #797979;
    border-style: solid;
    border-width: 0 0 1px 1px;
    content: '';
    z-index: 3;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.layout-single .nav-article .link.prev {
    padding-right: 20px;
}

.layout-single .nav-article .link.next {
    padding-left: 20px;
    text-align: right;
}

.layout-single .nav-article .link.next:before {
    margin-right: -27px;
    right: 0;
    left: auto;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.layout-single .nav-article .link:hover {
    background: #f9f9f9;
}

.layout-single .nav-article .label {
    display: block;
    color: #3cb4fb;
    font-size: 10px;
    text-transform: uppercase;
}

.layout-single .nav-article .title {
    font-size: 20px;
    font-weight: 700;
}

.layout-single .section-taboola {
    margin: 50px 0;
}

.layout-single .section-taboola .trc_related_container .trc_rbox_header_span {
    display: block;
    margin-bottom: 20px;
    padding: 0;
}

.layout-single .section-taboola .trc_related_container .trc_rbox_outer {
    margin: 0;
}

.layout-single .section-taboola .trc_related_container .videoCube {
    margin: 0 0 0 3.5%;
    width: 31%;
}

.layout-single .section-taboola .trc_related_container .videoCube:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}

.layout-single .section-taboola .trc_related_container .videoCube:nth-child(3n) ~ .videoCube {
    margin-top: 3.5%;
}

.layout-single .section-taboola .trc_related_container .videoCube:hover .thumbBlock_holder .thumbBlock, .layout-single .section-taboola .trc_related_container .videoCube.videoCube_hover .thumbBlock_holder .thumbBlock {
    opacity: 0.7;
}

.layout-single .section-taboola .trc_related_container .videoCube:hover .video-title, .layout-single .section-taboola .trc_related_container .videoCube.videoCube_hover .video-title {
    color: #3cb4fb;
    text-decoration: none;
}

.layout-single .section-taboola .trc_related_container .thumbBlock_holder .thumbBlock {
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.layout-single .section-taboola .trc_related_container .video-label-box {
    margin-top: 10px;
    height: auto;
}

.layout-single .section-taboola .trc_related_container .video-label-box .video-title {
    max-height: 50px;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
    font-size: 18px;
    line-height: inherit;
}

.layout-single .section-comments .title-lg, .layout-single .section-comments .section-taboola .trc_related_container .trc_rbox_header_span, .layout-single .section-taboola .trc_related_container .section-comments .trc_rbox_header_span {
    margin-bottom: 20px;
}

.layout-single .section-comments .fb_iframe_widget,
.layout-single .section-comments .fb_iframe_widget span,
.layout-single .section-comments .fb_iframe_widget iframe {
    width: 100% !important;
}

.layout-single .related-articles {
    margin: 80px 0 0;
    width: 1080px;
    text-align: center;
}

.layout-single .related-articles .section-title {
    display: inline-block;
    padding: 0 25px;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.25em;
    text-align: center;
    text-transform: uppercase;
}

.layout-single .related-articles .section-related,
.layout-single .related-articles .section-last {
    padding-bottom: 80px;
}

.layout-single .related-articles .section-related .section-title {
    position: relative;
}

.layout-single .related-articles .section-related .section-title:before, .layout-single .related-articles .section-related .section-title:after {
    position: absolute;
    top: 50%;
    width: calc( ( 100vw - 306px) / 2);
    height: 1px;
    background: #e4e4e4;
    content: '';
}

.layout-single .related-articles .section-related .section-title:before {
    right: 100%;
}

.layout-single .related-articles .section-related .section-title:after {
    left: 100%;
}

.layout-single .related-articles .section-last {
    position: relative;
    background: #f2f2f2;
}

.layout-single .related-articles .section-last:before,
.layout-single .related-articles .section-last:after {
    display: block;
    position: absolute;
    top: 0;
    width: calc((100vw - 1100px) / 2);
    height: 100%;
    background: #f2f2f2;
    content: '';
    z-index: 1;
}

.layout-single .related-articles .section-last:before {
    left: 100%;
}

.layout-single .related-articles .section-last:after {
    right: 100%;
}

.layout-single .related-articles .section-last .section-title,
.layout-single .related-articles .section-last .articles {
    position: relative;
    z-index: 2;
}

.layout-single .related-articles .section-last .section-title {
    padding: 15px 22px;
    background: #fff;
}

.layout-single .related-articles .section-last .articles .entry-thumbnail {
    background: #ddd;
}

.layout-single .related-articles .articles {
    margin: 50px 0 0;
    text-align: left;
}

.layout-single .related-articles .articles .article {
    float: left;
    position: relative;
    width: 31%;
    cursor: pointer;
}

.layout-single .related-articles .articles .article:before {
    display: block;
    padding-top: 56.66%;
    content: '';
}

.layout-single .related-articles .articles .article + .article {
    margin-left: 3.5%;
}

.layout-single .related-articles .articles .article:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}

.layout-single .related-articles .articles .article:nth-child(3) ~ .article {
    margin-top: 4%;
}

.layout-single .related-articles .articles .article:hover .entry-title a {
    color: #3cb4fb;
}

.layout-single .related-articles .articles .article:hover .entry-thumbnail .image {
    opacity: 0.7;
}

.layout-single .related-articles .articles .entry-thumbnail {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #eee;
    z-index: 1;
}

.layout-single .related-articles .articles .entry-thumbnail:before {
    display: block;
    padding-top: 56.66%;
    content: '';
}

.layout-single .related-articles .articles .entry-thumbnail .image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.layout-single .related-articles .articles .entry-title {
    margin: 10px 0 0;
    font-size: 20px;
    font-weight: 700;
}

.layout-single .related-articles .articles .entry-title a {
    display: block;
    -webkit-transition: color 0.1s ease;
    transition: color 0.1s ease;
}

.layout-single .related-articles .articles .entry-title a:hover {
    color: #3cb4fb;
}

.layout-single .related-articles .articles .entry-title a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("img/blank.png");
    content: '';
    z-index: 2;
}

.layout-single .related-articles .articles .categories {
    display: block;
    padding: 4px 8px;
    position: absolute;
    bottom: 0;
    left: 10px;
    background: #3cb4fb;
    z-index: 2;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.layout-single .related-articles .articles .categories .category + .category:before {
    content: ' / ';
}

.layout-single .tag-links {
    margin: 40px 0 0;
}

.layout-single .tag-links .label {
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
    text-transform: uppercase;
}

.layout-single .tag-links a {
    display: inline-block;
    padding: 4px 6px;
    background: #3cb4fb;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

.layout-single .tag-links a:hover {
    opacity: 0.7;
}

/* =============================================================================
   LAYOUT: =Contact
   ========================================================================== */
.section-contact-form {
    margin: 30px 0 0;
}

.section-contact-form .errors {
    margin: 0 0 20px;
    padding: 20px;
    background: #fb3c3c;
    color: #fff;
    font-style: italic;
    text-align: center;
}

.section-contact-form .errors ul,
.section-contact-form .errors li {
    margin: 0;
    padding: 0;
}

.section-contact-form .errors li:before {
    background: #fff;
}

.section-contact-form .success {
    padding: 20px;
    background: #3cb4fb;
    color: #fff;
    font-style: italic;
    font-weight: 700;
    text-align: center;
}


@media only screen and (max-width: 1150px) {

    .layout-single .related-articles .section-last {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .layout-single .related-articles .section-last:before,
    .layout-single .related-articles .section-last:after {
        display: none;
    }
}

/* =============================================================================
   =MEDIA QUERIES
   ========================================================================== */
/**
 * Tablet
 */
@media only screen and (max-width: 1000px) {
    /**
   * =HELPERS
   */
    .horizontal-wrapper {
        padding: 0 20px;
    }

    /**
   * STRUCTURE: =Head
   */
    .site-head {
        padding-bottom: 0;
    }

    .block-search {
        height: 52px;
    }


    .site-head > .horizontal-wrapper {
        margin-left: 40px;
    }

    .site-head .network-sites:before {
        top: -28px;
    }

    .site-head .network-sites .sites {
        width: 200px;
    }

    .site-head .head-socials {
        padding: 11px 0;
    }

    .site-head .head-socials .links .link + .link {
        margin-left: 4px;
    }

    .site-head .head-socials .links .social-icon {
        height: 30px;
        width: 30px;
    }

    .site-head .head-socials .links .sprite.medium {
        display: none;
    }

    .site-head .head-socials .links .sprite.small {
        display: block;
    }

    .site-head .head-socials .links .text {
        display: none;
    }

    .site-head .nav-bar {
        top: 52px;
        background: #3cb4fb;
    }

    .site-head .head-socials {
        display: none;
    }

    .block-search {
        position: absolute;
        top: -52px;
    }

    .nav-main {
        margin-left: -10px;
        margin-right: 0;
    }

    .nav-main .nav-toggle {
        padding: 14px 10px 14px;
    }

    .block-search .button-toggle {
        padding: 14px 12px;
    }

    .block-search .search-form {
        padding: 10px;
    }

    .block-search .search-form .form-control {
        width: 260px;
    }

    .block-search .search-form .btn-submit {
        width: 40px;
    }

    .block-search.is-opened {
        height: 104px;
    }

    /**
   * BASE: =Ad
   */
    .ad_home_top,
    .ad_category_top {
        margin: 30px 0 50px;
    }

    .ad_home_sidebar_bottom,
    .ad_category_sidebar_bottom,
    .ad_article_sidebar_bottom {
        margin: 50px 0 0;
    }

    .ad_home_sidebar_bottom .ad-container,
    .ad_category_sidebar_bottom .ad-container,
    .ad_article_sidebar_bottom .ad-container {
        margin: 0 auto;
    }

    .ad_article_bottom .ad-container {
        margin: 0 auto;
    }

    /**
   * STRUCTURE: =Head
   */
    .site-head .site-title {
        padding: 30px 20px;
    }

    .site-head .site-title .site-logo {
        font-size: 28px;
    }

    .site-head .network-sites .sites {
        right: auto;
        left: 0;
        width: 220px;
    }

    .site-head .network-sites a {
        padding: 15px 20px;
    }

    .site-head .head-socials {
        padding: 24px 0;
    }

    .site-head .head-socials .links .link + .link {
        margin-left: 10px;
    }

    .site-head .head-socials .links .social-icon {
        height: 40px;
        width: 40px;
    }

    .site-head .head-socials .links .counter {
        max-width: 70px;
        font-size: 18px;
    }

    .site-head .head-socials .links .label {
        font-size: 10px;
    }

    .site-head .head-socials .link-newsletter .text {
        padding: 15px 0;
    }

    .site-head .head-socials .link-newsletter .label {
        color: #6e6e6e;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0.25em;
    }

    .site-head .nav-bar:not(.is-sticky) .site-title-handheld {
        display: none;
    }

    .site-head .nav-bar.is-sticky {
        height: 52px;
    }

    .site-head .nav-bar .site-title-handheld,
    .site-head .site-title .site-logo {
        font: 800 22px/1 "Open Sans", sans-serif;
    }

    .site-head .site-title,
    .site-head .nav-bar .site-title-handheld {
        padding: 15px 20px;
        width: 200px;
        letter-spacing: -0.03em;
        text-align: center;
    }

    .site-head .site-title {
        width: 100%;
        padding-right: 60px;
    }

    .site-head .nav-bar .site-title-handheld {
        position: absolute;
        margin: 0 0 0 -100px;
        left: 50%;
        top: 0;
        display: block;
        opacity: 0;
        -webkit-transition: opacity 0.1s ease;
        transition: opacity 0.1s ease;
    }

    .site-head .nav-bar .site-title-handheld:hover {
        background: #3cb4fb;
        z-index: 23;
    }

    .site-head .nav-bar .site-title-handheld:hover .network-sites:after {
        border-top-color: #3cb4fb;
    }

    .site-head .nav-bar .site-title-handheld:hover .network-sites .sites {
        top: 0;
        opacity: 1;
        -webkit-transition: opacity 0.1s ease, top 0s ease;
        -webkit-transition-delay: 0s, 0s;
        transition: opacity 0.1s ease 0s, top 0s ease 0s;
    }

    .site-head .nav-bar .network-sites:before {
        top: -22px;
        right: 25px;
        border-top-color: #fff;
    }

    .site-head .nav-bar .network-sites .sites {
        width: 100%;
    }

    .site-head .nav-bar.is-sticky .site-title-handheld {
        opacity: 1;
    }

    /*
    .nav-main .nav-toggle {
        display: block;
        padding: 14px 20px;
        cursor: pointer;
    }

    .nav-main .nav-container {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #82898e;
        z-index: 25;
    }

    .nav-main .nav-outer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }

    .nav-main .nav-inner {
        padding: 0 0 20px;
    }

    .nav-main .nav-container-mask {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 24;
    }

    .nav-main .nav-header,
    .nav-main .menu-footer {
        display: block;
    }

    .nav-main .nav-header {
        display: block;
        padding: 7px 10px 11px;
        position: relative;
        border-bottom: 1px solid #757c81;
    }

    .nav-main .nav-header .title {
        font: 800 26px/1 "Open Sans", sans-serif;
    }

    .nav-main .nav-header .nav-close {
        padding: 14px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    .nav-main .menu-main .menu-item {
        display: block;
        float: none;
        border-bottom: 1px solid #757c81;
    }

    .nav-main .menu-main .menu-item > a {
        padding: 15px 10px;
        font-size: 14px;
    }

    .nav-main .menu-main .menu-item > a:before, .nav-main .menu-main .menu-item > a:after {
        display: none;
    }

    .nav-main .menu-main .menu-item:hover > a {
        color: #fff;
        background: #757c81;
    }

    .nav-main .menu-footer {
        margin: 15px 0 0;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.15em;
        text-transform: uppercase;
    }

    .nav-main .menu-footer .copyright {
        padding: 5px 10px;
    }

    .nav-main .menu-footer .menu-item {
        display: block;
        float: none;
    }

    .nav-main .menu-footer .menu-item > a, .nav-main .menu-footer .menu-item > span {
        padding: 5px 10px;
        font-size: 10px;
        line-height: 1;
        text-transform: uppercase;
        display: block;
        cursor: pointer;
    }

    .nav-main .menu-footer .menu-item > a:hover, .nav-main .menu-footer .menu-item > span:hover {
        color: #000;
    }

    .nav-main .megamenu {
        display: none;
    }

    .nav-main.is-opened .nav-container {
        left: 0;
    }

    .nav-main.is-opened .nav-container-mask {
        display: block;
    }
        */

    .block-search {
        right: 0;
    }

    .block-search .button-toggle {
        padding: 14px 17px;
    }

    .block-search .button-toggle .small {
        display: none;
    }

    .block-search .button-toggle .large {
        display: block;
    }

    .block-newsletter .button-close {
        right: 5px;
    }

    /**
   * STRUCTURE: =Foot
   */
    .site-foot {
        margin-top: 60px;
    }

    .site-foot.is-fixed {
        padding: 20px 0;
        position: relative;
        bottom: auto;
        right: auto;
        border-top: 1px solid #e0e0e0;
    }

    .single .site-foot,
    .page .site-foot {
        margin-top: 60px;
    }

    /**
   * STRUCTURE: =Page
   */
    .page-container .main-content {
        width: 540px;
    }

    /**
   * LAYOUT: =Home
   */
    .home-highlights {
        margin: 20px 0;
    }

    .home-highlights:before {
        padding-top: 55%;
    }

    .home-highlights .article:nth-child(n) {
        border: 1px solid #fff;
    }

    .home-highlights .article:nth-child(1) {
        top: 0;
        left: 0;
        width: 65%;
        height: 65%;
        border-width: 0 1px 1px 0;
    }

    .home-highlights .article:nth-child(1) .entry-title {
        padding: 20px;
    }

    .home-highlights .article:nth-child(2) {
        top: 0;
        left: 65%;
        width: 35%;
        height: 65%;
        border-width: 0 0 1px 1px;
    }

    .home-highlights .article:nth-child(3), .home-highlights .article:nth-child(4) {
        top: auto;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 35%;
    }

    .home-highlights .article:nth-child(3) .entry-title, .home-highlights .article:nth-child(4) .entry-title {
        padding: 20px;
    }

    .home-highlights .article:nth-child(3) {
        border-width: 1px 1px 0 0;
    }

    .home-highlights .article:nth-child(4) {
        left: 50%;
        border-width: 1px 0 0 1px;
    }

    /**
   * LAYOUT: =Single
   */
    .layout-single .related-articles {
        width: 860px;
    }

    .single .Widget_Buzzarena_Most_Shared {
        display: none;
    }
}

/**
 * Small tablet
 */
@media only screen and (max-width: 900px) {
    /**
   * STRUCTURE: =Page
   */
    .page-container {
        position: relative;
        display: block;
    }

    .page-container .main-content,
    .page-container .sidebar {
        float: none;
        width: auto;
    }

    .page-container .main-content {
        margin-bottom: 60px;
    }

    .page-container .sidebar {
        margin-top: 60px;
        padding-bottom: 0;
        position: static;
        margin-left: 0;
    }

    .page-container .sidebar.is-sticky {
        margin-right: 0;
        position: relative;
        bottom: auto;
        right: auto;
    }

    /**
   * LAYOUT: =Default
   */
    .sidebar .articles {
        margin: 20px 0 30px;
    }

    .sidebar .article,
    .sidebar .sidebar-taboola .trc_related_container .videoCube {
        float: left;
        padding-top: 130px;
        width: 230px;
    }

    .sidebar .article + .article, .sidebar .article + .videoCube,
    .sidebar .sidebar-taboola .trc_related_container .videoCube + .article,
    .sidebar .sidebar-taboola .trc_related_container .videoCube + .videoCube {
        margin-top: 0;
        margin-left: 16px;
    }

    .sidebar .article:nth-child(3n+1),
    .sidebar .sidebar-taboola .trc_related_container .videoCube:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }

    .sidebar .article:nth-child(3) ~ .article, .sidebar .article:nth-child(3) ~ .videoCube,
    .sidebar .sidebar-taboola .trc_related_container .videoCube:nth-child(3) ~ .article,
    .sidebar .sidebar-taboola .trc_related_container .videoCube:nth-child(3) ~ .videoCube {
        margin-top: 30px;
    }

    .sidebar .entry-thumbnail,
    .sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder {
        width: 230px;
        height: 128px;
    }

    /**
   * LAYOUT: =Single
   */
    .layout-single .related-articles {
        width: auto;
    }
}

/**
 * Mobile
 */
@media only screen and (max-width: 767px) {
    /**
   * =HELPERS
   */
    .horizontal-wrapper {
        padding: 0 10px;
    }

    /**
   * BASE: =Text level
   */
    .rte h2 {
        margin: 30px 0px 10px 0px;
        font-size: 24px;
    }

    .rte h3, .rte h4, .rte h5, .rte h6 {
        margin: 30px 0 15px;
    }

    .rte blockquote {
        margin: 30px 0 30px 20px;
        font-size: 20px;
    }

    /**
   * BASE: =Ad
   */
    .ad_home_top,
    .ad_category_top {
        margin: 30px 0;
    }

    .ad_home_articles,
    .ad_category_articles,
    .ad_article_bottom {
        margin: 20px 0;
    }

    .layout-articles .ad_home_sidebar_top .ad-container > div, .layout-articles
    .ad_category_sidebar_top .ad-container > div, .layout-articles
    .ad_article_sidebar_top .ad-container > div {
        margin: 20px 0;
    }

    .ad_home_sidebar_bottom,
    .ad_category_sidebar_bottom,
    .ad_article_sidebar_bottom {
        margin: 20px 0;
    }

    .ad_article_top {
        margin: 0 0 20px;
    }

    /**
   * BASE: =Text level
   */
    .title-xl, .title-lg, .layout-single .section-taboola .trc_related_container .trc_rbox_header_span {
        text-align: center;
    }

    .title-lg, .layout-single .section-taboola .trc_related_container .trc_rbox_header_span {
        text-align: center;
    }

    .block-newsletter .block-container {
        padding: 15px 0;
    }

    .block-newsletter .button-close {
        top: -2px;
        right: 5px;
    }

    .block-newsletter .intro {
        margin-top: 15px;
    }

    /**
   * STRUCTURE: =Foot
   */
    .site-foot {
        margin-top: 40px;
    }

    .site-foot .nav-footer {
        display: block;
        margin-top: 5px;
    }

    .site-foot .menu .menu-item:first-child:before {
        display: none;
    }

    .site-foot, .site-foot.is-fixed {
        padding: 10px 0;
    }

    /**
   * LAYOUT: =Home
   */
    .home-highlights {
        margin: 10px 0 20px !important;
    }

    .home-highlights .title {
        top: 20px;
        font-size: 12px;
    }

    .home-highlights .article:nth-child(n) .entry-title {
        padding: 10px;
        font-size: 17px;
    }

    .home-highlights .article:nth-child(3) .entry-title, .home-highlights .article:nth-child(4) .entry-title {
        font-size: 15px;
    }

    /**
   * STRUCTURE: =Page
   */
    .page-container {
        margin-top: 40px;
    }

    .page-container .main-content {
        margin-bottom: 40px;
    }

    .page-container .sidebar {
        margin-top: 40px;
        padding-bottom: 0;
    }

    /**
   * LAYOUT: =Default
   */
    .page-title {
        font-size: 30px;
    }

    .layout-articles > .title-xl:first-child, .layout-articles > .title-lg:first-child, .layout-single .section-taboola .trc_related_container .layout-articles > .trc_rbox_header_span:first-child,
    .sidebar > .title-xl:first-child,
    .sidebar > .title-lg:first-child,
    .layout-single .section-taboola .trc_related_container .sidebar > .trc_rbox_header_span:first-child {
        margin: 0 0 40px;
        padding: 0 20px;
    }

    .layout-articles .term-description,
    .sidebar .term-description {
        margin: -20px 0 40px;
        text-align: center;
    }

    .layout-articles .article,
    .layout-articles .sidebar-taboola .trc_related_container .videoCube,
    .sidebar .article,
    .sidebar .sidebar-taboola .trc_related_container .videoCube {
        float: none;
        padding: 0 0 0 150px;
        width: 100%;
        min-height: 112px;
    }

    .layout-articles .article + .article, .layout-articles .article + .videoCube, .layout-articles .article:nth-child(3) ~ .article, .layout-articles .article:nth-child(3) ~ .videoCube,
    .layout-articles .sidebar-taboola .trc_related_container .videoCube + .article,
    .layout-articles .sidebar-taboola .trc_related_container .videoCube + .videoCube,
    .layout-articles .sidebar-taboola .trc_related_container .videoCube:nth-child(3) ~ .article,
    .layout-articles .sidebar-taboola .trc_related_container .videoCube:nth-child(3) ~ .videoCube,
    .sidebar .article + .article,
    .sidebar .article + .videoCube,
    .sidebar .article:nth-child(3) ~ .article,
    .sidebar .article:nth-child(3) ~ .videoCube,
    .sidebar .sidebar-taboola .trc_related_container .videoCube + .article,
    .sidebar .sidebar-taboola .trc_related_container .videoCube + .videoCube,
    .sidebar .sidebar-taboola .trc_related_container .videoCube:nth-child(3) ~ .article,
    .sidebar .sidebar-taboola .trc_related_container .videoCube:nth-child(3) ~ .videoCube {
        margin-top: 20px;
        margin-left: 0;
    }

    .layout-articles .articles,
    .sidebar .articles {
        margin: 20px 0;
    }

    .layout-articles .entry-thumbnail,
    .layout-articles .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder,
    .sidebar .entry-thumbnail,
    .sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder {
        width: 140px;
        height: 112px;
    }

    .layout-articles .entry-thumbnail .image,
    .layout-articles .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder .image,
    .sidebar .entry-thumbnail .image,
    .sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder .image {
        display: block;
        width: 100%;
    }

    .layout-articles .entry-thumbnail .share-counter,
    .layout-articles .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder .share-counter,
    .sidebar .entry-thumbnail .share-counter,
    .sidebar .sidebar-taboola .trc_related_container .videoCube .thumbBlock_holder .share-counter {
        display: none;
    }

    .layout-articles .entry-title,
    .layout-articles .sidebar-taboola .trc_related_container .video-label-box .video-title,
    .sidebar .entry-title,
    .sidebar .sidebar-taboola .trc_related_container .video-label-box .video-title {
        font-size: 19px;
        line-height: 1.2;
    }

    .layout-articles .sidebar-taboola .trc_related_container .video-label-box .video-title,
    .sidebar .sidebar-taboola .trc_related_container .video-label-box .video-title {
        margin-top: 0;
        max-height: none;
    }

    .layout-articles .entry-summary,
    .sidebar .entry-summary {
        display: block;
        margin: 4px 0 0;
        font-size: 14px;
    }

    .layout-articles .entry-meta,
    .sidebar .entry-meta {
        display: block;
    }

    .layout-articles .entry-meta .time-ago,
    .sidebar .entry-meta .time-ago {
        display: none;
    }

    .home .layout-articles > .title-xl:first-child, .home .layout-articles > .title-lg:first-child, .home .layout-single .section-taboola .trc_related_container .layout-articles > .trc_rbox_header_span:first-child, .layout-single .section-taboola .trc_related_container .home .layout-articles > .trc_rbox_header_span:first-child,
    .sidebar > .title-lg:first-child,
    .layout-single .section-taboola .trc_related_container .sidebar > .trc_rbox_header_span:first-child {
        margin-bottom: 20px;
    }

    /**
   * LAYOUT: =Single
   */
    .single .page-container,
    .page .page-container {
        margin-top: 20px;
    }

    .single .page-container .breadcrumb,
    .page .page-container .breadcrumb {
        margin-bottom: 20px;
    }

    .single .sidebar,
    .page .sidebar {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .layout-single .single-article {
        padding-bottom: 56px;
        position: relative;
    }

    .layout-single .single-article .entry-header {
        padding-bottom: 0;
    }

    .layout-single .single-article .entry-header .entry-meta {
        margin: 8px 0 0;
    }

    .layout-single .single-article .entry-title {
        padding-bottom: 0;
        font-size: 30px;
    }

    .layout-single .single-article .entry-content {
        margin-bottom: 20px;
    }

    .layout-single .single-article .article-toolbar {
        display: none;
    }

    .layout-single .single-article .article-toolbar-footer {
        display: block;
        padding: 5px 0;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 56px;
        background: #fff;
        z-index: 20;
        text-align: center;
    }

    .layout-single .single-article .article-toolbar-footer.is-sticky {
        padding: 5px 10px;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .layout-single .single-article .article-toolbar-footer .share-counter {
        position: relative;
        color: #6e6e6e;
        font-size: 10px;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
    }

    .layout-single .single-article .article-toolbar-footer .share-counter .counter,
    .layout-single .single-article .article-toolbar-footer .share-counter .label {
        display: inline-block;
        vertical-align: middle;
    }

    .layout-single .single-article .article-toolbar-footer .share-counter .counter {
        color: #7fc04c;
    }

    .layout-single .single-article .article-toolbar-footer .share-links {
        display: inline-block;
        margin: 5px 0 0;
    }

    .layout-single .single-article .article-toolbar-footer .share-links .links {
        list-style: none;
    }

    .layout-single .single-article .article-toolbar-footer .share-links .links li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
    }

    .layout-single .single-article .article-toolbar-footer .share-links .links,
    .layout-single .single-article .article-toolbar-footer .share-links .links .link {
        margin: 0;
        padding: 0;
    }

    .layout-single .single-article .article-toolbar-footer .share-links .links .link {
        float: left;
        opacity: 1;
        -webkit-transition: opacity 0.1s ease;
        transition: opacity 0.1s ease;
    }

    .layout-single .single-article .article-toolbar-footer .share-links .links .link.facebook {
        background: #3b5898;
    }

    .layout-single .single-article .article-toolbar-footer .share-links .links .link.twitter {
        background: #00abf0;
    }

    .layout-single .single-article .article-toolbar-footer .share-links .links .link.google {
        background: #d0422a;
    }

    .layout-single .single-article .article-toolbar-footer .share-links .links .link.whatsapp {
        background: #2ab200;
    }

    .layout-single .single-article .article-toolbar-footer .share-links .links .link + .link {
        margin-left: 10px;
    }

    .layout-single .single-article .article-toolbar-footer .share-links .links .link:hover {
        opacity: 0.7;
    }

    .layout-single .single-article .article-toolbar-footer .share-links a {
        display: block;
        padding-left: 30px;
        position: relative;
        width: 90px;
        height: 30px;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
    }

    .layout-single .single-article .article-toolbar-footer .share-links a .sprite {
        position: absolute;
        top: 0;
        left: 0;
    }

    .layout-single .single-article .share-image .share-links {
        padding: 10px;
    }

    .layout-single .single-article .share-image .share-links .links .link + .link {
        margin-top: 10px;
    }

    .layout-single .single-article .share-image .share-links .whatsapp {
        display: block;
    }

    .layout-single .nav-article {
        margin: 20px 0;
    }

    .layout-single .nav-article .link {
        padding: 34px 50px;
        background: none;
        color: #fff;
    }

    .layout-single .nav-article .link:before {
        left: 10px;
        border-color: #fff;
        z-index: 3;
    }

    .layout-single .nav-article .link:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        z-index: 2;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.85)), color-stop(100%, rgba(0, 0, 0, 0.15)));
        background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.15) 100%);
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.15) 100%);
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.15) 100%);
    }

    .layout-single .nav-article .link.prev {
        padding-right: 10px;
    }

    .layout-single .nav-article .link.prev:after,
    .layout-single .nav-article .link.prev .thumbnail {
        right: 1px;
    }

    .layout-single .nav-article .link.next {
        padding-left: 10px;
    }

    .layout-single .nav-article .link.next:after,
    .layout-single .nav-article .link.next .thumbnail {
        left: 1px;
    }

    .layout-single .nav-article .link.next:before {
        right: 10px;
    }

    .layout-single .nav-article .link:hover {
        background: none;
    }

    .layout-single .nav-article .label {
        position: relative;
        min-height: 2.8em;
        z-index: 3;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        text-transform: none;
    }

    .layout-single .nav-article .title {
        display: none;
    }

    .layout-single .nav-article .thumbnail {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-repeat: no-repeat;
        z-index: 1;
        background-size: cover;
    }

    .layout-single .section-taboola .trc_related_container .trc_rbox_header {
        margin: 0 0 20px;
        padding-bottom: 0;
        position: relative;
    }

    .layout-single .section-taboola .trc_related_container .trc_rbox_header .trc_header_ext {
        margin-left: -90px;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 180px;
    }

    .layout-single .section-taboola .trc_related_container .trc_rbox_header_span {
        margin-bottom: 15px;
    }

    .layout-single .section-taboola .trc_related_container .entry-title {
        font-size: 14px;
        line-height: 1.2;
    }

    .layout-single .section-taboola .trc_related_container .video-label-box .video-title {
        max-height: 3.6em;
        font-size: 14px;
        line-height: 1.2;
    }

    .layout-single .related-articles {
        margin-top: 50px;
    }

    .layout-single .related-articles .section-related,
    .layout-single .related-articles .section-last {
        padding-bottom: 50px;
    }

    .layout-single .related-articles .section-related {
        position: relative;
        background: #e6e6e6;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .layout-single .related-articles .section-related:before, .layout-single .related-articles .section-related:after {
        display: none;
    }

    .layout-single .related-articles .section-related:before {
        right: 0;
    }

    .layout-single .related-articles .section-related:after {
        left: 0;
    }

    .layout-single .related-articles .section-related .section-title,
    .layout-single .related-articles .section-related .articles {
        position: relative;
        z-index: 2;
    }

    .layout-single .related-articles .section-related .section-title {
        padding: 15px 22px;
        background: #fff;
    }

    .layout-single .related-articles .section-related .section-title:before, .layout-single .related-articles .section-related .section-title:after {
        display: none;
    }

    .layout-single .related-articles .section-related .articles .entry-thumbnail {
        background: #ccc;
    }

    .layout-single .related-articles .section-last {
        margin: 50px 0 0;
        padding-bottom: 0;
    }

    .layout-single .related-articles .section-last:before, .layout-single .related-articles .section-last:after {
        display: none;
    }

    .layout-single .related-articles .section-last .section-title {
        padding: 15px 22px;
        position: relative;
    }

    .layout-single .related-articles .section-last .section-title:before, .layout-single .related-articles .section-last .section-title:after {
        display: none;
    }

    .layout-single .related-articles .section-last .section-title:before {
        right: 100%;
    }

    .layout-single .related-articles .section-last .section-title:after {
        left: 100%;
    }

    .layout-single .related-articles .section-last .articles .entry-thumbnail {
        background: #eee;
    }

    .layout-single .related-articles .articles {
        margin-top: 40px;
    }

    .layout-single .related-articles .articles .entry-title {
        margin-top: 6px;
        font-size: 14px;
        line-height: 1.2;
    }
}

/**
 * Mobile, portrait
 */
@media only screen and (max-width: 470px) {
    /**
   * LAYOUT: =Default
   */
    .layout-articles .entry-summary,
    .sidebar .entry-summary {
        display: none;
    }

    /**
   * LAYOUT: =Home
   */
    .home-highlights:before {
        padding-top: 150%;
    }

    .home-highlights .article:nth-child(n) {
        border: 1px solid #fff;
    }

    .home-highlights .article:nth-child(1) {
        top: 0;
        left: 0;
        width: 100%;
        height: 45%;
        border-width: 0 0 1px;
    }

    .home-highlights .article:nth-child(2) {
        top: 45%;
        left: 0;
        width: 100%;
        height: 27.5%;
        border-width: 1px 0;
    }

    .home-highlights .article:nth-child(3), .home-highlights .article:nth-child(4) {
        bottom: 0;
        left: 0;
        width: 50%;
        height: 27.5%;
    }

    .home-highlights .article:nth-child(3) {
        border-width: 1px 1px 0 0;
    }

    .home-highlights .article:nth-child(4) {
        left: 50%;
        border-width: 1px 0 0 1px;
    }

    /**
   * LAYOUT: =Single
   */
    .single .page-container,
    .page .page-container {
        margin-top: 20px;
    }

    .single .page-container .breadcrumb,
    .page .page-container .breadcrumb {
        margin-bottom: 20px;
    }

    .single .sidebar,
    .page .sidebar {
        margin-top: 50px;
    }

    .layout-single .section-taboola .trc_related_container .videoCube {
        width: 48%;
    }

    .layout-single .section-taboola .trc_related_container .videoCube + .article {
        margin-left: 4%;
    }

    .layout-single .section-taboola .trc_related_container .videoCube:nth-child(3n+1) {
        clear: none;
    }

    .layout-single .section-taboola .trc_related_container .videoCube:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    .layout-single .section-taboola .trc_related_container .videoCube:nth-child(3) ~ .videoCube {
        margin-top: 0;
    }

    .layout-single .section-taboola .trc_related_container .videoCube:nth-child(2) ~ .videoCube {
        margin-top: 4%;
    }

    .layout-single .related-articles .articles .article {
        width: 48%;
    }

    .layout-single .related-articles .articles .article + .article {
        margin-left: 4%;
    }

    .layout-single .related-articles .articles .article:nth-child(3n+1) {
        clear: none;
    }

    .layout-single .related-articles .articles .article:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    .layout-single .related-articles .articles .article:nth-child(3) ~ .article {
        margin-top: 0;
    }

    .layout-single .related-articles .articles .article:nth-child(2) ~ .article {
        margin-top: 4%;
    }
}

/* =============================================================================
   like-jacking-ninja Custom
   ========================================================================== */
body .fO7B1E8R0wDO-bg {
    opacity: 0.4;
}

body .reveal-modal {
    background-image: none;
    background-color: #fff;
    border-radius: 0px;
    -box-shadow: none;
    border-top: 5px solid #3cb4fb;
    font-weight: bold;
    position: absolute;
    top: 40%;
    text-align: center;
}

body .modal-like-container {
    margin: 5px;
}

body .modal-like-container, body .close-reveal {
    position: absolute;
    top: 0;
    right: 0px;
}

body .close-reveal {
    background: url("img/close.png") no-repeat #fff;
}

body .close-reveal :hover {
    opacity: 0.7;
}

body .reveal-modal .site-logo {
    margin: 0;
    font: 800 38px/1 "Open Sans", sans-serif;
    letter-spacing: -0.03em;
}

.pull-link {
    padding: 20px;
    margin: 20px auto;
    background: #f2f2f2;
}

.pull-link p {
    margin: 0;
}

.clickable {
    cursor: pointer;
}


/* Afficher les labels au-dessus des champs */
.comment-respond .comment-form label {
    display: block;
    margin-bottom: 5px;
}

/* S'assurer que les champs remplissent la largeur disponible */
.comment-respond .comment-form input[type="text"],
.comment-respond .comment-form input[type="email"],
.comment-respond .comment-form textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 5px;

}

/* Ajouter de l'espace entre les champs */
.comment-respond .comment-form p {
    margin-bottom: 10px;
}

/* Style pour le bouton de soumission */
.comment-respond .comment-form input[type="submit"] {
    padding: 10px 20px;
    cursor: pointer;
}

/* Styles pour le bouton de soumission */
.comment-respond input[type="submit"],
.comment-respond button.submit {
    background-color: #0073aa;
    color: #ffffff;
    border: none;
    border-radius: 0;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    -webkit-appearance: none;
    appearance: none;
}

.comment-respond button.submit {
    background-color: #0073aa; /* Couleur de fond souhaitée */
    color: #ffffff; /* Couleur du texte */
    border: none; /* Supprime la bordure par défaut */
    border-radius: 0; /* Coins non arrondis */
    padding: 10px 20px; /* Espacement interne */
    font-size: 16px; /* Taille du texte */
    cursor: pointer; /* Curseur pointeur au survol */
    display: inline-block;
    -webkit-appearance: none;
    appearance: none;
}

.comment-respond input[type="submit"]:hover,
.comment-respond button.submit:hover {
    background-color: #005177;
}

/* Style du bouton "Cliquer pour commenter" */
.show-comment-form {
    display: block;
    margin: 20px auto;
    padding: 10px 20px;
    background-color: #0073aa;
    color: #ffffff;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

.show-comment-form:hover {
    background-color: #005177;
}

/* Optionnel : Ajouter une transition pour l'affichage du formulaire */
#comment-form-container {
    display: none;
    transition: all 0.3s ease-in-out;
}

/* Targeting the widget with the custom class */
.widget-buzzarena-most-shared.my-custom-class {
    background-color: #f9f9f9;
    border: 2px solid #3cb4fb;
    padding: 20px;
    border-radius: 5px;
}

/* Further customizing elements within the widget */
.widget-buzzarena-most-shared.my-custom-class .title-lg {
    color: #3cb4fb;
    font-size: 20px;
    text-align: center;
}

.widget-buzzarena-most-shared.my-custom-class .articles .article {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.widget-buzzarena-most-shared.my-custom-class .articles .article:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.author-social-links .social-icon {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #0073aa;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

/* Styles généraux pour l'affichage de l'auteur */
.author-info {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 20px; /* Ajoute un espace entre l'avatar et le texte */
}

.author-avatar {
    flex-shrink: 0; /* Empêche la réduction de l'avatar */
}

.author-avatar img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    object-fit: cover; /* Assure que l'image soit bien centrée */
}

/* Styles pour les écrans mobiles */
@media only screen and (max-width: 768px) {
    /* Sur mobile, on met l'avatar au-dessus du H1 */
    .author-info {
        flex-direction: column; /* Colonne au lieu de ligne */
        align-items: center; /* Centrer l'avatar et le texte */
        text-align: center;
        gap: 10px; /* Espace entre l'avatar et le H1 */
    }

    .author-avatar {
        margin-bottom: 10px; /* Espace sous l'avatar */
    }

    .author-details h1 {
        font-size: 24px; /* Taille du titre sur mobile */
        margin: 10px 0; /* Espace autour du titre */
    }

    .author-description {
        margin-top: 10px;
        font-size: 16px;
        padding: 0 15px; /* Ajoute du padding pour éviter que le texte touche les bords sur mobile */
    }
}


/* Conteneur Flex pour aligner avatar, auteur et date */
.mycustom-author-date-container {
    display: flex;
    align-items: center;
    gap: 10px; /* Espacement entre l'avatar et les informations */
    margin: 20px 0; /* Ajustez selon vos besoins */
    flex-wrap: wrap; /* Permet aux éléments de s'adapter si l'espace est limité */
}

/* Avatar de l'auteur */
.mycustom-author-avatar img {
    border-radius: 50%; /* Rendre l'avatar circulaire */
    width: 50px;
    height: 50px;
    object-fit: cover; /* Assure que l'image couvre entièrement le conteneur */
}

/* Conteneur des informations de l'auteur et de la date */
.mycustom-author-info {
    display: flex;
    align-items: center;
    gap: 5px; /* Espacement entre les éléments */
    flex-wrap: wrap; /* Permet aux éléments de s'adapter si l'espace est limité */
}

/* Style pour le texte "Par :" */
.mycustom-byline {
    font-weight: bold;
    color: #333; /* Couleur du texte, ajustez selon votre thème */
}

/* Style pour le lien de l'auteur */
.mycustom-author-name {
    color: #3cb4fb; /* Couleur du lien */
    text-decoration: none; /* Supprimer le soulignement */
    font-size: 16px; /* Taille de la police */
    font-weight: bold; /* Texte en gras */
}

.mycustom-author-name:hover {
    text-decoration: underline; /* Soulignement au survol */
}

/* Style pour la date */
.mycustom-published-date {
    font-size: 0.9em;
    color: #555; /* Couleur de la date */
    white-space: nowrap; /* Empêche la date de passer à la ligne suivante */
}

/* Responsivité pour petits écrans */
@media (max-width: 600px) {
    .mycustom-author-date-container {
        gap: 12px; /* Espacement légèrement augmenté */
    }

    .mycustom-author-avatar img {
        width: 50px; /* Taille de l'avatar augmentée */
        height: 50px; /* Taille de l'avatar augmentée */
    }

    .mycustom-author-name {
        font-size: 15px; /* Taille de la police augmentée */
        font-weight: bold !important; /* Assurer que le nom est en gras */
    }

    .mycustom-published-date {
        font-size: 1em; /* Taille de la police augmentée */
    }
}


.menu-item-has-children {
    position: relative;
}

.submenu-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    display: none;
}

.submenu-toggle::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    margin: 0 auto;
    transition: transform 0.3s ease;
}

.submenu-toggle::before {
    border-color: rgba(255, 255, 255, 0.6);
}

.nav-main .submenu-toggle {
    display: block;
}


/* Mobile styles */
@media (max-width: 1100px) {


    .nav-main .megamenu {
        display: none;
    }

    .nav-main .current-menu-item .megamenu,
    .nav-main .menu-item-has-children.is-active .megamenu {
        display: block;
        position: static;
        max-height: inherit;
    }
}

/* Desktop styles */
@media (min-width: 768px) {
    .menu-item-has-children:hover .megamenu,
    .menu-item-has-children.current-menu-item .megamenu {
        display: block;
    }
}

.iframe-wrapper,
.wp-block-embed__wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
	margin-top: 20px;
}

/* Modification ciblée pour la date */
@media only screen and (max-width: 767px) {
    .layout-articles .entry-meta .time-ago,
    .sidebar .entry-meta .time-ago {
        display: inline-block !important; /* Au lieu de none */
    }

    .layout-articles .time-ago .time,
    .sidebar .time-ago .time {
        color: #000;
    }
}

/* Assurez-vous que la date reste visible sur très petits écrans */
@media only screen and (max-width: 470px) {
    .layout-articles .entry-meta div.time-ago {
        display: inline-block !important;
    }
}

/* Style de base du lien */
.article-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* Le titre aura un effet au survol */
.entry-title {
    margin: 10px 0;
    transition: color 0.3s ease;
}

/* L'effet de survol s'applique au titre quand on survole le lien */
.article-link:hover .entry-title {
    color: #3cb4fb; /* ou la couleur de votre choix */
}

/* Pour empêcher tout effet de survol sur l'image */
.entry-thumbnail {
    margin-bottom: 10px;
}

/* Google News Link Component */
/* Google News Link Component */
.google-news-link {
    background-color: #f2f2f2;
    padding: 1rem;
    border-radius: 4px;
    margin: 2rem 0;
}
.google-news-link .bonplan a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #f26522 !important;
    color: #fff !important;
    font-weight: 700 !important;
    padding: 16px 20px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Style pour mobile */
.google-news-link svg {
    height: auto;
    width: 80%;
    min-width: 150px; /* Réduit de 200px à 150px */
    max-width: 250px; /* Réduit de 300px à 250px */
}

/* Style pour PC */
@media (min-width: 768px) {
    .google-news-link a {
        flex-direction: row;
    }

    .google-news-link svg {
        height: 40px;
        width: auto;
        min-width: auto;
        max-width: none;
    }

    .layout-single .single-article .entry-header {
        margin-right: -330px;
    }

}

/* Dark mode specific styles */
.darkmode--activated .google-news-link {
    background-color: #1a1a1a;
}

.darkmode--activated .google-news-link svg {
    color: #fbf9f9;
}

/* Hover state */
.google-news-link a:hover {
    opacity: 0.9;
}

/* Style de base du bouton */
button.wp-block-button__link {
    cursor: pointer;
    border-radius: 4px !important;
    font-weight: 600 !important; /* ou 700 pour plus gras */
    text-transform: none !important; /* garde le texte en minuscule/majuscule comme écrit */
    border: none;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

/* Style au survol */
button.wp-block-button__link:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}

/* Pour les boutons avec data-href */
button[data-href] {
    /* Vos styles personnalisés */
}

/* Pour cibler une classe spécifique */
.button-link.wp-block-button__link {
    /* Vos styles personnalisés */
}

/* Dans votre style.css */
.post-tags a {
    background-color: #f1f9ff;
    color: #1d9bf0;
    padding: 6px 12px;
    border-radius: 15px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin: 0 4px;
    border: 2px solid #1d9bf0;
}

.post-tags a::before {
    content: "# ";
    color: #1d9bf0;
    font-size: 16px;
    font-weight: 800;
}

.post-tags a:hover {
    background-color: #e8f4ff;
}

/*
=================================================================================
STYLES POUR LE WIDGET DES ARTICLES LES PLUS CONSULTÉS
Utilisé pour afficher une liste verticale d'articles avec image et titre
Dernière mise à jour : 11/11/2024
=================================================================================
*/

/* Container principal */
.widget_post_views_counter_list_widget {
    background: transparent;
    padding: 0;
    margin-bottom: 30px;
}

/* Titre du widget */
.widgettitle {
    font-size: 1.45rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 20px 0;
}

/* Liste d'articles */
.widget_post_views_counter_list_widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 20px;
}

.widget_post_views_counter_list_widget li {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
}

.widget_post_views_counter_list_widget li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Conteneur de la miniature avec ratio 16:9 */
.post-thumbnail {
    width: 100%;
    margin-bottom: 12px;
    display: block;
    position: relative;
    padding-top: 56.25%; /* Maintient le ratio 16:9 */
}

/* Style de l'image dans la miniature */
.post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

/* Style du titre de l'article */
.post-title {
    font-size: 1.15rem;
    line-height: 1.4;
    color: #222;
    text-decoration: none;
    font-weight: 700;
    transition: color 0.2s ease;
}

/* Effets de survol */
.post-title:hover {
    color: #3cb4fb;
}

.post-thumbnail:hover img {
    transform: scale(1.05);
}

/* Styles responsives pour tablettes et petits écrans */
@media (max-width: 768px) {
    .post-title {
        font-size: 1.1rem;
    }
}

/* Styles pour les très petits écrans (mobiles) */
@media (max-width: 360px) {
    .post-title {
        font-size: 1rem;
    }

    .widgettitle {
        font-size: 1.5rem;
    }
}

/*
=================================================================================
FIN DES STYLES DU WIDGET DES ARTICLES LES PLUS CONSULTÉS
=================================================================================
*/

/* Styles de base pour la pagination */
.pagination {
    width: 100%;
    margin: 0 auto;
}

.pagination-container {
    width: 100%;
}

/* Style du bouton "Voir plus d'articles" sur la home */
body.home .button.seemore {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: #40B4FC;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    line-height: 1.4;
    margin-top: 30px;
}

/* Style de pagination numérotée avec fond */
.pagination--wppagenavi {
    margin-top: 30px;
    text-align: center;
    background-color: #F0F8FF; /* Fond bleu très pâle */
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(64, 180, 252, 0.1); /* Ombre légère bleue */
}

.pagination--wppagenavi .pagination {
    display: block;
}

.pagination--wppagenavi ul {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.pagination--wppagenavi ul li {
    margin: 0;
    padding: 0;
}

/* Style des liens de page */
.pagination--wppagenavi ul li a,
.pagination--wppagenavi ul li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    height: 45px;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.2s ease;
    padding: 0;
    background-color: white; /* Fond blanc pour les boutons */
}

/* Style de la page active */
.pagination--wppagenavi ul li.current span {
    background-color: #40B4FC;
    color: white;
    font-weight: 700;
    font-size: 16px;
}

/* Style au survol des liens */
.pagination--wppagenavi ul li a:hover {
    background-color: rgba(64, 180, 252, 0.1);
    color: #40B4FC;
}

/* Style des points de suspension */
.pagination--wppagenavi ul li.nobtn .expand {
    background: none;
    color: #333;
    font-weight: 600;
    font-size: 16px;
}

/* Style des flèches de navigation */
.pagination--wppagenavi .arrows-pagination {
    color: #40B4FC;
    font-size: 24px;
    cursor: pointer;
    transition: color 0.2s ease;
    font-weight: 600;
    white-space: nowrap;
    background-color: white; /* Fond blanc pour les flèches */
    padding: 0 15px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: 45px;
}

/* Style pour la pagination par dizaines */
.paginate-decade {
    display: block !important;
    width: 100% !important;
    margin: 15px 0 0 0 !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(64, 180, 252, 0.2); /* Bordure plus subtile */
    clear: both;
}

.paginate-decade li a {
    color: #40B4FC !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    white-space: nowrap;
    background-color: white !important; /* Fond blanc pour les liens */
}

/* Style pour la pagination par centaines */
.pagination--wppagenavi > ul:last-of-type:not(:first-of-type) {
    display: block;
    width: 100%;
    margin: 15px 0 0 0 !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(64, 180, 252, 0.2);
    clear: both;
}

/* Styles pour les liens sans espace */
.single_page,
.last-page {
    text-decoration: none;
    color: #333;
    font-weight: 600;
    white-space: nowrap;
    font-size: 16px;
    background-color: white;
}

.single_page:hover,
.last-page:hover {
    color: #40B4FC;
}

/* Style des liens désactivés */
.pagination--wppagenavi ul li a.disabled {
    color: #ccc;
    pointer-events: none;
    font-weight: 500;
}

/* Styles responsifs */
@media screen and (max-width: 768px) {
    .pagination--wppagenavi {
        padding: 15px 10px; /* Padding réduit sur mobile */
    }

    .pagination--wppagenavi ul {
        gap: 3px;
    }

    .pagination--wppagenavi ul li a,
    .pagination--wppagenavi ul li span {
        min-width: 40px;
        height: 40px;
        font-size: 15px;
        font-weight: 600;
    }

    body.home .button.seemore {
        font-size: 16px;
        padding: 15px;
        font-weight: 700;
    }

    .pagination--wppagenavi .arrows-pagination {
        height: 40px;
    }
}

/* Style spécifique pour garantir que les dizaines soient en dessous */
.paginate-decade,
.pagination > ul:not(:first-child) {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 15px !important;
}

/* Amélioration du contraste des séparateurs */
.paginate-decade,
.pagination > ul:not(:first-child) {
    border-top: 1px solid rgba(64, 180, 252, 0.2);
}

/*
=================================================================================
FIN DES STYLES pagination
=================================================================================
*/
/* Styles pour la section Dossiers */
/* Structure de base */
.dossiers-wrapper {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto 75px auto;
    padding: 0;
}

.dossiers-section {
    background: #f8f9fa;
    padding: 20px 0 5px 0;
    margin-bottom: 30px;

}

/* En-tête de section */
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding: 0 20px;
}

.dossier-title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.voir-tout {
    padding: 8px 14px;
    background-color: #48b4fc;
    color: #fff !important;
    text-decoration: none;
    border-radius: 4px;
    font-size: 18px;
    font-weight: bold;
}

/* Grille d'articles */
.articles-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 0 20px;
}

/* Style des articles */
.dossier-article {
    display: flex;
    flex-direction: column;
}

.article-thumbnail {
    margin-bottom: 10px;
}

.img-container {
    border-radius: 8px;
    overflow: hidden;
    background: #3b3b3b;
}

.article-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.article-content {
    flex: 1;
}

.article-title {
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    margin: 0;
}

.article-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.article-title a:hover {
    color: #48b4fc;
}

/* Responsive */
@media (max-width: 1200px) {
    .articles-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .articles-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 20px 30px 20px;
    }

    .section-header {
        margin-bottom: 30px;
    }

    .article-title {
        font-family: "Montserrat", sans-serif;
        font-size: 19px;
    }

    .voir-tout {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px;
        border-radius: 0;
        margin: 0;
    }
}

.js-article-link {
    cursor: pointer;
}

.js-article-link:hover img {
    opacity: 0.9;
    transition: opacity 0.3s ease;
}

.home-highlights {
    margin: 20px 0;
    background: #fff;
}

.home-highlights .articles {
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.home-highlights .article {
    flex: 1;
    background: #fff;
}

.home-highlights .article a {
    display: block;
    text-decoration: none;
    color: inherit;
    background: #3b3b3b;
}

.home-highlights .entry-thumbnail {
    position: relative;
    padding-top: 56.25%; /* Ratio 16:9 */
    overflow: hidden;
    background: #f5f5f5;
}

.home-highlights .entry-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-highlights .title {
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
}

/* Style uniquement pour le tag */
.home-highlights .tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #33b9ff;
    color: #fff;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 2;
}

@media (max-width: 768px) {
    .home-highlights .articles {
        gap: 10px; /* Réduire l'espace entre les articles */
    }

    .home-highlights .article {
        flex: 0 0 100%; /* Un article par ligne sur mobile */
    }

    .home-highlights .entry-thumbnail {
        padding-top: 66.67%; /* Ratio 3:2 pour mobile */
    }
}

/* Optimisations de performance */
.home-highlights .entry-thumbnail {
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
}

.mycustom-author-date-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    flex-wrap: nowrap;
}

.mycustom-author-section {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 1;
}

.mycustom-author-info {
    min-width: 0;
    flex-shrink: 1;
    display: flex;
    flex-direction: column; /* Place les éléments en colonne */
    gap: 0.25rem; /* Petit espacement entre le nom et la date */
}

.mycustom-author-name {
    font-weight: bold; /* Optionnel: rend le nom plus visible */
    margin: 0; /* Retire les marges par défaut */
}

.mycustom-published-date {
    margin: 0; /* Retire les marges par défaut */
    font-size: 0.9em; /* Optionnel: réduit légèrement la taille de la date */
}

/* Style des boutons de partage */
.share-bar {
    margin: 0;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.share-icons {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.share-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
}

.share-icon {
    width: 20px;
    height: 20px;
}

/* Version mobile */
@media (max-width: 768px) {
    .mycustom-author-date-container {
        flex-direction: row;
        align-items: center;
    }

    .share-bar {
        width: auto;
    }

    .share-text {
        display: none;
    }

    .mycustom-author-name {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .share-icons {
        gap: 0.15rem;
    }
}

/* --- Début CSS Commentaires --- */
:root {
    --text: #333;
    --bg: #fff;
    --border: #eee;
    --accent: #0073aa;
    --radius: 4px;
    --spacing: 1rem;
    --font-size-title: 1.4rem;
    --font-size-author: 1.15rem;
    --font-size-content: 1rem;
    --font-size-meta: 0.85rem;
    --font-size-reply: 0.9rem;
    --font-size-form: 1rem;
}

.comments-title {
    font-size: var(--font-size-title);
    font-weight: 500;
    text-align: center;
    margin: calc(var(--spacing) * 2) 0;
    padding-bottom: var(--spacing);
    border-bottom: 1px solid var(--border);
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment {
    padding: var(--spacing) 0;
    border-bottom: 1px solid var(--border);
    font-size: var(--font-size-content);
}

.comment-author {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) / 2);
}

/* Correction des avatars déformés */
.avatar {
    object-fit: cover !important;
    border-radius: 50% !important; /* Avatar rond */
}

/* Spécifique pour les avatars 50x50 */
.avatar-50 {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover !important;
}

.fn {
    color: var(--text);
    text-decoration: none;
    font-weight: 500;
    font-size: var(--font-size-author);
}

.comment-meta {
    font-size: var(--font-size-meta);
    color: #999;
    margin: 0.25rem 0;
}

.comment-meta a {
    color: inherit;
    text-decoration: none;
}

.comment-edit-link {
    opacity: 0.6;
    font-size: var(--font-size-meta);
    margin-left: 0.5rem;
}

.comment-content,
.comment-content p {
    line-height: 1.6;
    margin: var(--spacing) 0;
    font-size: var(--font-size-content);
}

.reply {
    margin-top: calc(var(--spacing) / 2);
}

.comment-reply-link {
    color: var(--accent);
    text-decoration: none;
    font-size: var(--font-size-reply);
}

.children {
    margin-left: calc(var(--spacing) * 2);
    border-left: 1px solid var(--border);
    padding-left: var(--spacing);
}

#respond {
    margin: calc(var(--spacing) * 2) 0;
}

#commentform input:not([type="submit"]),
#commentform textarea {
    width: 100%;
    padding: calc(var(--spacing) / 2);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-size: var(--font-size-form);
}

#commentform input[type="submit"] {
    background: var(--accent);
    color: white;
    padding: calc(var(--spacing) / 2) var(--spacing);
    border: none;
    border-radius: var(--radius);
    cursor: pointer;
    font-size: var(--font-size-form);
}

.loggedinas {
    font-size: var(--font-size-meta);
    margin: var(--spacing) 0;
}

.required {
    color: #e03131;
}

@media (max-width: 768px) {
    .children {
        margin-left: var(--spacing);
    }
}

/* --- Fin CSS Commentaires --- */

.article__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px; /* Augmenté de 35px à 45px */
    height: 45px; /* Augmenté de 35px à 45px */
    border-radius: 50%;
    margin: 0 8px; /* Augmenté de 5px à 8px */
    transition: opacity 0.3s;
}

.article__social-link:hover {
    opacity: 0.8;
}

.button-social-facebook {
    background-color: #3b5998;
}

.button-social-messenger {
    background-color: #0084ff;
}

.button-social-twitter {
    background-color: #000000;
}

.button-social-linkedin {
    background-color: #0077b5;
}

.button-social-whatsapp {
    background-color: #25d366;
}

.button-social-reddit {
    background-color: #ff4500;
}

.button-social-share {
    background-color: #000000;
}

.icon {
    width: 25px; /* Augmenté de 20px à 25px */
    height: 25px; /* Augmenté de 20px à 25px */
    fill: #ffffff;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.gm-button-show-social {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

/* --- debut css sommaire --- */
.article .article__summary-sticky {
    margin-bottom: 20px;
    background-color: #f5f8fb;
    top: 120px;
    z-index: 999999999999999;
    will-change: transform;
}

@media screen and (min-width: 48em) {
    .article .article__summary-sticky {
        top: 150px;
    }
}

.article .article__summary-sticky__title {
    cursor: pointer;
    background-color: #3cb4fb;
    color: #fff;
    display: flex;
    height: 40px;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 700;
    align-items: center;
    padding-left: 55px;
    text-transform: uppercase;
    position: relative;
}

.article .article__summary-sticky__title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 45px;
    background: #012d42;
}

.article .article__summary-sticky__title:after {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 15px;
    height: 15px;
    left: 15px;
    border-radius: 2px;
    margin-top: -5px;
    transform-origin: 46% 55%;
    border-style: solid;
    border-width: 0 0 2px 2px;
    border-color: #fff;
    transform: rotate(135deg);
    transition: transform 0.5s cubic-bezier(.25, .1, .25, 1);
}

.article .article__summary-sticky__list {
    list-style: square;
    padding: 15px 20px;
    overflow-y: auto;
    max-height: 350px;
    position: relative;
    width: 100%;
    background: #f5f8fb;
}

/* Style de la scrollbar */
.article .article__summary-sticky__list::-webkit-scrollbar {
    width: 5px;
}

.article .article__summary-sticky__list::-webkit-scrollbar-track {
    background: #f5f8fb;
}

.article .article__summary-sticky__list::-webkit-scrollbar-thumb {
    background: #3cb4fb;
    border-radius: 3px;
}

/* Support Firefox */
.article .article__summary-sticky__list {
    scrollbar-width: thin;
    scrollbar-color: #3cb4fb #f5f8fb;
}

.article .article__summary-sticky__list a {
    font-weight: 700;
}

.article .article__summary-collapsed ul {
    display: none;
}

.article .article__summary-collapsed .article__summary-sticky__title:after {
    transform: rotate(-45deg);
    transform-origin: 0% 32%;
}

/* Style des li dans la liste */
.article .article__summary-sticky__list li {
    color: #012d42;
    margin-bottom: 10px;
    line-height: 1.1;
    padding-left: 5px; /* Ajouté pour l'alignement */
    display: table; /* Ajouté pour l'alignement */
}

/* Style des liens dans les li */
.article .article__summary-sticky__list li a {
    font-weight: 700;
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
    display: table-cell; /* Ajouté pour l'alignement */
    padding-left: 10px; /* Ajouté pour l'alignement */
}

/* Hover des liens */
.article .article__summary-sticky__list li a:hover {
    color: #279bf8;
}

/* Lien actif */
.article .article__summary-sticky__list li a.active {
    color: #279bf8;
}

.article .article__summary-sticky.is-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
}

/* Pour les mobiles */
@media screen and (max-width: 767px) {
    .article .article__summary-sticky.is-sticky {
        top: 60px;
    }

    .article .article__summary-sticky__list {
        padding: 10px 25px;
    }

    .article .article__summary-sticky__list li a {
        font-size: 18px;
        line-height: 1.1;
    }
}

/* --- fin css sommaire --- */
/* tldr */
.tldr ul,
.tldr ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tldr {
    background-color: #f2f2f2;
    padding: 20px;
    font-size: 17px;
}

/* Reset spécifique des li */
.tldr ul li {
    display: block;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
    line-height: 1.3;
    font-size: 17px;
    font-weight: 400;
    color: #333;
}

/* Suppression explicite de tous les types de marqueurs possibles */
.tldr ul li::marker,
.tldr ul li::before {
    content: none;
}

/* Ajout du carré bleu avec alignement vertical corrigé */
.tldr ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5em; /* Utilisation de em pour un alignement relatif à la taille du texte */
    width: 8px;
    height: 8px;
    background-color: #279bf8;
    display: block;
    border-radius: 0;
}

/* Ajoute un arrondis sur les iamges du slider */
.home-highlights .article {
    border-radius: 8px; /* Ajoute d'abord le border-radius au conteneur */
    overflow: hidden; /* S'assure que l'image ne dépasse pas */
    background: #3b3b3b;
}

.home-highlights .entry-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 768px) {

    .site-head .horizontal-wrapper {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }


    .site-head .head-socials {
        margin-left: auto;
    }
}

/* fin arrondis sur les iamges du slider */

/* Menu principal responsive */
.nav-main {
    position: relative;
}

[data-href] {
    cursor: pointer;
}

.nav-main .menu {
    font-weight: 700;
}



/* Style desktop */
@media (min-width: 1001px) {
    .nav-main .menu {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .nav-header {
        display: none;
    }

    .nav-main .menu > li {
        position: relative;
    }

    .nav-main .menu > li > a,
    .nav-main .menu > li > span {
        display: block;
        padding: 15px 15px 16px 15px;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .nav-main .menu > li.menu-item-has-children > a,
    .nav-main .menu > li.menu-item-has-children > span {
        padding-right: 30px;;
    }

    .nav-main .menu > li:hover > a {
        background-color: #f5f5f5;
    }

    .nav-main .submenu-toggle {
        top: 4px;
        transform: translateY(0);
    }

    .nav-main .menu > li:hover .submenu-toggle:before {
        border-color: #333;
    }

    .nav-main .sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        min-width: 200px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        z-index: 1000;
        list-style: none;
        padding: 0;
    }

    .nav-main .menu > li:hover > .sub-menu {
        display: block;
    }

    .nav-main .sub-menu li a,
    .nav-main .sub-menu li span {
        display: block;
        padding: 15px 15px;
        color: #333;
        text-decoration: none;
        font-size: 14px;
    }

    .nav-main .sub-menu li a:hover,
    .nav-main .sub-menu li span:hover {
        background-color: #f5f5f5;
    }

    .nav-toggle {
        display: none;
    }
}

.buzzarena-logo {
    width: 225px;
    color: #fff
}

/* Style mobile */
@media (max-width: 1000px) {

    .buzzarena-logo {
        width: 160px;
    }

    .submenu-toggle.is-active::before {
        transform: rotate(-135deg);
    }

    .nav-main .nav-outer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }

    .nav-main .nav-header {
        display: block;
        padding: 4px 20px 14px;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    .nav-main .nav-header .title {
        font: 800 26px / 1 "Open Sans", sans-serif;
    }

    .nav-main .menu-item-object-category:hover > a {
        color: currentColor;
        background: transparent;
    }

    .nav-main .nav-inner {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #3cb4fb;
        z-index: 1000;
        padding: 8px 0;
        overflow-y: auto;
    }

    .submenu-toggle {
        top: 22px;
        right: 17px;
    }

    .nav-main.is-active .nav-inner {
        display: block;
    }

    .nav-main .menu li:not(:last-child) {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    .nav-main .menu > li > a,
    .nav-main .menu > li > span {
        display: block;
        padding: 15px 20px;
        color: #fff;
        text-decoration: none;
    }

    .nav-main .sub-menu {
        display: none;
        padding: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .nav-main .sub-menu.is-active {
        display: block;
    }

    .nav-main .sub-menu li a,
    .nav-main .sub-menu li span {
        display: block;
        padding: 15px 20px;
        text-decoration: none;
    }

    /* Style du bouton burger */
    .nav-toggle {
        display: block;
        position: absolute;
        width: 30px;
        height: 32px;
        padding: 0;
        border: none;
        background: transparent;
        cursor: pointer;
    }

    .nav-bar:not(.is-sticky) .nav-toggle {
        top: -51px;
    }

    .nav-toggle span {
        display: block;
        position: absolute;
        transition: all 0.3s ease;
    }


    /* Bouton fermeture menu mobile */
    .nav-close {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        background: transparent;
        border: none;
        cursor: pointer;
    }
}


.Widget_Buzzarena_Trending {
    background: #3cb4fb;
    color: #fff;
    padding: 25px 20px 15px;
}

.Widget_Buzzarena_Trending .widgettitle {
    color: #fff;
}

.Widget_Buzzarena_Trending .heading-text span {
    color: #8FBD00
}

.Widget_Buzzarena_Trending ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.Widget_Buzzarena_Trending ul li {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    margin-top: 7px
}

.Widget_Buzzarena_Trending ul li a {
    color: #fff;
    position: relative;
    display: block;
    padding-left: 35px
}

.Widget_Buzzarena_Trending ul li a svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #FFEE00;
    width: 25px;
    height: 25px;
}
.code-block-label {
    font-size: 13px; /* Taille de la police */
    text-align: center; /* Texte centré */
}


figure.wp-block-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Espace pour le copyright */
figure.wp-block-image figcaption {
    min-height: 18px;
    font-size: 14px;
    line-height: 1.4;
}
.entry-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
/* CSS SEULEMENT pour les pages spécifiques - PAS pour les listes d'articles */
body.single .entry-header img:first-child,
body.single .entry-header picture:first-child img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9; /* Ratio 16:9 pour les images d'en-tête */
    object-fit: cover; /* Maintient les proportions */
}

/* Optimiser SEULEMENT les pages single */
body.single picture:first-of-type {
    display: block;
    contain: layout style paint;
}

body.single picture:first-of-type img {
    width: 100%;
    height: auto;
    display: block;
}

/* CSS corrigé pour la zone dossiers - Plus spécifique */
.dossiers-wrapper .dossier-article .article-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4/3; /* Ratio 4:3 pour les vignettes d'articles */
    object-fit: cover;
}

.dossiers-wrapper .dossier-article .img-container {
    contain: layout style;
    overflow: hidden;
}

/* Assurer que les images dossiers s'affichent correctement */
.dossiers-wrapper .dossier-article picture,
.dossiers-wrapper .dossier-article picture img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}
.buzzarena-logo {
    width: 225px;
    height: 31px;
    max-width: 100%;
    aspect-ratio: 225/31;
}

/* Tablette */
@media (max-width: 768px) {
    .buzzarena-logo {
        width: 225px;
        height: 31px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .buzzarena-logo {
        width: 160px;
        height: 22px;
    }
}
/* === CORRECTIF CLS UNIQUE (Optimisé) === */
img:not([width]):not([height]) {
    aspect-ratio: 16/9;
}

.entry-thumbnail {
    aspect-ratio: 16/9;
    background: #f5f5f5;
}

/* Nouveau : On fige la hauteur de ligne du titre pour éviter le micro-saut */
.entry-title {
    line-height: 1.25 !important;
}

/* Nouveau : On réserve l'espace du fil d'ariane (breadcrumb) */
.breadcrumb {
    min-height: 24px;
    margin-bottom: 10px;
    display: block;
}
/* --- TRANSFORMER LA GALERIE EN DÉFILEMENT HORIZONTAL (MOBILE) --- */
@media (max-width: 768px) {
    .wp-block-gallery, 
    .entry-content .wp-block-gallery {
        display: flex !important;
        flex-wrap: nowrap !important; /* Empêche de revenir à la ligne */
        overflow-x: auto !important;  /* Active le défilement horizontal */
        scroll-snap-type: x mandatory; /* Aimante les images */
        gap: 10px !important;
        -webkit-overflow-scrolling: touch;
    }

    .wp-block-gallery .wp-block-image, 
    .wp-block-gallery figure {
        flex: 0 0 85% !important; /* Chaque image prend 85% de la largeur pour voir la suivante */
        scroll-snap-align: center;
        min-width: 85% !important;
    }
}
/* Style des icônes réseaux sociaux SVG */
.social-svg {
    color: #444; /* Gris foncé */
    transition: all 0.2s ease;
}

.social-svg svg {
    fill: currentColor; /* Utilise la couleur du lien ci-dessus */
    display: inline-block;
    vertical-align: middle;
}

.social-svg:hover {
    color: #007bff; /* Bleu au survol */
}