@charset "UTF-8";
/*
Template: sonaar
Theme Name: sonaar
Theme URI: http://underscores.me/
Author: Agence Dewey
Author URI: http://agence-dewey.fr
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: podcastfr
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

podcastfr is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography 
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

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

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
  text-decoration: none !important;
}
a:visited {
  color: #800080;
}
a:hover, a:focus, a:active {
  color: #191970;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Desktop
--------------------------------------------------------------*/
/*
** Page Généric
*/
@media only screen and (min-width: 1024px) {
  body.page,
  body.archive,
  body.error404,
  body.search-results,
  body.search-no-results,
  body.tax-centres-dinteret,
  body.single-post {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  body.page .site > div,
  body.archive .site > div,
  body.error404 .site > div,
  body.search-results .site > div,
  body.search-no-results .site > div,
  body.tax-centres-dinteret .site > div,
  body.single-post .site > div {
    background: #F5F2F8;
  }
}
body.page .site > div header,
body.archive .site > div header,
body.error404 .site > div header,
body.search-results .site > div header,
body.search-no-results .site > div header,
body.tax-centres-dinteret .site > div header,
body.single-post .site > div header {
  background: #096488;
}
@media only screen and (min-width: 1024px) {
  body.page .site > div header,
  body.archive .site > div header,
  body.error404 .site > div header,
  body.search-results .site > div header,
  body.search-no-results .site > div header,
  body.tax-centres-dinteret .site > div header,
  body.single-post .site > div header {
    background: #096488;
    z-index: 1;
  }
}
@media only screen and (min-width: 1024px) {
  body.page .site > div header .main-navigation,
  body.archive .site > div header .main-navigation,
  body.error404 .site > div header .main-navigation,
  body.search-results .site > div header .main-navigation,
  body.search-no-results .site > div header .main-navigation,
  body.tax-centres-dinteret .site > div header .main-navigation,
  body.single-post .site > div header .main-navigation {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  body.page .site > div .content-body,
  body.archive .site > div .content-body,
  body.error404 .site > div .content-body,
  body.search-results .site > div .content-body,
  body.search-no-results .site > div .content-body,
  body.tax-centres-dinteret .site > div .content-body,
  body.single-post .site > div .content-body {
    display: flex;
  }
}
body.page .site > div .content-body aside,
body.archive .site > div .content-body aside,
body.error404 .site > div .content-body aside,
body.search-results .site > div .content-body aside,
body.search-no-results .site > div .content-body aside,
body.tax-centres-dinteret .site > div .content-body aside,
body.single-post .site > div .content-body aside {
  display: none;
}
@media only screen and (min-width: 1024px) {
  body.page .site > div .content-body aside,
  body.archive .site > div .content-body aside,
  body.error404 .site > div .content-body aside,
  body.search-results .site > div .content-body aside,
  body.search-no-results .site > div .content-body aside,
  body.tax-centres-dinteret .site > div .content-body aside,
  body.single-post .site > div .content-body aside {
    display: block;
    width: 18%;
    margin-top: 24px;
  }
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0px;
  list-style: none;
  margin-left: 10px;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item {
  display: block;
  padding: 20px;
  border-radius: 10px;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe-hovered.svg");
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid-hovered.svg");
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid-hovered.svg");
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog-hovered.svg");
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings-hovered.svg");
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before {
  content: "";
  display: inline-block;
  width: 18px; /* Ajustez la largeur à 25px */
  height: 18px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe.svg");
  background-size: contain;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid.svg");
  background-size: contain;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid.svg");
  background-size: contain;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog.svg");
  background-size: contain;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings.svg");
  background-size: contain;
}
@media only screen and (min-width: 1024px) {
  body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
  body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
  body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
  body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
  body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
  body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
  body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item {
    padding: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img,
  body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img,
  body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img,
  body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img,
  body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img,
  body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img,
  body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img {
    width: 25px;
  }
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2E2F34;
  display: flex;
  gap: 11px;
  align-items: center;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu {
  display: none;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a {
  font-size: 14px;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover {
  flex-direction: column;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a {
  font-weight: 700;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu {
  display: block;
  margin: 10px auto;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 9;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item {
  margin-bottom: 0;
  padding: 8px 5px 8px 30px;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover {
  background-color: #F2EDF6;
  filter: brightness(0.9);
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a {
  color: #096488;
  font-size: 14px;
  font-weight: 500 !important;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before {
  content: "";
  display: inline-block;
  width: 18px; /* Ajustez la largeur à 25px */
  height: 18px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe-hovered.svg");
  background-size: contain;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid-hovered.svg");
  background-size: contain;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid-hovered.svg");
  background-size: contain;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.blog:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.blog:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.blog:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.blog:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.blog:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.blog:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.blog:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog-hovered.svg");
  background-size: contain;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings-hovered.svg");
  background-size: contain;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a {
  font-weight: bold;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu {
  display: block;
  margin: 10px auto;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu {
  display: block;
  padding: 0;
  margin: 0;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li {
  padding: 8px 5px 8px 30px;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item {
  background-color: #F2EDF6;
  filter: brightness(0.9);
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a {
  color: #096488;
  font-weight: 500 !important;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current_page_item .picto-menu.blog:before,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current_page_item .picto-menu.blog:before,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current_page_item .picto-menu.blog:before,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current_page_item .picto-menu.blog:before,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current_page_item .picto-menu.blog:before,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current_page_item .picto-menu.blog:before,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current_page_item .picto-menu.blog:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog-hovered.svg");
  background-size: contain;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu {
  display: none;
}
body.page .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img,
body.archive .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img,
body.error404 .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img,
body.search-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img,
body.search-no-results .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img,
body.tax-centres-dinteret .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img,
body.single-post .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img {
  margin-right: 15px;
  position: relative;
  top: -2px;
}
@media only screen and (min-width: 1024px) {
  body.page .site > div .content-body main,
  body.archive .site > div .content-body main,
  body.error404 .site > div .content-body main,
  body.search-results .site > div .content-body main,
  body.search-no-results .site > div .content-body main,
  body.tax-centres-dinteret .site > div .content-body main,
  body.single-post .site > div .content-body main {
    width: 82%;
    max-width: 100%;
    margin-left: 20px;
    background: white;
  }
}
@media only screen and (min-width: 1024px) {
  body.page .site > div .content-body main .list-group-cols,
  body.archive .site > div .content-body main .list-group-cols,
  body.error404 .site > div .content-body main .list-group-cols,
  body.search-results .site > div .content-body main .list-group-cols,
  body.search-no-results .site > div .content-body main .list-group-cols,
  body.tax-centres-dinteret .site > div .content-body main .list-group-cols,
  body.single-post .site > div .content-body main .list-group-cols {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (max-width: 1210px) {
  body.page .site > div .content-body main .list-group-cols,
  body.archive .site > div .content-body main .list-group-cols,
  body.error404 .site > div .content-body main .list-group-cols,
  body.search-results .site > div .content-body main .list-group-cols,
  body.search-no-results .site > div .content-body main .list-group-cols,
  body.tax-centres-dinteret .site > div .content-body main .list-group-cols,
  body.single-post .site > div .content-body main .list-group-cols {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  body.page .site > div .content-body main .list-group-cols,
  body.archive .site > div .content-body main .list-group-cols,
  body.error404 .site > div .content-body main .list-group-cols,
  body.search-results .site > div .content-body main .list-group-cols,
  body.search-no-results .site > div .content-body main .list-group-cols,
  body.tax-centres-dinteret .site > div .content-body main .list-group-cols,
  body.single-post .site > div .content-body main .list-group-cols {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media only screen and (max-width: 480px) {
  body.page .site > div .content-body main .list-group-cols,
  body.archive .site > div .content-body main .list-group-cols,
  body.error404 .site > div .content-body main .list-group-cols,
  body.search-results .site > div .content-body main .list-group-cols,
  body.search-no-results .site > div .content-body main .list-group-cols,
  body.tax-centres-dinteret .site > div .content-body main .list-group-cols,
  body.single-post .site > div .content-body main .list-group-cols {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media only screen and (min-width: 1024px) {
  body.page .site > div .content-body main footer.custom-footer,
  body.archive .site > div .content-body main footer.custom-footer,
  body.error404 .site > div .content-body main footer.custom-footer,
  body.search-results .site > div .content-body main footer.custom-footer,
  body.search-no-results .site > div .content-body main footer.custom-footer,
  body.tax-centres-dinteret .site > div .content-body main footer.custom-footer,
  body.single-post .site > div .content-body main footer.custom-footer {
    height: 330px;
  }
}
@media only screen and (min-width: 1024px) {
  body.page .site > div .content-body main footer.custom-footer .menu-footer,
  body.archive .site > div .content-body main footer.custom-footer .menu-footer,
  body.error404 .site > div .content-body main footer.custom-footer .menu-footer,
  body.search-results .site > div .content-body main footer.custom-footer .menu-footer,
  body.search-no-results .site > div .content-body main footer.custom-footer .menu-footer,
  body.tax-centres-dinteret .site > div .content-body main footer.custom-footer .menu-footer,
  body.single-post .site > div .content-body main footer.custom-footer .menu-footer {
    width: 60%;
  }
}
@media only screen and (min-width: 1024px) {
  body.page .site > div .content-body main footer.custom-footer .menu-footer ul,
  body.archive .site > div .content-body main footer.custom-footer .menu-footer ul,
  body.error404 .site > div .content-body main footer.custom-footer .menu-footer ul,
  body.search-results .site > div .content-body main footer.custom-footer .menu-footer ul,
  body.search-no-results .site > div .content-body main footer.custom-footer .menu-footer ul,
  body.tax-centres-dinteret .site > div .content-body main footer.custom-footer .menu-footer ul,
  body.single-post .site > div .content-body main footer.custom-footer .menu-footer ul {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
}
body.page .meta-episode p,
body.archive .meta-episode p,
body.error404 .meta-episode p,
body.search-results .meta-episode p,
body.search-no-results .meta-episode p,
body.tax-centres-dinteret .meta-episode p,
body.single-post .meta-episode p {
  text-transform: capitalize;
}
body.page .btn-lm,
body.archive .btn-lm,
body.error404 .btn-lm,
body.search-results .btn-lm,
body.search-no-results .btn-lm,
body.tax-centres-dinteret .btn-lm,
body.single-post .btn-lm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px;
}
body.page .btn-lm #load-more,
body.page .btn-lm #load-more-wo,
body.archive .btn-lm #load-more,
body.archive .btn-lm #load-more-wo,
body.error404 .btn-lm #load-more,
body.error404 .btn-lm #load-more-wo,
body.search-results .btn-lm #load-more,
body.search-results .btn-lm #load-more-wo,
body.search-no-results .btn-lm #load-more,
body.search-no-results .btn-lm #load-more-wo,
body.tax-centres-dinteret .btn-lm #load-more,
body.tax-centres-dinteret .btn-lm #load-more-wo,
body.single-post .btn-lm #load-more,
body.single-post .btn-lm #load-more-wo {
  padding: 14px 32px;
  background-color: #01759B;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: white;
  font-size: 16px;
  line-height: 20px;
  border: none;
}

/*
** Single Podcast
*/
@media only screen and (min-width: 1024px) {
  body.single-podcast .site > div, .page-template-template-podcast-semaine .site > div {
    background: #F5F2F8;
  }
}
body.single-podcast .site > div header, .page-template-template-podcast-semaine .site > div header {
  background: #096488;
}
@media only screen and (min-width: 1024px) {
  body.single-podcast .site > div header, .page-template-template-podcast-semaine .site > div header {
    background: #096488;
    z-index: 1;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-podcast .site > div header .main-navigation, .page-template-template-podcast-semaine .site > div header .main-navigation {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-podcast .site > div .content-body, .page-template-template-podcast-semaine .site > div .content-body {
    display: flex;
  }
}
body.single-podcast .site > div .content-body aside, .page-template-template-podcast-semaine .site > div .content-body aside {
  display: none;
}
@media only screen and (min-width: 1024px) {
  body.single-podcast .site > div .content-body aside, .page-template-template-podcast-semaine .site > div .content-body aside {
    display: block;
    width: 18%;
    margin-top: 24px;
  }
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0px;
  list-style: none;
  margin-left: 10px;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item {
  display: block;
  padding: 20px;
  border-radius: 10px;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe-hovered.svg");
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid-hovered.svg");
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid-hovered.svg");
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog-hovered.svg");
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings-hovered.svg");
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before {
  content: "";
  display: inline-block;
  width: 18px; /* Ajustez la largeur à 25px */
  height: 18px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe.svg");
  background-size: contain;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid.svg");
  background-size: contain;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid.svg");
  background-size: contain;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog.svg");
  background-size: contain;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings.svg");
  background-size: contain;
}
@media only screen and (min-width: 1024px) {
  body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item {
    padding: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img {
    width: 25px;
  }
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2E2F34;
  display: flex;
  gap: 11px;
  align-items: center;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu {
  display: none;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a {
  font-size: 14px;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover {
  flex-direction: column;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a {
  font-weight: 700;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu {
  display: block;
  margin: 10px auto;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 9;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item {
  margin-bottom: 0;
  padding: 8px 5px 8px 30px;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover {
  background-color: #F2EDF6;
  filter: brightness(0.9);
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a {
  color: #096488;
  font-weight: 500 !important;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before {
  content: "";
  display: inline-block;
  width: 18px; /* Ajustez la largeur à 25px */
  height: 18px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe-hovered.svg");
  background-size: contain;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid-hovered.svg");
  background-size: contain;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid-hovered.svg");
  background-size: contain;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings-hovered.svg");
  background-size: contain;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a {
  font-weight: bold;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu {
  display: block;
  margin: 10px auto;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu {
  display: block;
  padding: 0;
  margin: 0;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li {
  padding: 8px 5px 8px 30px;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item {
  background-color: #F2EDF6;
  filter: brightness(0.9);
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a {
  color: #096488;
  font-weight: 500 !important;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu {
  display: none;
}
body.single-podcast .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img, .page-template-template-podcast-semaine .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img {
  margin-right: 15px;
  position: relative;
  top: -2px;
}
@media only screen and (min-width: 1024px) {
  body.single-podcast .site > div .content-body .container-global, .page-template-template-podcast-semaine .site > div .content-body .container-global {
    width: 82%;
    margin: 0px;
    border-radius: 0px;
    background: white;
    overflow: auto;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-podcast .site > div .content-body .container-global .header-content, .page-template-template-podcast-semaine .site > div .content-body .container-global .header-content {
    display: flex;
    align-items: end;
    padding: 25px 16px 0;
    gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  body.single-podcast .site > div .content-body .container-global .header-content, .page-template-template-podcast-semaine .site > div .content-body .container-global .header-content {
    display: flex;
    align-items: end;
    padding: 25px 35px 0;
    gap: 25px;
  }
}
@media only screen and (max-width: 768px) {
  body.single-podcast .site > div .content-body .container-global .header-content, .page-template-template-podcast-semaine .site > div .content-body .container-global .header-content {
    display: block;
    padding: 0;
  }
}
body.single-podcast .meta-episode p, .page-template-template-podcast-semaine .meta-episode p {
  text-transform: capitalize;
}
body.single-podcast .btn-lm, .page-template-template-podcast-semaine .btn-lm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px;
}
body.single-podcast .btn-lm #load-more,
body.single-podcast .btn-lm #load-more-wo, .page-template-template-podcast-semaine .btn-lm #load-more,
.page-template-template-podcast-semaine .btn-lm #load-more-wo {
  padding: 14px 32px;
  background-color: #01759B;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: white;
  font-size: 16px;
  line-height: 20px;
  border: none;
}

/*
** Single Épisode
*/
@media only screen and (min-width: 1024px) {
  body.single-episode .site > div,
  body.single-sr_playlist .site > div {
    background: #F5F2F8;
  }
}
body.single-episode .site > div header,
body.single-sr_playlist .site > div header {
  background: #096488;
}
@media only screen and (min-width: 1024px) {
  body.single-episode .site > div header,
  body.single-sr_playlist .site > div header {
    background: #096488;
    z-index: 1;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-episode .site > div header .main-navigation,
  body.single-sr_playlist .site > div header .main-navigation {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-episode .site > div .content-body,
  body.single-sr_playlist .site > div .content-body {
    display: flex;
  }
}
body.single-episode .site > div .content-body aside,
body.single-sr_playlist .site > div .content-body aside {
  display: none;
}
@media only screen and (min-width: 1024px) {
  body.single-episode .site > div .content-body aside,
  body.single-sr_playlist .site > div .content-body aside {
    display: block;
    width: 18%;
    margin-top: 24px;
  }
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0px;
  list-style: none;
  margin-left: 10px;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item {
  display: block;
  padding: 20px;
  border-radius: 10px;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.loupe:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe-hovered.svg");
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.news:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid-hovered.svg");
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.micro:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid-hovered.svg");
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.blog:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog-hovered.svg");
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item:hover .picto-menu.settings:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings-hovered.svg");
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.loupe:before {
  content: "";
  display: inline-block;
  width: 18px; /* Ajustez la largeur à 25px */
  height: 18px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe.svg");
  background-size: contain;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.news:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid.svg");
  background-size: contain;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.micro:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid.svg");
  background-size: contain;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.blog:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog.svg");
  background-size: contain;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .picto-menu.settings:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings.svg");
  background-size: contain;
}
@media only screen and (min-width: 1024px) {
  body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item,
  body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item {
    padding: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img,
  body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item img {
    width: 25px;
  }
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #2E2F34;
  display: flex;
  gap: 11px;
  align-items: center;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu {
  display: none;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item ul.sub-menu a {
  font-size: 14px;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover {
  flex-direction: column;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover a {
  font-weight: 700;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover .sep-menu {
  display: block;
  margin: 10px auto;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 9;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item {
  margin-bottom: 0;
  padding: 8px 5px 8px 30px;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover {
  background-color: #F2EDF6;
  filter: brightness(0.9);
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item:hover a {
  color: #096488;
  font-weight: 500 !important;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.loupe:before {
  content: "";
  display: inline-block;
  width: 18px; /* Ajustez la largeur à 25px */
  height: 18px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe-hovered.svg");
  background-size: contain;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.news:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid-hovered.svg");
  background-size: contain;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.micro:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid-hovered.svg");
  background-size: contain;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.blog:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.blog:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog-hovered.svg");
  background-size: contain;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .picto-menu.settings:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings-hovered.svg");
  background-size: contain;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent a {
  font-weight: bold;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sep-menu {
  display: block;
  margin: 10px auto;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu {
  display: block;
  padding: 0;
  margin: 0;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li {
  padding: 8px 5px 8px 30px;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item {
  background-color: #F2EDF6;
  filter: brightness(0.9);
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item.current-menu-parent .sub-menu li.current-menu-item a {
  color: #096488;
  font-weight: 500 !important;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item .sep-menu {
  display: none;
}
body.single-episode .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img,
body.single-sr_playlist .site > div .content-body aside .widget_nav_menu .menu-main-menu-container ul.menu li.menu-item a img {
  margin-right: 15px;
  position: relative;
  top: -2px;
}
@media only screen and (min-width: 1024px) {
  body.single-episode .site > div .content-body .container-global,
  body.single-sr_playlist .site > div .content-body .container-global {
    width: 82%;
    margin: 0px;
    border-radius: 0px;
    background: white;
    overflow: auto;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-episode .site > div .content-body .container-global .header-content,
  body.single-sr_playlist .site > div .content-body .container-global .header-content {
    display: flex;
    align-items: end;
    padding: 25px 16px 0;
    gap: 16px;
  }
}
body.single-episode .meta-episode p,
body.single-sr_playlist .meta-episode p {
  text-transform: capitalize;
}
body.single-episode .btn-lm,
body.single-sr_playlist .btn-lm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px;
}
body.single-episode .btn-lm #load-more,
body.single-episode .btn-lm #load-more-wo,
body.single-sr_playlist .btn-lm #load-more,
body.single-sr_playlist .btn-lm #load-more-wo {
  padding: 14px 32px;
  background-color: #01759B;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: white;
  font-size: 16px;
  line-height: 20px;
  border: none;
}

@media only screen and (min-width: 1024px) {
  body .container-global,
  body .single-taxo,
  body .container-section {
    margin: 0px !important;
    border-radius: 0px;
  }
}
@media only screen and (min-width: 1024px) {
  body .custom-footer {
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  body .custom-footer .footer-midsection {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  body .custom-footer .footer-midsection .menu-footer ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  body .custom-footer .footer-midsection .menu-rs .slides {
    justify-content: end;
  }
}

/* REVENDICATION */
.rv-podcast .header-page {
  position: relative;
}

.rv-podcast .header-page #arrow-return {
  position: absolute;
  top: -6px;
  left: 0;
}

.rv-podcast .header-page h1 {
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  margin-top: 14px;
}

.rv-podcast .searchbar {
  display: block;
  width: 100%;
  padding: 0 25px;
}

.rv-podcast .searchbar form .search-container {
  position: relative;
}

.rv-podcast .searchbar form .search-container svg {
  position: absolute;
  left: 8px;
  top: 8px;
}

.rv-podcast .searchbar form .search-container input {
  width: 100%;
  padding: 10px 20px 10px 35px;
  border-radius: 10px;
}

.rv-podcast #search-results-rv {
  display: block;
  z-index: 5;
  width: 100%;
  left: 0;
  top: 60px;
  min-height: 50vh;
}

@media only screen and (min-width: 1024px) {
  .rv-podcast #search-results-rv {
    padding: 0 50px;
  }
}
.rv-podcast #search-results-rv .result-item {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 15px 30px;
  border-bottom: 1px solid #afb1b6;
}

.rv-podcast #search-results-rv .result-item img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 4px;
}

.rv-podcast #search-results-rv .result-item a {
  font-size: 16px;
  font-family: "Space Grotesk", sans-serif;
  line-height: 20pt;
  font-weight: normal;
  color: #2E2F34;
  text-decoration: none;
}

.rv-this .form-rv {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .rv-this .form-rv {
    width: 60%;
  }
}

.rv-this .form-rv h4 {
  width: 55%;
  text-align: center;
  line-height: 24px;
  font-family: "Space Grotesk", sans-serif;
}

.rv-this .form-rv .showc-podcast {
  width: 100%;
  padding: 16px 0;
  border-bottom: 1px solid rgb(175, 177, 182);
}

.rv-this .form-rv .showc-podcast .pc {
  display: flex;
  width: 100%;
  gap: 12px;
  align-items: center;
}

.rv-this .form-rv .showc-podcast .pc img {
  width: 62px;
  height: 62px;
  object-fit: cover;
  border-radius: 4px;
}

.rv-this .form-rv .showc-podcast .pc p {
  width: 100%;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  margin: 0;
}

.rv-this .form-rv p {
  text-align: center;
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 24px;
  margin: 16px auto 44px;
  width: 84%;
  color: #5D5F68;
}

.rv-this .list-buttons {
  margin-bottom: 32px;
}

.rv-this #popup-verif-rv {
  display: none;
}

.rv-this #popup-verif-rv #verify-claim {
  transform: translate(0, 90px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .rv-this #popup-verif-rv #verify-claim {
    transform: translate(0, 0px);
    padding-bottom: 20px;
  }
}

.rv-this #popup-verif-rv #verify-claim .title-popup {
  width: 70%;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.rv-this #popup-verif-rv #verify-claim .desc-popup {
  text-align: center;
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 24px;
  margin: 8px auto 14px;
  width: 84%;
  color: #5D5F68;
}

.rv-this #popup-verif-rv #verify-claim .code-input-container {
  display: flex;
  gap: 8px;
}

.rv-this #popup-verif-rv #verify-claim .code-input-container input {
  width: 30px;
  border: none;
  border-bottom: 1px solid #5D5F68;
  border-radius: 0;
  font-size: 30px;
  font-family: "Space Grotesk", sans-serif;
}

.rv-this #popup-verif-rv.show {
  opacity: 1;
}

#submit-verify-claim {
  width: max-content;
  border-radius: 50px;
  border: none;
  color: white;
  background-color: #01759B;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  line-height: 20pt;
  font-weight: 500;
  text-align: center;
  margin-top: 25px;
}

/* GESTION DU SCROLL INTERNE */
@media only screen and (min-width: 1024px) {
  .site header {
    position: fixed;
  }
}
@media only screen and (min-width: 1024px) {
  .site .content-body {
    display: flex;
  }
}
@media only screen and (min-width: 1024px) {
  .site .content-body aside {
    position: fixed;
    height: 100vh;
    top: 72px;
    left: 0;
    width: 260px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .site .content-body main {
    margin-top: 72px !important;
    margin-left: 260px !important;
    flex-grow: 1;
    min-height: 750px;
  }
}
@media only screen and (min-width: 1024px) {
  .site footer {
    width: calc(100% - 260px);
    margin-left: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .page-template-template-inscription footer, .page-template-template-connexion footer, .page-template-template-bienvenue footer, .page-template-template-inscription-connexion footer {
    width: 100%;
  }
}

.page-template-template-bienvenue #wrapper {
  min-height: 770px;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, a, span, strong, li {
  letter-spacing: normal !important;
}

.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.main-navigation .btn-connexion {
  display: none;
  margin: 24px auto;
  background-color: rgb(0, 129, 167);
  color: rgb(255, 255, 255);
  padding: 9px 24px;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  position: relative;
  z-index: 1000;
  width: fit-content;
  cursor: pointer;
}
.main-navigation .btn-connexion:hover {
  text-decoration: none;
}
.main-navigation .cta-user {
  display: none;
}
.main-navigation .cta-user .create-playlist,
.main-navigation .cta-user .revendiquer {
  display: block;
  margin: 24px auto;
  background-color: #FEAD34;
  color: black;
  padding: 9px 24px;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  position: relative;
  z-index: 1000;
  width: fit-content;
}
.main-navigation .cta-user .create-playlist:hover,
.main-navigation .cta-user .revendiquer:hover {
  text-decoration: none;
}
.main-navigation li {
  position: relative;
}
.main-navigation li.menu-item-has-children:after {
  display: block;
  z-index: 99999;
  content: url("/wp-content/themes/sonaar-child/assets/images/menu-down-arrow.svg");
  position: absolute;
  top: 19px;
  right: 27px;
  transition: 0.3s ease-in-out;
}
.main-navigation li.menu-item-has-children.focus:after {
  transform: rotate(180deg);
}
.main-navigation li.current-menu-parent {
  font-weight: bold;
}
.main-navigation li.current-menu-parent .sub-menu {
  display: block;
}
.main-navigation li:hover > a, .main-navigation li.focus > a {
  font-weight: 700;
}
.main-navigation li .sep-menu {
  display: none;
  border: none;
  border-top: 1px solid black;
  color: #333;
  overflow: visible;
  text-align: center;
  width: 91%;
  margin: 0 auto;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 1024px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

header {
  display: flex !important;
  justify-content: space-between;
  width: 100%;
  padding: 16px 16px 16px 16px;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  header {
    position: relative;
  }
}
header .custom-logo {
  max-width: 160px;
}
@media only screen and (min-width: 1024px) {
  header .custom-logo {
    max-width: 190px;
  }
}
header .display-connexion {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
@media only screen and (max-width: 1024px) {
  header .display-connexion {
    display: none;
  }
}
header .display-connexion a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
header .display-connexion .btn-connexion {
  background-color: rgb(0, 129, 167);
  color: rgb(255, 255, 255);
  padding: 10px 20px 9px 15px;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  position: relative;
  z-index: 1000;
  width: fit-content;
  display: flex;
  gap: 9px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
header .display-connexion .btn-connexion:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url("/wp-content/themes/sonaar-child/assets/images/login.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
header .display-connexion p {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: rgb(255, 255, 255);
}
@media only screen and (max-width: 768px) {
  header .site-branding {
    transition: opacity 0.4s ease;
  }
}
@media only screen and (max-width: 768px) {
  header .site-branding.hide-logo {
    opacity: 0;
    display: none;
  }
}
header .site-branding .site-description {
  display: block;
  position: relative;
  color: #5D5F68;
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  header .site-branding .site-description {
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  header .site-branding .site-description {
    font-size: 8px;
  }
}
header .searchbar {
  width: 70%;
  padding: 0 25px;
}
@media only screen and (max-width: 768px) {
  header .searchbar {
    max-width: 380px;
    margin-left: auto;
    width: 100% !important;
    transition: max-width 4s ease;
  }
  header .searchbar.expand-search {
    max-width: 380px;
  }
}
@media only screen and (min-width: 1024px) {
  header .searchbar {
    display: block;
  }
}
header .searchbar form .search-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  header .searchbar form .search-container {
    transition: padding 0.4s ease, background 0.4s ease;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  header .searchbar form .search-container {
    width: 70%;
  }
}
header .searchbar form .search-container #btn-search {
  position: absolute;
  width: auto;
  padding: 13px 20px;
  background: transparent;
  border: none;
  z-index: 9;
}
header .searchbar form .search-container svg {
  position: absolute;
  right: 8px;
  top: 5px;
  background-color: #FEAD34;
  padding: 4px;
  border-radius: 50px;
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 768px) {
  header .searchbar form .search-container svg {
    top: 5px;
    width: 26px;
    height: 26px;
  }
}
header .searchbar form .search-container input {
  width: 100%;
  padding: 10px 20px 10px 15px;
  border-radius: 25px;
  border: none;
}
@media only screen and (max-width: 768px) {
  header .searchbar form .search-container input.search-field {
    width: 100%;
    font-size: 1rem;
    transition: font-size 0.3s ease;
  }
}
header .searchbar #search-results {
  position: absolute;
  display: block;
  z-index: 100;
  width: 100%;
  left: 0;
  top: 60px;
}
@media only screen and (min-width: 1024px) {
  header .searchbar #search-results {
    width: 49%;
    top: 72px;
    left: 50%;
    transform: translateX(-50%);
    max-height: 375px;
    overflow-y: scroll;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-shadow: 2px 2px 9px -1px #5D5F68;
    background-color: white;
  }
  header .searchbar #search-results::-webkit-scrollbar {
    display: none;
  }
}
header .searchbar #search-results .es-search-results-list {
  margin: 0;
  padding: 20px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background: rgba(255, 255, 255, 0.99);
}
header .searchbar #search-results .es-search-results-list > div {
  padding-bottom: 8px;
  border-bottom: 1px solid black;
  margin-bottom: 8px;
}
header .searchbar #search-results .es-search-results-list > div a {
  color: #2E2F34;
}
header .searchbar #search-results .es-search-results-list > div:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
header .searchbar #search-results .es-search-results-list .show-more-results-link {
  display: block;
  margin-bottom: 0;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: black;
  font-size: 16px;
}
header .searchbar #search-results .show-more-results-link {
  display: block;
  margin-bottom: 16px;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: black;
  font-size: 16px;
}
header .searchbar #search-results .result-item {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 15px 30px;
  border-bottom: 1px solid #afb1b6;
}
header .searchbar #search-results .result-item:first-child {
  margin-top: 20px;
}
header .searchbar #search-results .result-item img {
  width: 50px;
}
header .searchbar #search-results .result-item a {
  font-size: 18px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: #2E2F34;
}
header #site-navigation {
  width: auto;
}
header #site-navigation button {
  background-color: transparent;
  border: none;
  padding: 0;
  position: relative;
  top: 2px;
}
header #site-navigation .menu-toggle[aria-expanded=true] {
  /*  svg {
        display: none;
    }*/
  /*&:after {
      content: '';
      display: block;
      width: 25px;
      height: 25px;
      background: url('/wp-content/themes/sonaar-child/assets/images/cross.svg');
  }*/
}
header .main-navigation.toggled .content-menu-mobile {
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  padding: 16px;
  background: #f5f2f8;
  top: 69px;
  left: 0;
  overflow: hidden;
  z-index: 1000;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li {
  background: rgb(255, 255, 255);
  padding: 15px 25px 13px;
  border-radius: 10px;
  margin-bottom: 6px;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li > a {
  display: flex;
  gap: 10px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #2E2F34;
  z-index: 0;
  text-align: left;
  padding: 0;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li > a .picto-menu.loupe:before {
  content: "";
  display: inline-block;
  width: 18px; /* Ajustez la largeur à 25px */
  height: 18px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe.svg");
  background-size: contain;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li > a .picto-menu.news:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid.svg");
  background-size: contain;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li > a .picto-menu.micro:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid.svg");
  background-size: contain;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li > a .picto-menu.blog:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog.svg");
  background-size: contain;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li > a .picto-menu.settings:before {
  content: "";
  display: inline-block;
  width: 20px; /* Ajustez la largeur à 25px */
  height: 20px; /* Ajustez la hauteur à 25px */
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings.svg");
  background-size: contain;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li > a img {
  margin-right: 15px;
  width: 30px;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li ul.sub-menu {
  position: relative;
  background: rgb(255, 255, 255);
  width: 100%;
  height: 0;
  opacity: 0;
  z-index: -1000;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li ul.sub-menu li {
  padding: 0;
  margin: 0;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li ul.sub-menu li a {
  font-size: 14px;
  font-weight: 400;
  padding: 10px 10px 10px 30px;
  width: 100%;
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li.focus .picto-menu.loupe:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/loupe-hovered.svg");
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li.focus .picto-menu.news:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/newspaper-1-solid-hovered.svg");
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li.focus .picto-menu.micro:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/microphone-solid-hovered.svg");
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li.focus .picto-menu.blog:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/blog-hovered.svg");
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li.focus .picto-menu.settings:before {
  background-image: url("/wp-content/themes/sonaar-child/assets/images/settings-hovered.svg");
}
header .main-navigation.toggled .content-menu-mobile .nav-menu li.focus > ul {
  display: contents;
  opacity: 1;
}
header .main-navigation.toggled .btn-connexion,
header .main-navigation.toggled .cta-user {
  display: block;
}
header .main-navigation.toggled .btn-connexion .popup-sidebar,
header .main-navigation.toggled .cta-user .popup-sidebar {
  margin: 0 20px;
  background-color: #FD887F;
  padding: 20px;
  border-radius: 16px;
  color: rgb(255, 255, 255);
  display: grid;
  grid-template-columns: 1fr;
}
header .main-navigation.toggled .btn-connexion .popup-sidebar .close-popupsidebar,
header .main-navigation.toggled .cta-user .popup-sidebar .close-popupsidebar {
  justify-self: end;
}
header .main-navigation.toggled .btn-connexion .popup-sidebar h4,
header .main-navigation.toggled .cta-user .popup-sidebar h4 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
}
header .main-navigation.toggled .btn-connexion .popup-sidebar .text,
header .main-navigation.toggled .cta-user .popup-sidebar .text {
  font-size: 16px;
  line-height: 24px;
  font-family: "Lora", serif;
  margin: 0;
}
header.mobileActive {
  top: 0;
  background: white;
  z-index: 9;
}

/*
header {
	display: flex !important;
	justify-content: space-between;
	width: 100%;
	padding: 16px 16px 16px 16px;
	align-items: center;
	position: relative;

	.site-branding {
	}

	#site-navigation {
		width: auto;

		button {
			background-color: transparent;
			border: none;
			padding: 0;
			position: relative;
			top: 2px;
		}
	}

	.main-navigation{
		&.toggled {
		.menu-main-menu-container {
			position: absolute;
			top: 66px;
			left: 0;
			background-color: $jauneClair;
			width: 100%;
			height: calc(100vh - 66px);
			z-index: 500;
			padding: 16px;

			ul {
				width: 100%;
				height: auto;
				display: flex;
				flex-direction: column;
				box-shadow: none;

				li {
					width: 100%;
					transition: 0.3s ease-in-out;
					background-color: $blanc;
					border-radius: 8px;
					margin-bottom: 6px;

					a {
						font-family: $grotesk;
						font-size: 16px;
						font-weight: 700;
						color: $noir;
						padding: 21px 27px;
						position: relative;
						z-index: 10;

						.picto-menu {
							margin-right: 12px;
							position: relative;
							top: 0;
							width: 30px;
						}
					}

					.sub-menu {
						display: none;

						li {
							border-bottom: initial;
							width: 100%;

							a {
								width: 100%;
								margin-bottom: 0;
								border-radius: 0;
								padding: 10px 69px;
								font-weight: 400;
								border: none;
								position: relative;
								z-index: 10000;
							}
						}
					}

					&.focus {
						transition: 0.3s ease-in-out;

						&:after {
							transition: 0.3s ease-in-out;
							transform: translateY(-50%) rotate(180deg);
						}

						.sub-menu {
							position: static;
							height: auto;
							display: block;
						}

						.sep-menu {
							display: block;
						}
					}
				}
			}
		}

		.btn-connexion {
			display: table;
		}
	}
}
}*/
.sub-menu li a {
  font-weight: 400 !important;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

.player:not([data-mode=episode]) [show-if="player-mode:episode"],
.player:not([data-mode=radio]) [show-if="player-mode:radio"],
.player:not([data-playing=true]) [show-if="player-status:playing"],
.player[data-playing=true] [show-if="player-status:paused"] {
  display: none !important;
}

.player .player__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.player .player-control {
  background: #000;
  border: none;
  line-height: 1;
}

.player .player-control--audio-volume {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 0.4rem;
}

.player .player-control--audio-volume .control-slider {
  --value: 100%;
  transform-origin: 0 0;
  transition: 80ms ease;
  transition-property: opacity, transform;
}

.player .player-control--audio-volume:not(:hover) .control-slider {
  opacity: 0;
  transform: scaleX(0.5);
}

.player [_player-data=is-muted].is-muted [show-if="player-muted:true"],
.player [_player-data=is-muted]:not(.is-muted) [show-if="player-muted:false"] {
  display: none;
}

.player .player__radio__live_title {
  color: var(--bs-secondary);
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
}

.player .player__timecodes {
  display: flex;
  justify-content: space-between;
}

.player .player__img img {
  border-radius: 5px;
}

.player .player__webradio-select {
  position: relative;
}

.player .player__webradio-select .player__webradio-options .radio-item {
  display: flex;
  gap: 0.4rem;
  padding: 0.4em 1em;
}

.player .player__webradio-select .player__webradio-options .radio-item img {
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 20px;
}

.player .player__webradio-select:not(.opened) > .player__webradio-options {
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.5em);
}

.player .player__webradio-select .player__webradio-options {
  --offset-x: 0px;
  background: #fff;
  border-bottom: 3px solid var(--bs-primary);
  border-radius: 5px 5px 0 0;
  bottom: 100%;
  box-shadow: 0 3px 8px #000;
  display: flex;
  flex-direction: column;
  left: 50%;
  margin-bottom: 1rem;
  margin-left: calc(-100px - var(--offset-x));
  padding: 1em 0.4rem;
  position: absolute;
  transition: 0.2s ease;
  transition-property: opacity, transform;
  width: 200px;
  z-index: 5;
}

.player .player__webradio-select .player__webradio-options:before {
  content: "";
  height: 1rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.player .player__webradio-select .player__webradio-options:after {
  background: var(--bs-primary);
  content: "";
  height: 7px;
  left: calc(50% + var(--offset-x));
  margin-left: -5px;
  position: absolute;
  width: 10px;
}

.player .player__webradio-select .player__webradio-options .menu-item a {
  color: currentColor;
  display: block;
  font-weight: 500;
}

.player .player__webradio-select .player__webradio-options .menu-item a:hover {
  background: #f8f8f8;
  color: currentColor;
}

.player .player__webradio-select .player__webradio-options .menu-item a[aria-current=page] {
  color: var(--bs-primary);
}

.player .player__webradio-select .player__webradio-options:before {
  top: calc(100% + 3px);
}

.player .player__webradio-select .player__webradio-options:after {
  border-radius: 0 0 5px 5px;
  top: 100%;
}

.player .player__pre-title {
  color: var(--bs-secondary);
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
}

.player .player__title {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: 12pt;
}

.player.player--bar {
  background: #f8f8f8;
  padding: 14px 16px;
  z-index: 180;
  transition: 0.3s ease-in-out;
}
.player.player--bar.displayed {
  transition: 0.3s ease-in-out;
  bottom: -100%;
}

#ctAudioPlayer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.player.player--bar .player-timecode,
.player.player--bar i {
  line-height: 0.9;
}

.player.player--bar .player__episode_infos {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 1.4rem;
  justify-content: center;
}

.player.player--bar .player__episode_infos .player__infos {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
}

.player.player--bar .player__timebar {
  align-items: center;
  display: flex;
  gap: 0.4rem;
}

.player.player--bar .player__timebar .control-slider {
  flex: 1;
}

.player.player--bar .player__inner {
  align-items: center;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}

.player.player--bar .player__inner .player-bar__fstart {
  align-items: center;
  display: flex;
  gap: 1.4rem;
  width: 280px;
}

.player.player--bar .player__inner .player-bar__fstart .player__infos {
  align-items: center;
  display: flex;
  font-size: 0.7em;
  gap: 0.8rem;
}

.player.player--bar .player__inner .player-bar__fstart .player__infos .player__img {
  border-radius: 7px;
  height: 36px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 36px;
}

.player.player--bar .player__inner .player-bar__main {
  align-items: center;
  display: flex;
  flex: 1;
  font-size: 0.7em;
  gap: 1rem;
}

.player.player--bar .player__inner .player-bar__main .player__timebar {
  flex: 1;
}

.player.player--popup {
  background: #fff;
  height: 100%;
  left: 0;
  overflow: hidden auto;
  position: fixed;
  text-align: center;
  top: 0;
  transition: 0.2s ease-out;
  transition-property: top;
  width: 100%;
  z-index: 190;
}

.player.player--popup .player__close {
  cursor: pointer;
  font-size: 2em;
  position: absolute;
  right: 1em;
  top: 1em;
}

.player.player--popup .player__inner {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  min-height: 100%;
  padding: 5em 3.1em 3.1em;
}

.player.player--popup .player__inner .player__img {
  border-radius: 7px;
}

.player.player--popup .player__inner .player__controls {
  gap: 1.6rem;
  justify-content: center;
}

.player.player--popup .player__inner .player__controls.player__controls--main {
  justify-content: space-between;
}

.player.player--popup .radio-list {
  text-align: left;
}

.player.player--popup .radio-list .radio__list {
  display: block;
  height: 6rem;
  overflow: auto hidden;
  padding: 0.6em 0;
  position: relative;
}

.player.player--popup .radio-list .radio__list::-webkit-scrollbar {
  height: 2px;
  width: 2px;
}

.player.player--popup .radio-list .radio__list::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}

.player.player--popup .radio-list .radio__list::-webkit-scrollbar-corner {
  background: transparent;
}

.player.player--popup .radio-list .radio__list::-webkit-scrollbar-thumb {
  background: var(--bs-secondary);
  border: 0 #fff;
  border-radius: 2px;
}

.player.player--popup .radio-list .radio__list::-webkit-scrollbar-track {
  background: #000;
  border: none;
  border-radius: 2px;
}

.player.player--popup .radio-list .radio__list .radio_tumbnail {
  height: 100%;
  margin-right: 0.4rem;
}

.player.player--popup .radio-list .radio__list .radio_tumbnail img {
  border-radius: 5px;
  height: 100%;
  width: auto;
}

.player.player--popup:not(.opened) {
  top: 100%;
}

@media (min-width: 992px) {
  .player.player--popup {
    top: 100%;
  }
}
.episode-thumbnail {
  width: 40px !important;
}

/** MODIFS **/
.player__progress-bar {
  width: 0;
  height: 5px;
  background-color: #0081A7; /* Couleur de la barre de progression */
  position: absolute;
  top: 0;
  left: 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.player--bar {
  position: relative;
}

.btnPlayPause {
  border: initial;
  background-color: initial;
  padding: initial;
  width: 36px;
  height: 36px;
}

.moins-cinqs, .plus-cinqs {
  width: 25px;
  height: 25px;
  border: initial;
  background-color: transparent;
  padding: initial;
}

/** PLAYER POPUP **/
.lock {
  overflow: hidden;
}

.popup-player {
  position: fixed;
  bottom: -100vh;
  left: 0;
  width: 100%;
  height: 100vh;
  transition: 0.3s ease-in-out;
  z-index: -1;
}
.popup-player.displayed {
  transition: 0.3s ease-in-out;
  bottom: 0;
  background-color: rgb(97, 100, 107);
  padding-top: 50px;
  overflow: scroll;
  z-index: 10000;
}
.popup-player .icons {
  padding: 24px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-player .img-podcast img {
  width: 280px;
  margin: 50px auto;
  display: block;
  border-radius: 5px;
}
.popup-player .meta-podcast {
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-player .meta-podcast h4 {
  width: 70%;
  font-family: "Space Grotesk", sans-serif;
  color: rgb(255, 255, 255);
  font-size: 16pt;
  line-height: 20pt;
}
.popup-player .progressbar {
  border-radius: 50px;
  margin: 20px 20px 0 20px;
  background-color: rgba(255, 255, 255, 0.5);
  height: 8px;
  position: relative;
}
.popup-player .progressbar .popup-progressbar {
  width: 0;
  height: 8px;
  background-color: white;
  border-radius: 50px;
}
.popup-player .progressbar .progress-circle {
  position: absolute;
  top: -3.5px; /* Pour centrer verticalement */
  left: 0;
  transform: translateX(-50%); /* Centrer le cercle horizontalement */
}
.popup-player .audio-timing {
  margin-top: 10px;
  padding: 0 16px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-player .audio-timing #elapsed-time {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  color: white;
}
.popup-player .audio-timing #remaining-time {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  color: white;
}
.popup-player .audio-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 44px;
}
.popup-player .audio-controls button {
  border: none;
  background-color: initial;
  padding: 0;
}
.popup-player .comments {
  margin: 30px 16px 16px;
  background-color: white;
  border-radius: 8px;
  padding: 13px;
}
.popup-player .comments .comment {
  display: flex;
  gap: 15px;
  border-bottom: 1px solid black;
  padding: 15px 0;
}
.popup-player .comments .comment:last-child {
  border-bottom: none;
}
.popup-player .comments .comment .img-p {
  min-width: 25px;
}
.popup-player .comments .comment .content-p .header-p h6 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin: 0;
}
.popup-player .comments .comment .content-p .header-p p {
  font-family: "Inter", sans-serif;
  font-size: 10px;
}
.popup-player .comments .comment .content-p .content {
  font-size: 12px;
  font-family: "Inter", sans-serif;
}

/* NEW PLAYER */
.player .track-name {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: normal;
}
.player .sonaar_fake_wave .sonaar_wave_base {
  background-color: #DDE9EC !important;
  border-radius: 50px;
}
.player .timing .timing_currentTime {
  font-family: "Space Grotesk", sans-serif;
}
.player .timing .timing_totalTime {
  font-family: "Space Grotesk", sans-serif;
}
.player .volume {
  display: none !important;
}

.player-row .sricon-play:before {
  background-color: #0081a7;
  padding: 11px 21px 11px 14px;
  border-radius: 60%;
  font-size: 12px;
  color: white;
  position: relative;
}
.player-row .audio-playing:before {
  padding: 11px 22px 11px 13px;
}

.srp_extendedPlayer_container .srp_ext_primary {
  min-height: calc(100vh - 90px) !important;
}
.srp_extendedPlayer_container .sricon-play:before {
  background-color: #0081a7;
  padding: 11px 21px 11px 14px;
  border-radius: 60%;
  font-size: 12px !important;
  color: white;
  position: relative;
}
.srp_extendedPlayer_container .audio-playing:before {
  padding: 11px 22px 11px 13px;
}

#sonaar-player.sr-fullwidth .sonaar_wave_base,
#sonaar-player.sr-fullwidth .sonaar_wave_cut {
  height: 5px !important;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Pages
--------------------------------------------- */
@media only screen and (max-width: 768px) {
  #pusher.menu-type-classic-menu {
    padding: 0;
  }
}

.container-section {
  padding: 0 1vh;
}
@media only screen and (min-width: 1024px) {
  .container-section {
    padding: 0 2vh;
  }
}
.container-section h1 {
  font-size: 16px;
}
.container-section h5 {
  font-size: 16px;
  color: black;
}

.mes-podcasts h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 15px 0 15px 0;
  padding: 0 16px;
}
@media only screen and (min-width: 1024px) {
  .mes-podcasts h5 {
    font-size: 32px;
  }
}
.mes-podcasts h5 a {
  color: #2E2F34;
  position: relative;
}
.mes-podcasts h5 a:after {
  display: block;
  content: url("/wp-content/themes/sonaar-child/assets/images/chevron-right-title.svg");
  position: absolute;
  top: 6px;
  right: -33px;
  transition: 0.3s ease-in-out;
}
.mes-podcasts h5:hover a:after {
  transition: ease-in-out 0.3s;
  transform: translateX(8px);
}

.derniers-ecoutes h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 15px 0 15px 0;
  padding: 0 16px;
}
@media only screen and (min-width: 1024px) {
  .derniers-ecoutes h5 {
    font-size: 32px;
  }
}
.derniers-ecoutes h5 a {
  color: #2E2F34;
  position: relative;
}
.derniers-ecoutes h5 a:after {
  display: block;
  content: url("/wp-content/themes/sonaar-child/assets/images/chevron-right-title.svg");
  position: absolute;
  top: 6px;
  right: -33px;
  transition: 0.3s ease-in-out;
}
.derniers-ecoutes h5:hover a:after {
  transition: ease-in-out 0.3s;
  transform: translateX(8px);
}

.bandeau {
  background-color: #FEAD34;
  padding: 8px 0;
  overflow: hidden;
  width: 100%;
}
.bandeau .marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 40px;
}
.bandeau .marquee .marquee-inner {
  display: flex;
  width: max-content;
  animation: scroll-left 25s linear infinite;
}
.bandeau .marquee .marquee-inner p {
  margin: 0;
  padding: 0 8px;
  white-space: nowrap;
  font-size: 24pt;
  color: rgb(255, 255, 255);
  font-family: "Space Grotesk", sans-serif;
}

@keyframes scroll-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
.most-listened h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 15px 0 6px 0;
  padding: 0 16px;
}
@media only screen and (min-width: 1024px) {
  .most-listened h5 {
    font-size: 32px;
  }
}
.most-listened h5 a {
  color: #2E2F34;
  position: relative;
}
.most-listened h5 a:after {
  display: block;
  content: url("/wp-content/themes/sonaar-child/assets/images/chevron-right-title.svg");
  position: absolute;
  top: 6px;
  right: -33px;
  transition: ease-in-out 0.3s;
  transform: translateX(0px);
}
.most-listened h5:hover a:after {
  transition: ease-in-out 0.3s;
  transform: translateX(8px);
}
.most-listened .subtitle {
  font-size: 15px;
  line-height: 20px;
  color: #5D5F68;
  font-family: "Lora", serif;
  padding: 0 16px;
}

.list-group {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  gap: 16px;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
  padding: 0 16px !important;
  margin-bottom: 40px !important;
}
.list-group::-webkit-scrollbar {
  display: none;
}
.list-group h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 15px 0 15px 0;
}
@media only screen and (min-width: 1024px) {
  .list-group h5 {
    font-size: 32px;
  }
}
.list-group .list-group-item {
  border: none;
  padding: initial;
  width: 134px;
  background: transparent;
}
@media only screen and (min-width: 1024px) {
  .list-group .list-group-item {
    width: 180px;
  }
}
.list-group .list-group-item img {
  width: 100%;
  height: 134px;
  border-radius: 10px;
  transition: ease-in-out 0.3s;
  object-fit: cover;
  object-position: center center;
}
@media only screen and (min-width: 1024px) {
  .list-group .list-group-item img {
    height: 180px;
  }
}
.list-group .list-group-item img:hover {
  transition: ease-in-out 0.3s;
  filter: brightness(0.9);
}
.list-group .list-group-item h4 {
  margin: 12px 0 0 0;
  font-size: 15px;
  line-height: 20px;
  color: #5D5F68;
  font-family: "Lora", serif;
}
.list-group .list-group-item h4 a {
  color: #5D5F68;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  display: block;
}
.list-group .list-group-item .categories {
  margin: 0;
}
.list-group .list-group-item .categories .cat {
  font-size: 12px;
  font-family: "Lora", serif;
  margin: 0;
}
.list-group .btn-seem {
  max-width: 134px;
  max-height: 134px;
  width: 1800px;
  height: 180px;
  background-color: rgb(0, 129, 167);
  border-radius: 10px;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .list-group .btn-seem {
    max-width: 180px;
    max-height: 180px;
  }
}
.list-group .btn-seem a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 10px;
}
.list-group .btn-seem a p {
  color: rgb(255, 255, 255);
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

.bandeau-pub {
  padding: 16px;
}
.bandeau-pub img {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .bandeau-pub img {
    display: block;
    width: 65%;
    margin: 0 auto;
  }
}

.recommandations h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 15px 0 15px 0;
  padding: 0 16px;
}
@media only screen and (min-width: 1024px) {
  .recommandations h5 {
    font-size: 32px;
  }
}
.recommandations h5 a {
  color: #2E2F34;
  position: relative;
}
.recommandations h5 a:after {
  display: block;
  content: url("/wp-content/themes/sonaar-child/assets/images/chevron-right-title.svg");
  position: absolute;
  top: 6px;
  right: -33px;
  transition: 0.3s ease-in-out;
}
.recommandations h5:hover a:after {
  transition: ease-in-out 0.3s;
  transform: translateX(8px);
}

.podcast-of-the-week {
  background-color: #096488;
  margin: 42px 2vh !important;
  padding: 24px 16px;
  border-radius: 16px;
}
@media only screen and (max-width: 1024px) {
  .podcast-of-the-week {
    display: block;
    width: 65%;
    margin: 30px auto 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .podcast-of-the-week {
    width: 95%;
  }
}
@media only screen and (max-width: 480px) {
  .podcast-of-the-week {
    padding: 24px 16px;
  }
}
.podcast-of-the-week h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: rgb(255, 255, 255);
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .podcast-of-the-week h5 {
    font-size: 32px;
    text-align: right;
  }
}
@media only screen and (min-width: 1024px) {
  .podcast-of-the-week .podcast1 .podcast {
    display: flex;
    gap: 24px;
  }
}
.podcast-of-the-week .podcast1 .podcast .img-podcast {
  width: 150px;
}
@media only screen and (min-width: 1024px) {
  .podcast-of-the-week .podcast1 .podcast .img-podcast {
    flex: 1;
    width: 250px;
    max-width: 250px;
    aspect-ratio: 1/1;
  }
}
@media only screen and (max-width: 768px) {
  .podcast-of-the-week .podcast1 .podcast .img-podcast {
    display: block;
    margin: 16px auto;
  }
}
.podcast-of-the-week .podcast1 .podcast .img-podcast img {
  object-fit: contain;
  border-radius: 12px;
}
@media only screen and (min-width: 1024px) {
  .podcast-of-the-week .podcast1 .podcast .content-pdls {
    flex: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent h4 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
  margin: 0;
  text-align: center;
  font-weight: 700;
  color: rgb(255, 255, 255);
}
@media only screen and (min-width: 1024px) {
  .podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent h4 {
    text-align: left;
    font-size: 24px;
    line-height: 28px;
  }
}
.podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent h4 a {
  color: rgb(255, 255, 255);
}
.podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent .author {
  font-family: "Lora", serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin: 8px 0;
  color: rgb(255, 255, 255);
}
@media only screen and (min-width: 1024px) {
  .podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent .author {
    text-align: left;
  }
}
@media only screen and (max-width: 768px) {
  .podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent .author {
    text-align: center;
  }
}
.podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent .categories {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 1024px) {
  .podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent .categories {
    justify-content: flex-start;
  }
}
.podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent .categories .cat {
  font-family: "Lora", serif;
  font-weight: 400;
  font-size: 12px;
  padding: 4px 8px;
  background-color: #FFFDFB;
  border-radius: 4px;
  margin: 0;
}
.podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent .content {
  font-family: "Lora", serif;
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (min-width: 1024px) {
  .podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent .content {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent .content {
    margin-top: 12px;
  }
}
.podcast-of-the-week .podcast1 .podcast .content-pdls .subcontent .content .show-more-btn {
  font-weight: bold;
  display: contents;
  cursor: pointer;
}
.podcast-of-the-week .podcast1 .podcast .content-item {
  margin-top: 20px;
  font-family: "Lora", serif;
}
.podcast-of-the-week .podcast1 .podcast .content-item .truncated-content {
  font-size: 14px;
  color: rgb(255, 255, 255);
  line-height: 20pt;
  font-family: "Lora", serif;
}
.podcast-of-the-week .podcast1 .podcast .content-item .truncated-content .show-more-btn {
  font-weight: 700;
  display: inline-block;
  margin: 0;
  cursor: pointer;
}
.podcast-of-the-week .podcast1 .podcast .content-item .truncated-content p {
  word-break: break-word;
}

.selection-podcastfr {
  margin: 30px 0 16px 0;
}
.selection-podcastfr h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 15px 0 15px 0;
  text-align: left;
  padding: 0 16px;
}
@media only screen and (min-width: 1024px) {
  .selection-podcastfr h5 {
    font-size: 32px;
  }
}
.selection-podcastfr h5 a {
  color: #2E2F34;
  position: relative;
}
.selection-podcastfr h5 a:after {
  display: block;
  content: url("/wp-content/themes/sonaar-child/assets/images/chevron-right-title.svg");
  position: absolute;
  top: 6px;
  right: -33px;
  transition: 0.3s ease-in-out;
}
.selection-podcastfr h5:hover a:after {
  transition: ease-in-out 0.3s;
  transform: translateX(8px);
}

.popular-episodes, .episodes-a-ecouter {
  padding: 0;
  margin: 40px 0;
}
.popular-episodes h5, .episodes-a-ecouter h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 0;
  text-align: left;
  padding: 0 0 0 2vh;
}
@media only screen and (min-width: 1024px) {
  .popular-episodes h5, .episodes-a-ecouter h5 {
    font-size: 32px;
  }
}
.popular-episodes h5 a, .episodes-a-ecouter h5 a {
  color: #2E2F34;
  position: relative;
}
.popular-episodes h5 a:after, .episodes-a-ecouter h5 a:after {
  display: block;
  content: url("/wp-content/themes/sonaar-child/assets/images/chevron-right-title.svg");
  position: absolute;
  top: 6px;
  right: -33px;
  transition: 0.3s ease-in-out;
}
.popular-episodes h5:hover a:after, .episodes-a-ecouter h5:hover a:after {
  transition: ease-in-out 0.3s;
  transform: translateX(8px);
}
.popular-episodes .splide, .episodes-a-ecouter .splide {
  margin: 16px 0 0 0;
}
.popular-episodes .splide .splide__track, .episodes-a-ecouter .splide .splide__track {
  padding: 0 0 0 2vh !important;
}
.popular-episodes .splide .splide__track .splide__list, .episodes-a-ecouter .splide .splide__track .splide__list {
  align-items: center;
}
.popular-episodes .splide .splide__track .splide__list .episode, .episodes-a-ecouter .splide .splide__track .splide__list .episode {
  border-radius: 20px;
  background-color: #2E2F34;
  padding: 24px;
  transition: 0.2s ease-in-out;
  overflow: hidden;
  width: 285px !important;
  height: 550px;
}
@media only screen and (min-width: 1024px) {
  .popular-episodes .splide .splide__track .splide__list .episode, .episodes-a-ecouter .splide .splide__track .splide__list .episode {
    width: 450px !important;
    height: 220px !important;
    display: flex;
    gap: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .popular-episodes .splide .splide__track .splide__list .episode .header, .episodes-a-ecouter .splide .splide__track .splide__list .episode .header {
    flex: 5;
  }
}
.popular-episodes .splide .splide__track .splide__list .episode .header img, .episodes-a-ecouter .splide .splide__track .splide__list .episode .header img {
  width: 100%;
  border-radius: 12px;
  margin: 0 auto;
  display: block;
  transition: 0.3s ease-in-out;
}
@media only screen and (min-width: 1024px) {
  .popular-episodes .splide .splide__track .splide__list .episode .header img, .episodes-a-ecouter .splide .splide__track .splide__list .episode .header img {
    height: 100%;
    object-fit: cover;
  }
}
.popular-episodes .splide .splide__track .splide__list .episode .content, .episodes-a-ecouter .splide .splide__track .splide__list .episode .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .popular-episodes .splide .splide__track .splide__list .episode .content, .episodes-a-ecouter .splide .splide__track .splide__list .episode .content {
    flex: 7;
    justify-content: flex-end;
    align-items: start;
  }
}
.popular-episodes .splide .splide__track .splide__list .episode .content h4, .episodes-a-ecouter .splide .splide__track .splide__list .episode .content h4 {
  color: rgb(255, 255, 255);
  font-size: 17px;
  font-family: "Space Grotesk", sans-serif;
  line-height: 20pt;
  text-align: center;
  margin: 16px auto;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  min-height: 70px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 700;
}
@media only screen and (min-width: 1024px) {
  .popular-episodes .splide .splide__track .splide__list .episode .content h4, .episodes-a-ecouter .splide .splide__track .splide__list .episode .content h4 {
    font-size: 14px;
    -webkit-line-clamp: 2;
    min-height: 40px;
    margin-top: 0;
    text-align: left;
    line-height: 20px;
  }
}
.popular-episodes .splide .splide__track .splide__list .episode .content .author, .episodes-a-ecouter .splide .splide__track .splide__list .episode .content .author {
  font-family: "Lora", serif;
  color: rgb(255, 255, 255);
  font-size: 15px;
  text-align: center;
  font-weight: 600;
}
@media only screen and (min-width: 1024px) {
  .popular-episodes .splide .splide__track .splide__list .episode .content .author, .episodes-a-ecouter .splide .splide__track .splide__list .episode .content .author {
    font-size: 12px;
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .popular-episodes .splide .splide__track .splide__list .episode .content .track-listening, .episodes-a-ecouter .splide .splide__track .splide__list .episode .content .track-listening {
    margin-left: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .popular-episodes .splide .splide__track .splide__list .episode .content .album-player, .episodes-a-ecouter .splide .splide__track .splide__list .episode .content .album-player {
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .popular-episodes .splide .splide__track .splide__list .episode .content .album-player .srp_main_control, .episodes-a-ecouter .splide .splide__track .splide__list .episode .content .album-player .srp_main_control {
    grid-template-columns: 1fr;
  }
}
.popular-episodes .splide .splide__track .splide__list .episode .sricon-back, .popular-episodes .splide .splide__track .splide__list .episode .sricon-forward, .episodes-a-ecouter .splide .splide__track .splide__list .episode .sricon-back, .episodes-a-ecouter .splide .splide__track .splide__list .episode .sricon-forward {
  display: none;
}

.new-podcasts h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 15px 0 15px 0;
  text-align: left;
  padding: 0 16px;
}
@media only screen and (min-width: 1024px) {
  .new-podcasts h5 {
    font-size: 32px;
  }
}
.new-podcasts h5 a {
  color: #2E2F34;
  position: relative;
}
.new-podcasts h5 a:after {
  display: block;
  content: url("/wp-content/themes/sonaar-child/assets/images/chevron-right-title.svg");
  position: absolute;
  top: 6px;
  right: -33px;
  transition: 0.3s ease-in-out;
}
.new-podcasts h5:hover a:after {
  transition: ease-in-out 0.3s;
  transform: translateX(8px);
}

.newsletter {
  background-color: #01759B;
  padding: 16px;
  margin: 24px 16px;
  border-radius: 16px;
}
@media only screen and (min-width: 1024px) {
  .newsletter {
    display: block;
    width: 70%;
    margin: 30px auto 30px;
  }
}
.newsletter-header h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: rgb(255, 255, 255);
  margin: 0 0 8px 0;
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .newsletter-header h5 {
    font-size: 32px;
  }
}
.newsletter-header p {
  font-family: "Lora", serif;
  font-weight: 400;
  font-size: 11pt;
  color: rgb(255, 255, 255);
  margin: 16px 0 8px 0;
}
.newsletter-content form input {
  width: 100%;
  height: 40px;
  padding: 0 0 0 16px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 12Px;
  border-radius: 8px;
}

.selected-term h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 15px 0 15px 0;
  text-align: left;
  padding: 0 16px;
}
@media only screen and (min-width: 1024px) {
  .selected-term h5 {
    font-size: 32px;
  }
}
.selected-term h5 a {
  color: #2E2F34;
  position: relative;
}
.selected-term h5 a:after {
  display: block;
  content: url("/wp-content/themes/sonaar-child/assets/images/chevron-right-title.svg");
  position: absolute;
  top: 6px;
  right: -33px;
  transition: 0.3s ease-in-out;
}
.selected-term h5:hover a:after {
  transition: ease-in-out 0.3s;
  transform: translateX(8px);
}

.categories-section {
  margin-top: 25px;
  padding: 16px 16px 32px !important;
  margin-bottom: 0;
  border-radius: 15px;
}
@media only screen and (min-width: 1024px) {
  .categories-section {
    display: block;
    margin: 0 auto;
  }
}
.categories-section h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 8px 0 12px 0;
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  .categories-section h5 {
    font-size: 32px;
  }
}
.categories-section h5 a {
  color: #2E2F34;
  position: relative;
}
.categories-section h5 a:after {
  display: block;
  content: url("/wp-content/themes/sonaar-child/assets/images/chevron-right-title.svg");
  position: absolute;
  top: 6px;
  right: -33px;
  transition: 0.3s ease-in-out;
}
.categories-section h5:hover a:after {
  transition: ease-in-out 0.3s;
  transform: translateX(8px);
}
.categories-section .cat-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 768px) {
  .categories-section .cat-list {
    width: 100%;
    margin-bottom: 20px;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
.categories-section .cat-list .ci {
  background: #EFEFF0;
  text-decoration: none;
  border-radius: 10px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  transition: 0.3s ease-in-out;
  width: 100%;
  height: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .categories-section .cat-list .ci {
    height: 80px;
  }
}
.categories-section .cat-list .ci:hover {
  transition: 0.3s ease-in-out;
  background: #92C3DF;
}
.categories-section .cat-list .ci a {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.categories-section .cat-list .ci a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
  border-radius: 10px;
  opacity: 0.6;
  position: relative;
  left: 100px;
  mask-image: linear-gradient(to left, black 0%, transparent 100%);
  -webkit-mask-image: linear-gradient(to left, black 0%, transparent 100%);
}
@media only screen and (max-width: 1024px) {
  .categories-section .cat-list .ci a img {
    left: 50px;
  }
}
.categories-section .cat-list .ci a p {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(255, 255, 255);
  gap: 4px;
  text-decoration: none !important;
  font-size: 24px;
  max-width: 160px;
  top: 12px;
  left: 12px;
  font-weight: 600;
  line-height: 28px;
}
@media only screen and (max-width: 768px) {
  .categories-section .cat-list .ci a p {
    font-size: 16px;
    line-height: 18px;
  }
}

.fade-out {
  opacity: 0;
  transition: opacity 0.5s;
}

.fade-in {
  opacity: 1;
  transition: opacity 0.5s;
}

.ct-btn {
  flex-direction: column;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px auto;
  background: rgba(253, 110, 100, 0.2);
  padding: 35px;
  border-radius: 15px;
  gap: 0;
  max-width: 578px;
  background-color: #FD6E64;
  color: rgb(255, 255, 255);
}
@media only screen and (min-width: 1024px) {
  .ct-btn {
    width: 50%;
  }
}
.ct-btn h2 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 34px;
}
@media only screen and (min-width: 1024px) {
  .ct-btn h2 {
    font-size: 38px;
  }
}
.ct-btn p {
  font-family: "Lora", serif;
  font-size: 16px;
  margin-bottom: 24px;
}
.ct-btn .btn-blue {
  background-color: #FD6E64;
  color: rgb(255, 255, 255);
  padding: 9px 24px;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  position: relative;
  z-index: 1000;
  text-align: center;
  border: 2px solid;
  font-weight: bold;
  width: auto;
  font-size: 16px;
  transition: 0.3s ease-in-out;
}
.ct-btn .btn-blue:hover {
  transition: 0.3s ease-in-out;
  background-color: rgb(255, 255, 255);
  color: #2E2F34;
  border: 2px solid rgb(255, 255, 255);
}

.episode-description {
  font-size: 14px !important;
  font-family: "Lora", serif;
  line-height: 20px;
  color: #5D5F68;
}

.widecolumn h2 {
  margin: 0 auto;
  padding: 32px 0 16px;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
}
.widecolumn .lead-in {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 20px;
  padding: 16px;
  border-radius: 12px;
  color: #2E2F34;
}
@media only screen and (min-width: 1024px) {
  .widecolumn .lead-in {
    width: 50%;
  }
}
.widecolumn .lead-in a {
  color: #2E2F34;
  text-decoration: underline !important;
  font-weight: bold;
}

.no-results {
  padding: 0 16px;
  font-family: "Lora", serif;
  color: #5D5F68;
  font-size: 16px;
  font-weight: 400 !important;
}

.search-no-results {
  height: 25px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin: 24px 0;
}

/* sliders de la home (sauf episodes populaires) */
.list-container {
  position: relative;
}
.list-container .prev-btn {
  position: absolute;
  left: 32px;
  bottom: 50%;
  z-index: 1000;
  cursor: pointer;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .list-container .prev-btn {
    display: initial;
  }
}
.list-container .next-btn {
  position: absolute;
  right: 32px;
  bottom: 50%;
  z-index: 1000;
  cursor: pointer;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .list-container .next-btn {
    display: initial;
  }
}

.container-dp {
  padding: 0 16px !important;
}

.search-keywords {
  margin-top: 18px;
}
.search-keywords .b-search {
  display: initial;
}
@media only screen and (min-width: 1024px) {
  .search-keywords .b-search {
    display: none;
  }
}
.search-keywords h4 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
  color: #2E2F34;
}
.search-keywords .search-container {
  position: relative;
  width: 100%;
}
.search-keywords .search-container svg {
  position: absolute;
  top: 8px;
  left: 8px;
}
.search-keywords .search-container input {
  height: 40px;
  border-radius: 8px;
  width: 100%;
  padding-left: 38px;
  font-size: 16px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 400;
}
.search-keywords .search-container #search-results {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: white;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  display: none;
}
.search-keywords .search-container #search-results li {
  padding: 10px;
  cursor: pointer;
}
.search-keywords .search-container #search-results li:hover {
  background-color: #f0f0f0;
}
.search-keywords .title-cat {
  margin-top: 32px;
}
.search-keywords .cat-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 768px) {
  .search-keywords .cat-list {
    width: 100%;
    margin-bottom: 100px;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
.search-keywords .cat-list .ci {
  background: #EFEFF0;
  text-decoration: none;
  border-radius: 10px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  transition: 0.3s ease-in-out;
  width: 100%;
  height: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .search-keywords .cat-list .ci {
    height: 80px;
  }
}
.search-keywords .cat-list .ci:hover {
  transition: 0.3s ease-in-out;
  background: #92C3DF;
}
.search-keywords .cat-list .ci a {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.search-keywords .cat-list .ci a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
  border-radius: 10px;
  opacity: 0.6;
  position: relative;
  left: 100px;
  mask-image: linear-gradient(to left, black 0%, transparent 100%);
  -webkit-mask-image: linear-gradient(to left, black 0%, transparent 100%);
}
@media only screen and (max-width: 1024px) {
  .search-keywords .cat-list .ci a img {
    left: 50px;
  }
}
.search-keywords .cat-list .ci a p {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(255, 255, 255);
  gap: 4px;
  text-decoration: none !important;
  font-size: 24px;
  max-width: 160px;
  top: 12px;
  left: 12px;
  font-weight: 600;
  line-height: 28px;
}
@media only screen and (max-width: 768px) {
  .search-keywords .cat-list .ci a p {
    font-size: 16px;
    line-height: 18px;
  }
}

.interactive-map {
  max-width: 600px;
  margin: auto;
}
.interactive-map h1 {
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .interactive-map h1 {
    text-align: left;
    font-size: 32px;
    line-height: 38px;
  }
}
.interactive-map .map {
  position: relative;
}
.interactive-map .map .region {
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: fill 0.5s ease;
  fill: #EAEFF8;
  stroke: #A3A4A4;
}
.interactive-map .map .region:hover {
  fill: #FD887F;
  stroke: #FD887F;
  transition: fill 0.5s ease;
}
.interactive-map .map .region[data-opened=opened] {
  fill: orange;
  stroke: orange;
}
.interactive-map .map .region-detail {
  top: -20rem;
  background: #FFF;
  border: 0.2rem solid orange;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);
  padding: 1.9rem 4.6rem;
  position: absolute;
  z-index: 10;
  display: none;
  pointer-events: none;
  width: 100%;
  transition: all 0.5s ease;
}
.interactive-map .map .region-detail.visible {
  display: block;
}
.interactive-map .map .region-detail.no-transition {
  transition: none;
}
.interactive-map .map .region-detail.opened {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  padding: 6rem 2rem 5rem 3rem;
  max-height: 80vh;
  overflow: hidden;
}
.interactive-map .map .region-detail.opened .scrolling-menu {
  display: block;
  overflow: auto;
  max-height: 40vh;
}
.interactive-map .map .region-detail.opened .menu {
  display: block;
  overflow: hidden;
}
.interactive-map .map .region-detail.opened .region-link {
  display: block;
}
.interactive-map .map .region-detail.opened .title {
  text-align: left;
  margin-bottom: 1.5rem;
}
.interactive-map .map .region-detail.opened .close {
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.interactive-map .map .region-detail.opened .close:hover path {
  stroke: orange;
}
.interactive-map .map .region-detail .close {
  position: absolute;
  right: 1.5rem;
  top: 0.5rem;
  display: none;
  font-size: 0;
  width: 5rem;
  height: 5rem;
}
.interactive-map .map .region-detail .title {
  font-family: "Montserrat";
  font-size: 2.5rem;
  line-height: 1;
  color: black;
  text-decoration: none;
  text-align: center;
  display: block;
}
.interactive-map .map .region-detail .menu {
  list-style: none;
  display: none;
  padding: 1.5rem 0 0 0;
}
.interactive-map .map .region-detail .menu a {
  display: block;
  color: black;
  text-decoration: none;
  padding-bottom: 1.5rem;
}
.interactive-map .map .region-detail .menu a:hover {
  color: orange;
}
.interactive-map .map .region-detail .menu a:hover span {
  text-decoration: underline;
}
.interactive-map .map .region-detail .menu li:last-child a {
  padding-bottom: 0;
}
.interactive-map .map .region-detail .region-link {
  display: none;
  margin-top: 2rem;
  font-size: 1.6rem;
  color: orange;
}
.interactive-map .map .region-detail .region-link:hover {
  text-decoration: underline;
}

.search-region .map {
  width: 95%;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .search-region .map {
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .episodes-fav h1 {
    text-align: left;
    margin-bottom: 32px;
  }
}
.episodes-fav .episodes-list .list-group-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 24px;
  padding: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #000;
  border-radius: initial;
}
.episodes-fav .episodes-list .list-group-item .episode-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.episodes-fav .episodes-list .list-group-item .episode-header .episode-thumbnail {
  width: 60px !important;
  aspect-ratio: 1/1;
}
.episodes-fav .episodes-list .list-group-item .episode-header .episode-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.episodes-fav .episodes-list .list-group-item .content-episode .show-more-btn {
  font-weight: bold;
  display: contents;
  cursor: pointer;
}
.episodes-fav .episodes-list .list-group-item .content-episode .show-more-btn.displayed {
  display: block;
}
.episodes-fav .episodes-list .list-group-item .meta-episode {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 12px;
}
.episodes-fav .episodes-list .list-group-item .meta-episode .l-icons p {
  margin: 0;
}
.episodes-fav .episodes-list .list-group-item .meta-episode .r-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
.episodes-fav .episodes-list .list-group-item .meta-episode .add-to-playlist, .episodes-fav .episodes-list .list-group-item .meta-episode .added-to-playlist {
  cursor: pointer;
}

.podcasteur-podcasts .nav-tabs {
  border-bottom: none;
  margin: 0;
}
.podcasteur-podcasts .nav-tabs li {
  width: 50%;
}
.podcasteur-podcasts .nav-tabs li.active a {
  color: #01759B !important;
  border-bottom: 2px solid #01759B !important;
  border: none;
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  transition: 0.3s ease-in-out;
  font-weight: 700;
  font-size: 16px;
}
.podcasteur-podcasts .nav-tabs li.active a:focus {
  border: none;
}
.podcasteur-podcasts .nav-tabs li.active a:hover {
  border: none;
}
.podcasteur-podcasts .nav-tabs li a {
  transition: 0.3s ease-in-out;
  font-family: "Space Grotesk", sans-serif;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #2E2F34;
}
.podcasteur-podcasts #stats .ecoutes-chart {
  width: 100% !important;
  height: auto !important;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  .podcasteur-podcasts #stats .ecoutes-chart {
    width: 790px !important;
    height: auto !important;
    margin: 0 auto;
  }
}
.podcasteur-podcasts #stats .nb-ecoutes {
  font-family: "Space Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 90px;
  border: 1px solid #5D5F68;
  border-radius: 8px;
  margin-top: 10px;
  color: #2E2F34;
}
.podcasteur-podcasts #stats .nb-ecoutes span {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}
.podcasteur-podcasts #stats .ecoutes {
  display: flex;
  gap: 16px;
}
.podcasteur-podcasts #stats .ecoutes .total-ecoutes, .podcasteur-podcasts #stats .ecoutes .total-ecoutes-1mois {
  font-family: "Space Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 90px;
  border: 1px solid #5D5F68;
  border-radius: 8px;
  margin-top: 16px;
  color: #2E2F34;
  flex: 1;
}
.podcasteur-podcasts #stats .ecoutes .total-ecoutes span, .podcasteur-podcasts #stats .ecoutes .total-ecoutes-1mois span {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}
.podcasteur-podcasts #collection .list-group {
  grid-template-columns: repeat(2, 1fr);
  margin: 20px 0;
  padding: 0 !important;
}
@media only screen and (min-width: 1024px) {
  .podcasteur-podcasts #collection .list-group {
    grid-template-columns: repeat(5, 1fr);
  }
}
.podcasteur-podcasts #collection .list-group .list-item-group {
  position: relative;
}
.podcasteur-podcasts #collection .list-group .list-item-group .picto-modify {
  position: absolute;
}
.podcasteur-podcasts #collection .list-group .list-item-group img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.podcasteur-podcasts #collection .list-group .list-item-group .img-cross {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 100;
}
.podcasteur-podcasts #collection .list-group .btn-add-podcast {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  background-color: #01759B;
  width: 100%;
  height: 100%;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  color: rgb(255, 255, 255);
  border: none;
  border-radius: 12px;
  text-align: center;
}

.header-podcast {
  position: relative;
  display: flex;
  flex-direction: column;
}
.header-podcast .buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  margin: 12px auto 8px;
}
@media only screen and (min-width: 1024px) {
  .header-podcast .buttons {
    margin: 12px 16px 8px;
    position: initial;
    width: auto;
  }
}
.header-podcast .buttons .arrow-return, .header-podcast .buttons .share-options {
  position: initial;
}
.header-podcast .buttons .arrow-return {
  cursor: pointer;
}
.header-podcast .buttons .share-options {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-podcast .buttons .share-options .share, .header-podcast .buttons .share-options .options {
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .header-podcast .header-content {
    display: flex;
    align-items: end;
    margin: 0 16px;
    padding: 32px !important;
    border-radius: 16px;
    gap: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .header-podcast .img-title .img-podcast {
    display: block;
    width: 250px;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .header-podcast .img-title .img-podcast {
    width: 240px;
    margin: 80px auto 0;
  }
}
.header-podcast .img-title .img-podcast img {
  border-radius: 10px;
}

.content-podcast {
  padding: 16px 16px 0 16px;
}
@media only screen and (min-width: 1024px) {
  .content-podcast {
    padding: 0;
  }
}
.content-podcast .type {
  font-family: "Space Grotesk", sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px !important;
  color: rgb(255, 255, 255);
}
.content-podcast .content-txt {
  display: flex;
  flex-direction: column;
}
.content-podcast .content-txt h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24pt;
  font-weight: 700;
  line-height: 28pt;
  margin: 0 0 12px 0;
  color: rgb(255, 255, 255);
  order: 1;
}
@media only screen and (min-width: 1024px) {
  .content-podcast .content-txt h1 {
    font-family: "Space Grotesk", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 16px !important;
  }
}
.content-podcast .content-txt .author {
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: white;
  order: 2;
}
@media only screen and (min-width: 1024px) {
  .content-podcast .content-txt .author {
    margin-bottom: 16px !important;
    font-size: 18px !important;
  }
}
.content-podcast .content-txt .cat {
  font-size: 14px;
  color: white;
  font-family: "Lora", serif;
  margin-bottom: 12px;
  order: 3;
}
@media only screen and (min-width: 1024px) {
  .content-podcast .content-txt .cat {
    margin-bottom: 8px !important;
  }
}
.content-podcast .content-txt .desc-mobile {
  display: initial;
  font-size: 12px;
  font-family: "Lora", serif;
  line-height: 20px;
  color: rgb(255, 255, 255);
  order: 5;
}
@media only screen and (min-width: 1024px) {
  .content-podcast .content-txt .desc-mobile {
    display: none !important;
    order: 4;
  }
}
.content-podcast .content-txt .desc-mobile .show-more-btn {
  font-weight: bold;
  display: inline-block;
  margin-left: 4px;
  text-decoration: underline;
  cursor: pointer;
}
.content-podcast .content-txt .desc-mobile .show-more-btn.displayed {
  display: block;
}
.content-podcast .content-txt .desc-mobile p {
  word-break: break-word;
}
.content-podcast .content-txt .desc-podcast {
  font-size: 12px;
  font-family: "Lora", serif;
  line-height: 20px;
  color: rgb(255, 255, 255);
}
.content-podcast .content-txt .desc-podcast .show-more-btn {
  font-weight: bold;
  display: inline-block;
  margin-left: 4px;
  text-decoration: underline;
  cursor: pointer;
}
.content-podcast .content-txt .desc-podcast .show-more-btn.displayed {
  display: block;
}
.content-podcast .content-txt .fav-button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0 0 12px 0;
  order: 4;
}
@media only screen and (min-width: 1024px) {
  .content-podcast .content-txt .fav-button {
    order: 5;
    margin: 8px 0 0 0;
  }
}
.content-podcast .content-txt .fav-button .simplefavorite-button {
  font-size: 12px;
  color: rgb(255, 255, 255);
  background: #01759B;
  border-radius: 50px;
  padding: 8px 24px;
  border: none;
  opacity: 1;
  font-family: "Space Grotesk", sans-serif;
  line-height: 16px;
}
.content-podcast .meta-podcast {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.content-podcast .meta-podcast .l-icons {
  display: flex;
  align-items: center;
  gap: 6px;
}
.content-podcast .meta-podcast .l-icons .share-button svg {
  position: relative;
  top: 2px;
}
.content-podcast .meta-podcast .r-icons .dots svg {
  position: relative;
  top: 4px;
}

.episodes-listing h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #2E2F34;
  border-bottom: 1px solid rgb(175, 177, 182);
  padding: 0 0 6px 0;
  font-family: "Space Grotesk", sans-serif;
  margin-bottom: 0;
  margin-top: 32px;
}
.episodes-listing .container-content {
  display: flex;
  gap: 44px;
}
.episodes-listing .container-content .ct-episodes {
  width: 100%;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode {
  display: flex;
  flex-direction: column;
  border: none;
  border-bottom: 1px solid rgb(175, 177, 182) !important;
  margin: 0;
  padding: 12px 8px 0 8px;
  border-radius: 0;
  transition: 0.2s ease-in-out;
  background-color: rgb(255, 255, 255);
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode:hover {
  transition: 0.2s ease-in-out;
  background-color: #F4F0F7;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .episode-thumbnail {
  width: 46px !important;
  height: 46px;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .episode-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .header-episode {
  display: flex;
  gap: 12px;
  align-items: center;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .header-episode h4 {
  font-size: 16px;
  font-family: "Space Grotesk", sans-serif;
  line-height: 20px;
  font-weight: 700;
  color: #2E2F34;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .episode-description .truncated-content {
  font-size: 14px;
  font-family: "Lora", serif;
  line-height: 20px;
  color: #5D5F68;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .episode-description .truncated-content .show-more-btn {
  display: inline-block;
  margin-left: 4px;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .episode-description .truncated-content .show-more-btn.displayed {
  display: block;
  margin-left: 0;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .episode-description .truncated-content p {
  word-break: break-word;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode {
    display: initial;
    margin-bottom: 12px;
  }
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode p {
  font-family: "Lora", serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  color: #5D5F68;
  width: 100%;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .content-options {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .content-options .options {
  display: flex;
  gap: 20px;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .content-options .options .add-to-playlist, .episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .content-options .options .added-to-playlist {
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .play .srp_main_control {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .play .srp_main_control .play {
    width: 25px !important;
    height: 25px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .play .srp_main_control .play i:before {
    font-size: 9px !important;
    top: -3px;
    position: relative;
  }
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .sricon-back, .episodes-listing .container-content .ct-episodes .episodes-list .episode .sricon-forward {
  display: none;
}
.episodes-listing .container-content .ct-desc {
  display: none !important;
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-desc {
    width: 25%;
    display: initial !important;
  }
}
.episodes-listing .container-content .ct-desc .desc-podcast {
  font-size: 14px;
  font-family: "Lora", serif;
  line-height: 20px;
  color: #5D5F68;
  word-break: break-word;
}

#popup-options-g, #popup-signaler, #popup-revendiquer {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 200;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#popup-options-g.show, #popup-signaler.show, #popup-revendiquer.show {
  opacity: 1;
}
#popup-options-g.show .popup, #popup-signaler.show .popup, #popup-revendiquer.show .popup {
  transform: translateY(0);
}
#popup-options-g .popup, #popup-signaler .popup, #popup-revendiquer .popup {
  position: absolute;
  bottom: 60px;
  background-color: rgb(255, 255, 255);
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 16px 16px 0 16px;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (min-width: 1024px) {
  #popup-options-g .popup, #popup-signaler .popup, #popup-revendiquer .popup {
    top: 15%;
    height: fit-content;
    width: 350px;
    left: 50%;
    transform: translateX(-50%) !important;
    border-radius: 8px;
    padding: 0 10px;
  }
}
#popup-options-g .popup-header, #popup-signaler .popup-header, #popup-revendiquer .popup-header {
  border-bottom: 1px solid #5D5F68;
  display: flex;
  gap: 12px;
  align-items: center;
  padding-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  #popup-options-g .popup-header, #popup-signaler .popup-header, #popup-revendiquer .popup-header {
    display: none;
  }
}
#popup-options-g .popup-header .img, #popup-signaler .popup-header .img, #popup-revendiquer .popup-header .img {
  width: 46px;
  height: 46px;
}
#popup-options-g .popup-header .img img, #popup-signaler .popup-header .img img, #popup-revendiquer .popup-header .img img {
  border-radius: 4px;
}
#popup-options-g .popup-header .content h6, #popup-signaler .popup-header .content h6, #popup-revendiquer .popup-header .content h6 {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
}
#popup-options-g .popup-header .content .author, #popup-signaler .popup-header .content .author, #popup-revendiquer .popup-header .content .author {
  font-family: "Lora", serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
#popup-options-g .popup-options, #popup-signaler .popup-options, #popup-revendiquer .popup-options {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 28px auto;
  padding: 0 20px;
}
@media only screen and (min-width: 1024px) {
  #popup-options-g .popup-options, #popup-signaler .popup-options, #popup-revendiquer .popup-options {
    margin: 14px auto;
  }
}
#popup-options-g .popup-options h4, #popup-signaler .popup-options h4, #popup-revendiquer .popup-options h4 {
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
}
#popup-options-g .popup-options .input-radio label, #popup-signaler .popup-options .input-radio label, #popup-revendiquer .popup-options .input-radio label {
  font-size: 16px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 16px;
}
#popup-options-g .popup-options a, #popup-signaler .popup-options a, #popup-revendiquer .popup-options a {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #5D5F68;
}
#popup-options-g .popup-options a svg, #popup-signaler .popup-options a svg, #popup-revendiquer .popup-options a svg {
  position: relative;
  top: 4px;
  margin-right: 8px;
}
#popup-options-g .popup-options .popup-params, #popup-signaler .popup-options .popup-params, #popup-revendiquer .popup-options .popup-params {
  display: flex;
  justify-content: flex-end;
  gap: 32px;
}
#popup-options-g .popup-options .popup-params button, #popup-signaler .popup-options .popup-params button, #popup-revendiquer .popup-options .popup-params button {
  background: transparent;
  border: none;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #5D5F68;
  padding: 0;
}
#popup-options-g .popup-options .popup-params button#annuler-signaler, #popup-signaler .popup-options .popup-params button#annuler-signaler, #popup-revendiquer .popup-options .popup-params button#annuler-signaler {
  color: #5D5F68 !important;
}
#popup-options-g .popup-options .popup-params button.btn-signal, #popup-signaler .popup-options .popup-params button.btn-signal, #popup-revendiquer .popup-options .popup-params button.btn-signal {
  color: #096488;
}

#popup-revendiquer .popup-options {
  align-items: center;
}
#popup-revendiquer .popup-options p {
  font-family: "Lora", serif;
  text-align: center;
  font-size: 16px;
}

#popup-options-g .popup {
  bottom: 9%;
  top: initial;
  padding-bottom: 100px;
}
@media only screen and (min-width: 1024px) {
  #popup-options-g .popup {
    top: 35%;
    position: fixed;
    bottom: 0;
    padding-bottom: 0;
  }
}

#popup-signaler {
  bottom: 20%;
}
@media only screen and (min-width: 1024px) {
  #popup-signaler {
    bottom: 0 !important;
  }
}
#popup-signaler .popup {
  bottom: 9%;
  top: initial;
  padding-bottom: 100px;
}
@media only screen and (min-width: 1024px) {
  #popup-signaler .popup {
    top: 80px !important;
    width: 500px !important;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 1024px) {
  #popup-signaler .popup h4 {
    text-align: left;
    padding: 16px 0 0 0;
  }
}

.list-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
}
.list-buttons .btn-confirm {
  padding: 12px 0;
  width: 100%;
  border-radius: 50px;
  border: none;
  color: rgb(255, 255, 255);
  background-color: #01759B;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  line-height: 20pt;
  font-weight: 500;
  text-align: center;
}
.list-buttons .btn-cancel {
  padding: 12px 0;
  width: 100%;
  border-radius: 50px;
  border: 1px solid #FF5835;
  color: #FF5835;
  background-color: transparent;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  line-height: 20pt;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}
.list-buttons #annuler-revendiquer {
  background: transparent;
  border: none;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #5D5F68;
  padding: 0;
  cursor: pointer;
}

.glsr-login-register p {
  font-family: "Lora", serif;
  color: #5D5F68;
}

#signalement-form .input-radio {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
@media only screen and (min-width: 1024px) {
  #signalement-form .input-radio label {
    margin-bottom: 20px !important;
  }
}

/* COMPLIANZ */
input[type=checkbox].cmplz-category {
  width: initial;
  -webkit-appearance: checkbox;
}

input[type=checkbox].cmplz-category:checked::before {
  content: "";
}

.cmplz-cookiebanner {
  box-sizing: border-box;
}

:root {
  --cmplz_banner_width: 526px;
  --cmplz_banner_background_color: #ffffff;
  --cmplz_banner_border_color: #f2f2f2;
  --cmplz_banner_border_width: 0px 0px 0px 0px ;
  --cmplz_banner_border_radius: 12px 12px 12px 12px;
  --cmplz_banner_margin: 10px;
  --cmplz_categories-height: 163px;
  --cmplz_title_font_size: 15px;
  --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5);
  --cmplz_text_color: #222222;
  --cmplz_hyperlink_color: #096488;
  --cmplz_text_font_size: 12px;
  --cmplz_link_font_size: 12px;
  --cmplz_category_body_font_size: 12px;
  --cmplz_button_accept_background_color: #fd6e64;
  --cmplz_button_accept_border_color: #fd6e64;
  --cmplz_button_accept_text_color: #ffffff;
  --cmplz_button_deny_background_color: #f9f9f9;
  --cmplz_button_deny_border_color: #f2f2f2;
  --cmplz_button_deny_text_color: #222222;
  --cmplz_button_settings_background_color: #f9f9f9;
  --cmplz_button_settings_border_color: #f2f2f2;
  --cmplz_button_settings_text_color: #333333;
  --cmplz_button_border_radius: 6px 6px 6px 6px;
  --cmplz_button_font_size: 15px;
  --cmplz_category_header_always_active_color: green;
  --cmplz_category_header_title_font_size: 14px;
  --cmplz_category_header_active_font_size: 12px;
  --cmplz-manage-consent-height: 50px;
  --cmplz-manage-consent-offset: -35px;
  --cmplz_slider_active_color: #1e73be;
  --cmplz_slider_inactive_color: #F56E28;
  --cmplz_slider_bullet_color: #ffffff;
}

#cmplz-manage-consent .cmplz-manage-consent {
  margin: unset;
  z-index: 9998;
  color: var(--cmplz_text_color);
  background-color: var(--cmplz_banner_background_color);
  border-style: solid;
  border-color: var(--cmplz_banner_border_color);
  border-width: var(--cmplz_banner_border_width);
  border-radius: var(--cmplz_banner_border_radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  line-height: initial;
  position: fixed;
  bottom: var(--cmplz-manage-consent-offset);
  min-width: 100px;
  height: var(--cmplz-manage-consent-height);
  right: 40px;
  padding: 15px;
  cursor: pointer;
  animation: mc_slideOut 0.5s forwards;
}

#cmplz-manage-consent .cmplz-manage-consent:active {
  outline: none;
  border: none;
}

#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed {
  display: none;
}

#cmplz-manage-consent .cmplz-manage-consent:hover {
  animation: mc_slideIn 0.5s forwards;
  animation-delay: 0;
}

@-webkit-keyframes mc_slideIn {
  100% {
    bottom: 0;
  }
}
@keyframes mc_slideIn {
  100% {
    bottom: 0;
  }
}
@-webkit-keyframes mc_slideOut {
  100% {
    bottom: var(--cmplz-manage-consent-offset);
  }
}
@keyframes mc_slideOut {
  100% {
    bottom: var(--cmplz-manage-consent-offset);
  }
}
@media (max-width: 425px) {
  .cmplz-cookiebanner .cmplz-header .cmplz-title {
    display: none;
  }
}
.cmplz-cookiebanner {
  max-height: calc(100vh - 20px);
  position: fixed;
  height: auto;
  left: 50%;
  top: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  grid-template-rows: minmax(0, 1fr);
  z-index: 99999;
  background: var(--cmplz_banner_background_color);
  border-style: solid;
  border-color: var(--cmplz_banner_border_color);
  border-width: var(--cmplz_banner_border_width);
  border-radius: var(--cmplz_banner_border_radius);
  padding: 15px 20px;
  display: grid;
  grid-gap: 10px;
}

.cmplz-cookiebanner a {
  transition: initial;
}

.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf {
  display: none;
}

.cmplz-cookiebanner.cmplz-dismissed {
  display: none;
}

.cmplz-cookiebanner .cmplz-body {
  width: 100%;
  grid-column: span 3;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 55vh;
}

.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
  background-color: transparent;
}

.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
}

.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb {
  background-color: var(--cmplz_button_accept_background_color);
  border-radius: 10px;
}

@media (min-width: 350px) {
  .cmplz-cookiebanner .cmplz-body {
    min-width: 300px;
  }
}
.cmplz-cookiebanner .cmplz-divider {
  margin-left: -20px;
  margin-right: -20px;
}

.cmplz-cookiebanner .cmplz-header {
  grid-template-columns: 100px 1fr 100px;
  align-items: center;
  display: grid;
  grid-column: span 3;
}

.cmplz-cookiebanner .cmplz-logo svg {
  max-height: 35px;
  width: inherit;
}

.cmplz-cookiebanner .cmplz-logo img {
  max-height: 40px;
  width: inherit;
}

.cmplz-cookiebanner .cmplz-title {
  justify-self: center;
  grid-column-start: 2;
  font-size: var(--cmplz_title_font_size);
  color: var(--cmplz_text_color);
  font-weight: 500;
}

.cmplz-cookiebanner .cmplz-close {
  line-height: 20px;
  justify-self: end;
  grid-column-start: 3;
  font-size: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  color: var(--cmplz_text_color);
}

.cmplz-cookiebanner .cmplz-close svg {
  width: 20px;
  height: 20px;
}

.cmplz-cookiebanner .cmplz-close:hover {
  text-decoration: none;
  line-height: initial;
  font-size: 18px;
}

.cmplz-cookiebanner .cmplz-message {
  word-wrap: break-word;
  font-size: var(--cmplz_text_font_size);
  line-height: var(--cmplz_text_line_height);
  color: var(--cmplz_text_color);
  margin-bottom: 5px;
}

.cmplz-cookiebanner .cmplz-message a {
  color: var(--cmplz_hyperlink_color);
}

.cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-categories, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-divider {
  grid-column: span 3;
}

.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header {
  grid-template-columns: 1fr auto;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category {
  background-color: rgba(239, 239, 239, 0.5);
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) {
  margin-bottom: 10px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header {
  display: grid;
  grid-template-columns: 1fr auto 15px;
  grid-template-rows: minmax(0, 1fr);
  align-items: center;
  grid-gap: 10px;
  padding: 10px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
  font-weight: 500;
  grid-column-start: 1;
  justify-self: start;
  font-size: var(--cmplz_category_header_title_font_size);
  color: var(--cmplz_text_color);
  margin: 0;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
  font-size: var(--cmplz_category_header_active_font_size);
  font-weight: 500;
  color: var(--cmplz_category_header_always_active_color);
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label {
  display: none;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox {
  display: flex;
  align-items: center;
  margin: 0;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox label > span {
  display: none;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] {
  display: none;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
  grid-column-start: 3;
  cursor: pointer;
  content: "";
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-size: cover;
  height: 18px;
  width: 18px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category[open] .cmplz-icon.cmplz-open {
  transform: rotate(180deg);
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category summary {
  display: block;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category summary::marker {
  display: none;
  content: "";
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category summary::-webkit-details-marker {
  display: none;
  content: "";
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
  font-size: var(--cmplz_category_body_font_size);
  color: var(--cmplz_text_color);
  margin: 0;
  max-width: 100%;
  padding: 10px;
}

@media (max-width: 425px) {
  .cmplz-cookiebanner .cmplz-category .cmplz-category-header {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 425px) {
  .cmplz-cookiebanner .cmplz-message {
    margin-right: 5px;
  }
}
.cmplz-cookiebanner .cmplz-buttons {
  display: flex;
  gap: var(--cmplz_banner_margin);
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  height: 45px;
  padding: 10px;
  margin: initial;
  width: 100%;
  white-space: nowrap;
  border-radius: var(--cmplz_button_border_radius);
  cursor: pointer;
  font-size: var(--cmplz_button_font_size);
  font-weight: 500;
  text-decoration: none;
  line-height: 20px;
  text-align: center;
  flex: initial;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
  text-decoration: none;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
  background-color: var(--cmplz_button_accept_background_color);
  border: 1px solid var(--cmplz_button_accept_border_color);
  color: var(--cmplz_button_accept_text_color);
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
  background-color: var(--cmplz_button_deny_background_color);
  border: 1px solid var(--cmplz_button_deny_border_color);
  color: var(--cmplz_button_deny_text_color);
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
  background-color: var(--cmplz_button_settings_background_color);
  border: 1px solid var(--cmplz_button_settings_border_color);
  color: var(--cmplz_button_settings_text_color);
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
  background-color: var(--cmplz_button_settings_background_color);
  border: 1px solid var(--cmplz_button_settings_border_color);
  color: var(--cmplz_button_settings_text_color);
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options {
  background-color: var(--cmplz_button_settings_background_color);
  border: 1px solid var(--cmplz_button_settings_border_color);
  color: var(--cmplz_button_settings_text_color);
}

.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: initial;
}

@media (max-width: 425px) {
  .cmplz-cookiebanner .cmplz-links.cmplz-information {
    display: initial;
    text-align: center;
  }
}
.cmplz-cookiebanner .cmplz-links {
  display: flex;
  gap: var(--cmplz_banner_margin);
}

.cmplz-cookiebanner .cmplz-links.cmplz-information {
  justify-content: space-between;
}

.cmplz-cookiebanner .cmplz-links.cmplz-documents {
  justify-content: center;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link {
  color: var(--cmplz_hyperlink_color);
  font-size: var(--cmplz_link_font_size);
  text-decoration: underline;
  margin: 0;
}

.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes {
  display: none;
}

.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous {
  display: none;
}

.cmplz-categories .cmplz-category .cmplz-description-statistics {
  display: block;
}

.cmplz-cookiebanner {
  top: initial;
  left: initial;
  right: 10px;
  bottom: 10px;
  transform: initial;
}

@media (min-width: 768px) {
  .cmplz-cookiebanner {
    min-width: var(--cmplz_banner_width);
    max-width: 100%;
    display: grid;
    grid-row-gap: 10px;
  }
}
@media (max-width: 768px) {
  .cmplz-cookiebanner {
    left: initial;
    right: initial;
    bottom: 0;
    width: 100%;
  }
  .cmplz-cookiebanner .cmplz-buttons {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .cmplz-message, .cmplz-categories {
    width: calc(var(--cmplz_banner_width) - 42px);
  }
}
.cmplz-cookiebanner .cmplz-categories, .cmplz-cookiebanner .cmplz-save-preferences, .cmplz-cookiebanner .cmplz-link.cmplz-manage-options, .cmplz-cookiebanner .cmplz-manage-vendors, .cmplz-cookiebanner .cmplz-read-more, .cmplz-cookiebanner .cmplz-btn.cmplz-manage-options {
  display: none;
}

.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in {
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
  display: block;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cmplz-cookiebanner .cmplz-links.cmplz-information {
  display: none;
}

.cmplz-cookiebanner .cmplz-preferences, .cmplz-manage-consent-container .cmplz-preferences {
  display: none;
}

@media (max-width: 768px) {
  #cmplz-manage-consent .cmplz-manage-consent {
    display: none;
  }
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox {
  position: relative;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox {
  opacity: 0;
  margin: 0;
  margin-top: -10px;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 20px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before {
  box-shadow: 0 0 0 2px #245fcc;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before {
  display: block;
  background-color: var(--cmplz_slider_active_color);
  content: "";
  padding-left: 6px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after {
  left: 14px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label {
  position: relative;
  padding-left: 30px;
  margin: 0;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before, .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after {
  box-sizing: border-box;
  position: absolute;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  transition: background-color 0.3s, left 0.3s;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before {
  display: block;
  content: "";
  color: #fff;
  box-sizing: border-box;
  font-family: "FontAwesome", sans-serif;
  padding-left: 23px;
  font-size: 12px;
  line-height: 20px;
  background-color: var(--cmplz_slider_inactive_color);
  left: 0px;
  top: -7px;
  height: 15px;
  width: 28px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after {
  display: block;
  content: "";
  letter-spacing: 20px;
  background: var(--cmplz_slider_bullet_color);
  left: 4px;
  top: -5px;
  height: 11px;
  width: 11px;
}

.cmplz-cookiebanner {
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

#cmplz-manage-consent .cmplz-manage-consent {
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.cmplz-cookiebanner.cmplz-show {
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.cmplz-cookiebanner.cmplz-show:hover {
  transition-duration: 1s;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha {
  max-width: initial !important;
  height: 80px !important;
  margin-bottom: 20px;
}

@media only screen and (max-width: 400px) {
  .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha {
    height: 100px !important;
  }
}
.cmplz-blocked-content-container.recaptcha-invisible .cmplz-blocked-content-notice, .cmplz-blocked-content-container.g-recaptcha .cmplz-blocked-content-notice {
  max-width: initial;
  padding: 7px;
}

.single-episode {
  display: flex;
  flex-direction: column;
}
.single-episode .buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  margin: 12px auto 8px;
}
@media only screen and (min-width: 1024px) {
  .single-episode .buttons {
    margin: 12px 16px 8px;
    position: initial;
    width: auto;
  }
}
.single-episode .buttons .arrow-return, .single-episode .buttons .share-options {
  position: initial;
  cursor: pointer;
}
.single-episode .buttons .share-options {
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-episode .buttons .share-options .r-add-to-playlist svg {
  position: relative;
  top: 3px;
}
.single-episode .header-episode .header-content {
  padding-top: 80px;
}
@media only screen and (min-width: 1024px) {
  .single-episode .header-episode .header-content {
    display: flex;
    align-items: end;
    margin: 0 16px;
    padding: 32px !important;
    border-radius: 16px;
    gap: 16px;
  }
}
.single-episode .header-episode .header-content .img-episode {
  width: 240px;
  margin: 0 auto 0;
  height: 240px;
}
@media only screen and (min-width: 1024px) {
  .single-episode .header-episode .header-content .img-episode {
    display: block;
    width: 250px;
    margin: 0 !important;
    height: 250px;
  }
}
.single-episode .header-episode .header-content .img-episode img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-episode .header-episode .header-content .content-title {
  flex: 9;
  position: relative;
  padding: 16px 16px 0 16px;
}
@media only screen and (min-width: 1024px) {
  .single-episode .header-episode .header-content .content-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0;
  }
}
.single-episode .header-episode .header-content .content-title .title-episode h1 {
  font-size: 16pt;
  line-height: 20pt;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: rgb(255, 255, 255);
  margin: 12px auto;
}
@media only screen and (min-width: 1024px) {
  .single-episode .header-episode .header-content .content-title .title-episode h1 {
    font-size: 16pt;
    line-height: 28px;
    margin: 0 0 16px 0px;
  }
}
.single-episode .header-episode .header-content .content-title .title-episode .type {
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  margin-bottom: 16px;
  color: rgb(255, 255, 255);
}
@media only screen and (max-width: 1024px) {
  .single-episode .header-episode .header-content .content-title .title-episode .type {
    display: none;
  }
}
.single-episode .header-episode .header-content .content-title .player .iron-audioplayer {
  margin: 0 !important;
}
@media only screen and (min-width: 1024px) {
  .single-episode .header-episode .header-content .content-title .player .iron-audioplayer .srp_main_control {
    grid-template-columns: 1fr !important;
  }
}
.single-episode .header-episode .podcast {
  display: flex;
  gap: 10px;
  align-items: center;
}
.single-episode .header-episode .podcast .img-podcast {
  width: 45px;
  height: 45px;
}
.single-episode .header-episode .podcast .img-podcast img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.single-episode .header-episode .podcast .img-podcast svg {
  width: 45px;
  height: 45px;
}
.single-episode .header-episode .podcast .content-podcast {
  padding: 0;
}
.single-episode .header-episode .podcast .content-podcast h6 {
  font-size: 17px;
  font-weight: 700;
  line-height: 20pt;
  color: rgb(255, 255, 255);
  font-family: "Space Grotesk", sans-serif;
  margin: 0;
}
.single-episode .header-episode .podcast .content-podcast p {
  font-size: 12pt;
  font-weight: 400;
  line-height: 20pt;
  color: rgb(255, 255, 255);
  font-family: "Lora", serif;
  margin: 0;
}
.single-episode .header-episode .meta-episode {
  margin: 12px 0;
  font-family: "Lora", serif;
  color: rgb(255, 255, 255);
  font-size: 12pt;
  line-height: 20pt;
  font-weight: 600;
}
.single-episode .header-episode .desc-mob {
  display: initial;
}
@media only screen and (min-width: 1024px) {
  .single-episode .header-episode .desc-mob {
    display: none !important;
  }
}
.single-episode .header-episode .desc-podcast {
  margin: 12px 0;
  font-family: "Lora", serif;
  color: rgb(255, 255, 255);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.single-episode .header-episode .desc-podcast .show-more-btn {
  font-weight: bold;
  display: contents;
  margin-left: 4px;
  text-decoration: underline;
}
.single-episode .header-episode .desc-podcast .show-more-btn.displayed {
  display: block;
}
.single-episode .header-episode .desc-podcast p {
  word-break: break-word;
}
.single-episode .header-episode .reviews {
  width: 100vw;
  position: relative;
  left: 0;
  padding: 2vh;
  background-color: rgb(255, 255, 255);
  margin: 8px 0 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}
@media only screen and (min-width: 1024px) {
  .single-episode .header-episode .reviews {
    width: 100%;
    left: 0;
    margin: 24px 0 0;
    border-radius: 0;
    display: flex;
    min-height: 600px;
    gap: 35px;
  }
}
.single-episode .header-episode .reviews .tabs {
  flex: 2;
  width: 100%;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .single-episode .header-episode .reviews .tabs {
    display: initial;
  }
}
.single-episode .header-episode .reviews .tabs .tabs-header {
  display: flex;
  position: relative;
}
.single-episode .header-episode .reviews .tabs .tabs-header .tab-button {
  flex: 1;
  padding: 10px 20px;
  font-size: 16px;
  background: none;
  border: none;
  cursor: pointer;
  color: #2E2F34;
  position: relative;
  transition: color 0.3s ease;
  font-family: "Space Grotesk", sans-serif;
  font-weight: bold;
}
.single-episode .header-episode .reviews .tabs .tabs-header .tab-button.active {
  color: rgb(0, 129, 167);
}
.single-episode .header-episode .reviews .tabs .tabs-header .tab-indicator {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 50%;
  height: 3px;
  transition: transform 0.3s ease-in-out;
  background-color: rgb(0, 129, 167);
}
.single-episode .header-episode .reviews .tabs .tabs-content {
  margin-top: 20px;
}
.single-episode .header-episode .reviews .tabs .tabs-content .tab-panel {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.single-episode .header-episode .reviews .tabs .tabs-content .tab-panel.active {
  display: block;
  opacity: 1;
}
.single-episode .header-episode .reviews .tabs .tabs-content .tab-panel .desc-desk, .single-episode .header-episode .reviews .tabs .tabs-content .tab-panel p {
  font-family: "Lora", serif;
  font-size: 16px;
  color: #5D5F68;
}
.single-episode .header-episode .reviews .ct-evals {
  flex: 1;
}
.single-episode .header-episode .reviews .ct-evals h6 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #2E2F34;
  text-align: center;
}
.single-episode .header-episode .reviews .ct-evals #btn-form-review {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 24px auto;
}
.single-episode .header-episode .reviews .ct-evals #btn-form-review .btn {
  padding: 14px 32px;
  background-color: #01759B;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 20px;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis {
  margin: 12px 0;
  border-bottom: 1px solid #CAC6CC;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-header img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-header .meta-header .title-stars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-header .meta-header .title-stars .star {
  width: 15px;
  height: 15px;
  margin-right: 2px;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-header .meta-header p {
  margin: 0;
  font-size: 14px;
  font-family: "Space Grotesk", sans-serif;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-header .meta-header p.name {
  font-weight: 700;
  color: #2E2F34;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-header .meta-header p.date {
  color: #5D5F68;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-content {
  padding-left: 75px;
  font-family: "Lora", serif;
  color: #5D5F68;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-content p {
  margin: 10px 0;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-response {
  padding-left: 37px;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-response .avis-header .meta-header .name span {
  font-weight: 400;
  margin-left: 8px;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-response .avis-header .meta-header .name span svg {
  position: relative;
  top: 2px;
}
.single-episode .header-episode .reviews .ct-evals .evals .avis-response .avis-content {
  padding-left: 0;
}
.single-episode .header-episode .reviews .ct-evals .glsr-reviews .glsr-review {
  flex-direction: column;
  border-top: 1px solid grey;
  padding: 16px 0;
}
.single-episode .header-episode .reviews .ct-evals .glsr-reviews .glsr-review:first-child {
  border: none !important;
}
.single-episode .header-episode .reviews .ct-evals .glsr-reviews .glsr-review .author {
  display: flex;
  gap: 8px;
  align-items: center;
}
.single-episode .header-episode .reviews .ct-evals .glsr-reviews .glsr-review .author .name {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.single-episode .header-episode .reviews .ct-evals .glsr-reviews .glsr-review .author .name .glsr-review-author {
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-transform: capitalize;
  color: #2E2F34;
}
.single-episode .header-episode .reviews .ct-evals .glsr-reviews .glsr-review .author .name .glsr-review-date {
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-transform: capitalize;
  color: #5D5F68;
  font-style: initial;
}
.single-episode .header-episode .reviews .ct-evals .glsr-reviews .glsr-review .content {
  margin-left: 48px;
  font-family: "Lora", serif;
  font-size: 14px;
  line-height: 20px;
  color: #5D5F68;
}
.single-episode .header-episode .play-button {
  margin: 16px auto;
}
.single-episode .header-episode .play-button svg {
  display: block;
  margin: 0 auto;
}
.single-episode .header-episode .transcription {
  margin-bottom: 26px;
}
.single-episode .header-episode .transcription #btnT {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 20px;
}
.single-episode .header-episode .transcription .container-transcripted-text {
  position: fixed;
  top: 39px;
  left: 100%; /* Commence hors de l'écran */
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  overflow-y: auto;
  transition: transform 0.3s ease-in-out;
}
.single-episode .header-episode .transcription .container-transcripted-text.displayed {
  transform: translateX(-100%); /* Glisse à gauche */
}
.single-episode .header-episode .transcription .container-transcripted-text .transcripted-text {
  background-color: rgb(255, 255, 255);
  width: 100%;
  padding: 18px;
}
.single-episode .header-episode .transcription .container-transcripted-text .transcripted-text .title-transcription {
  font-family: "Space Grotesk", sans-serif;
  color: rgb(255, 255, 255);
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  margin: 12px;
}
.single-episode .header-episode .transcription .container-transcripted-text .transcripted-text .text {
  color: rgb(255, 255, 255);
  font-family: "Lora", serif;
  font-size: 12px;
  line-height: 20px;
}
.single-episode .header-episode .transcription .container-transcripted-text #close-t {
  cursor: pointer;
}
.single-episode .header-episode .icons-episode {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-episode .header-episode .icons-episode .l-icons {
  display: flex;
  align-items: center;
  gap: 18px;
}

.glsr-default .my-reviews-summary {
  flex-direction: row-reverse;
}
.glsr-default .my-reviews-summary .rating-stars {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.glsr-default .my-reviews-summary .rating-stars .glsr-summary-rating .glsr-tag-value {
  color: #5D5F68;
  font-family: "Space Grotesk", sans-serif;
  line-height: 40px;
  font-size: 34px;
}
.glsr-default .my-reviews-summary .rating-stars .glsr-summary-text span {
  font-family: "Lora", serif;
  font-size: 12px;
  color: #5D5F68;
}
.glsr-default .my-reviews-summary .glsr-summary-stars .glsr-star {
  background-repeat: no-repeat;
  width: 18px;
  height: 17px;
  margin-right: 2px;
}
.glsr-default .my-reviews-summary .table {
  flex: 2;
}
.glsr-default .my-reviews-summary .table .glsr-summary-percentages .glsr-bar .glsr-bar-label {
  font-family: "Space Grotesk", sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #5D5F68;
}
.glsr-default .my-reviews-summary .table .glsr-summary-percentages .glsr-bar .glsr-bar-label:after {
  content: url("/podcast/wp-content/themes/sonaar-child/assets/images/star-yellow.svg");
  margin-left: 4px;
}
.glsr-default .my-reviews-summary .table .glsr-summary-percentages .glsr-bar .glsr-bar-background-percent {
  height: 7px;
  border-radius: 50px;
  background: #FEAD34;
}
.glsr-default .my-reviews-summary .table .glsr-summary-percentages .glsr-bar .glsr-bar-background:before {
  background: transparent;
}
.glsr-default .my-reviews-summary .table .glsr-summary-percentages .glsr-bar .glsr-bar-percent {
  display: none;
}

#popup-reviews {
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 200;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#popup-reviews.show {
  opacity: 1;
}
#popup-reviews.show .popup {
  transform: translateY(0);
}
@media only screen and (min-width: 1024px) {
  #popup-reviews.show .popup {
    width: 400px;
    margin: 0 auto;
    bottom: 50%;
    transform: translate(-50%, 50%);
    left: 50%;
    border-radius: 12px;
    padding: 60px 24px 37px;
  }
}
#popup-reviews .popup {
  position: absolute;
  bottom: 0;
  background-color: rgb(255, 255, 255);
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 16px 16px 100px 16px;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}
@media only screen and (min-width: 1024px) {
  #popup-reviews .popup {
    padding: 16px 16px 0 16px;
  }
}
#popup-reviews .popup-header {
  border-bottom: 1px solid #5D5F68;
  display: flex;
  gap: 12px;
  align-items: center;
  padding-bottom: 16px;
}
@media only screen and (min-width: 1024px) {
  #popup-reviews .popup-header {
    display: none;
  }
}
#popup-reviews .popup-header .img {
  width: 46px;
  height: 46px;
}
#popup-reviews .popup-header .img img {
  border-radius: 4px;
}
#popup-reviews .popup-header .content h6 {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  text-align: left;
}
#popup-reviews .popup-header .content .author {
  font-family: "Lora", serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}
#popup-reviews .popup-options {
  margin: 36px auto;
}
@media only screen and (min-width: 1024px) {
  #popup-reviews .popup-options {
    margin: 0;
  }
}
#popup-reviews .popup-options .titles h6 {
  text-align: center;
  font-weight: 700;
  color: #2E2F34;
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
}
#popup-reviews .popup-options .titles p {
  text-align: center;
  font-size: 14px;
  font-family: "Lora", serif;
  color: #5D5F68;
}
#popup-reviews .popup-options form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#popup-reviews .popup-options form h6 {
  margin-top: 32px;
  text-align: center;
  font-weight: 700;
  color: #2E2F34;
  font-family: "Space Grotesk", sans-serif;
  font-size: 18px;
}
#popup-reviews .popup-options form textarea {
  width: 100%;
  margin: 10px 0 32px;
  border-radius: 8px;
  padding: 8px 4px 4px 12Px;
  font-family: "Space Grotesk", sans-serif;
  height: 40px;
}
#popup-reviews .popup-options form .glsr-star-rating {
  justify-content: center;
  margin-bottom: 20px;
}
#popup-reviews .popup-options form .glsr-field {
  width: 100%;
}
#popup-reviews .popup-options form .glsr-label {
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
  text-align: center;
}
#popup-reviews .popup-options form .glsr-button {
  background-color: #01759B;
  border: none;
}
#popup-reviews .popup-options #site-review-form {
  width: 500px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  #popup-reviews .popup-options #site-review-form {
    width: 100%;
  }
}
#popup-reviews .popup-options #site-review-form .btn-blue {
  padding: 14px 32px;
  background-color: #01759B;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 20px;
}

.sr_playlist-template-default #popup-options-g {
  z-index: 200;
}
.sr_playlist-template-default #popup-options-g .popup {
  bottom: 9%;
}
@media only screen and (min-width: 1024px) {
  .sr_playlist-template-default #popup-options-g .popup {
    bottom: initial;
  }
}
.sr_playlist-template-default #popup-signaler .popup {
  bottom: 9%;
}
.sr_playlist-template-default div[data-field=name], .sr_playlist-template-default div[data-field=email], .sr_playlist-template-default div[data-field=title], .sr_playlist-template-default div[data-field=terms] {
  display: none;
}

.new-podcasts h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .new-podcasts h1 {
    text-align: left;
  }
}
.new-podcasts .list-group-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 35px 0;
}
.new-podcasts .list-group-cols .list-group-item {
  padding: initial;
  border: none;
}
@media only screen and (min-width: 1024px) {
  .new-podcasts .list-group-cols .list-group-item > a {
    width: 100%;
    aspect-ratio: 1/1;
    display: block;
  }
}
.new-podcasts .list-group-cols .list-group-item > a img {
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .new-podcasts .list-group-cols .list-group-item > a img {
    height: 100%;
  }
}
.new-podcasts .list-group-cols .list-group-item h4 {
  font-family: "Lora", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.new-podcasts .list-group-cols .list-group-item h4 a {
  color: #5D5F68;
}
.new-podcasts .list-group-cols .list-group-item .categories {
  margin: 0;
}
.new-podcasts .list-group-cols .list-group-item .categories .cat {
  margin: 0px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.new-podcasts .list-group-cols .list-group-item .categories .cat2 {
  margin: 4px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.new-podcasts .list-group-cols .list-group-item img {
  border-radius: 12px;
}

.single-taxo {
  padding: 0 16px !important;
  margin-bottom: 50px;
}
.single-taxo .topheader {
  display: flex;
  gap: 8px;
}
.single-taxo .topheader .arrow-return {
  margin: 17px 0;
}
.single-taxo .topheader h1 {
  font-size: 24px;
  line-height: 28px;
  font-family: "Space Grotesk", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .single-taxo .topheader h1 {
    font-size: 32px;
    line-height: 38px;
  }
}
.single-taxo h2 {
  font-size: 18px;
  line-height: 24px;
  font-family: "Space Grotesk", sans-serif;
  text-align: left;
  margin: 0 0 16px 8px;
}
@media only screen and (min-width: 1024px) {
  .single-taxo h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.single-taxo .list-subcategories {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  width: 95%;
  gap: 12px;
  margin: 0 auto 24px;
  display: none;
}
.single-taxo .list-subcategories .cat-item {
  background: #EFEFF0;
  text-decoration: none;
  padding: 2px 6px;
  border-radius: 50px;
  font-family: "Lora", serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  list-style: none;
  transition: 0.3s ease-in-out;
  color: #5D5F68;
}
.single-taxo .list-subcategories .cat-item:hover {
  background-color: #D6D7D9;
  transition: 0.3s ease-in-out;
  text-decoration: none;
}
.single-taxo .list-subcategories .cat-item.selected {
  background-color: #FEAD34;
  transition: 0.3s ease-in-out;
}
.single-taxo .list-subcategories .cat-item.selected:before {
  content: url("/podcast/wp-content/themes/sonaar-child/assets/images/check-cat.svg");
  display: inline-block;
  margin-right: 4px;
  width: 10px;
}
.single-taxo .list-group-cols {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .single-taxo .list-group-cols {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1024px) {
  .single-taxo .list-group-cols {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .single-taxo .list-group-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
.single-taxo .list-group-cols .list-group-item {
  padding: initial;
  border: none;
}
@media only screen and (min-width: 1024px) {
  .single-taxo .list-group-cols .list-group-item > a {
    width: 100%;
    aspect-ratio: 1/1;
    display: block;
  }
}
.single-taxo .list-group-cols .list-group-item > a img {
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .single-taxo .list-group-cols .list-group-item > a img {
    height: 100%;
  }
}
.single-taxo .list-group-cols .list-group-item h4 {
  font-family: "Lora", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.single-taxo .list-group-cols .list-group-item h4 a {
  color: #5D5F68;
}
.single-taxo .list-group-cols .list-group-item .categories {
  margin: 0;
}
.single-taxo .list-group-cols .list-group-item .categories .cat {
  margin: 0px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.single-taxo .list-group-cols .list-group-item .categories .cat2 {
  margin: 4px 0 0 0;
  font-size: 10px;
  font-family: "Lora", serif;
}
.single-taxo .list-group-cols .list-group-item img {
  border-radius: 12px;
}

.podcasts-dentreprise .arrow-return {
  display: none;
}
.podcasts-dentreprise h1 {
  text-align: center;
}

.single-region .topheader {
  display: flex;
  gap: 8px;
}
.single-region .topheader .arrow-return {
  margin: 17px 0;
}
.single-region .topheader h1 {
  font-size: 24px;
  line-height: 28px;
  font-family: "Space Grotesk", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .single-region .topheader h1 {
    font-size: 32px;
    line-height: 38px;
  }
}
.single-region .list-group-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 50px;
}
.single-region .list-group-cols .list-group-item {
  padding: initial;
  border: none;
}
@media only screen and (min-width: 1024px) {
  .single-region .list-group-cols .list-group-item > a {
    width: 100%;
    aspect-ratio: 1/1;
    display: block;
  }
}
.single-region .list-group-cols .list-group-item > a img {
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .single-region .list-group-cols .list-group-item > a img {
    height: 100%;
  }
}
.single-region .list-group-cols .list-group-item h4 {
  font-family: "Lora", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.single-region .list-group-cols .list-group-item h4 a {
  color: #5D5F68;
}
.single-region .list-group-cols .list-group-item .categories {
  margin: 0;
}
.single-region .list-group-cols .list-group-item .categories .cat {
  margin: 6px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.single-region .list-group-cols .list-group-item .categories .cat2 {
  margin: 4px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.single-region .list-group-cols .list-group-item img {
  border-radius: 12px;
}

.search-page {
  padding-top: 20px;
}
.search-page .arrow-return {
  cursor: pointer;
}
.search-page h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
  margin-top: 0px;
  margin-bottom: 35px;
}
.search-page .search-container {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.search-page .search-container svg {
  position: absolute;
  top: 8px;
  left: 8px;
}
.search-page .search-container input {
  height: 40px;
  border-radius: 8px;
  width: 100%;
  padding-left: 38px;
  font-size: 16px;
  font-family: "Space Grotesk", sans-serif;
}
.search-page .search-container #search-results {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: white;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  display: none;
}
.search-page .search-container #search-results li {
  padding: 10px;
  cursor: pointer;
}
.search-page .search-container #search-results li:hover {
  background-color: #f0f0f0;
}
.search-page .search-container .cancel-search {
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  color: black;
  background: #FEAD34;
  border-radius: 50px;
  padding: 5px 12px;
}
.search-page .search-container .search-submit {
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  color: white;
  background: #0081a7;
  border-radius: 50px;
  padding: 5px 12px;
  width: 110px;
}
.search-page .tabs {
  display: flex;
  gap: 8px;
  margin: 10px 0;
}
.search-page .tabs .tab {
  cursor: pointer;
  background-color: transparent;
  border-radius: 50px;
  padding: 8px 12Px;
  margin: 0;
  font-family: "Space Grotesk", sans-serif;
  font-size: 12px;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.search-page .tabs .tab.active {
  transition: 0.3s ease-in-out;
  background-color: #FEAD34;
  color: #2E2F34;
}
.search-page .search-results-page {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .search-page .search-results-page {
    width: 70%;
  }
}
.search-page .search-results-page.active {
  display: block;
}
.search-page .search-results-page .item-search {
  border-bottom: 0.5px solid #5D5F68;
  padding: 16px 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  flex-direction: column;
}
.search-page .search-results-page .item-search .img-content {
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
}
.search-page .search-results-page .item-search .img-content .img-search {
  max-width: 62px;
  max-height: 62px;
  object-fit: cover;
}
.search-page .search-results-page .item-search .img-content .img-search img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search-page .search-results-page .item-search .img-content .content-search h4 {
  font-size: 16px;
  font-family: "Space Grotesk", sans-serif;
  line-height: 20px;
  font-weight: 700;
  color: #2E2F34;
  margin: 0;
}
.search-page .search-results-page .item-search .img-content .content-search .author {
  font-family: "Lora", serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #5D5F68;
}
.search-page .search-results-page .metas {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.search-page .search-results-page .metas p {
  margin: 0;
  font-family: "Lora";
  font-size: 12px;
  font-weight: 500;
  color: #5D5F68;
}
.search-page .search-results-page .metas .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
}
@media only screen and (min-width: 1024px) {
  .search-page .search-results-page .metas .buttons .play-btn .srp_main_control {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  .search-page .search-results-page .metas .buttons .play-btn .srp_main_control .play {
    width: 25px !important;
    height: 25px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .search-page .search-results-page .metas .buttons .play-btn .srp_main_control .play i:before {
    font-size: 9px !important;
    top: -3px;
    position: relative;
  }
}
.search-page .search-results-page .metas .buttons .play-btn .album-player {
  padding: 0 !important;
}

.sr_store_force_share_bt span {
  display: none;
}

.sr_store_force_share_bt:after {
  content: "Partager";
}

.custom-footer {
  background: #006087;
  padding: 26px 16px;
  height: 315px;
  margin-top: 0;
}
.custom-footer .site-info img {
  margin-bottom: 10px;
}
.custom-footer .footer-midsection {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 10px;
}
.custom-footer .footer-midsection .menu-footer ul {
  margin: 0;
  padding: 0;
}
.custom-footer .footer-midsection .menu-footer ul li {
  list-style: none;
  margin-top: 5px;
  margin-bottom: 16px;
}
.custom-footer .footer-midsection .menu-footer ul li a {
  font-size: 16px;
  font-family: "Space Grotesk", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: 400;
  line-height: 20px;
}
.custom-footer .footer-midsection .menu-rs .slides {
  display: flex;
  gap: 14px;
}
.custom-footer .footer-midsection .menu-rs .slides .social p {
  font-size: 20px;
  color: rgb(255, 255, 255);
  margin: 0;
}
.custom-footer .subfooter ul {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 25px 0 0 0;
}
.custom-footer .subfooter ul li {
  list-style: none;
}
.custom-footer .subfooter ul li a {
  font-size: 12px;
  font-family: "Lora", serif;
  /* margin-top: 10px; */
  color: rgb(255, 255, 255);
}
.custom-footer .subfooter ul li .sep {
  margin-left: 8px;
  color: rgb(255, 255, 255);
}
.custom-footer .subfooter ul li:last-child .sep {
  display: none;
}

.listening-history h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .listening-history h1 {
    text-align: left;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .listening-history .list-posts {
    width: 70%;
  }
}
.listening-history .list-posts .post-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-top: 0.5px solid rgb(175, 177, 182);
  padding: 10px 0;
  border-radius: 0px;
  margin-bottom: 0px;
}
.listening-history .list-posts .post-h .post-img-content img {
  width: 36px;
  min-width: 36px;
  height: 36px;
  object-fit: cover;
}
.listening-history .list-posts .post-h .post-img-content a {
  font-family: "Space Grotesk", sans-serif;
  color: #2E2F34;
  font-weight: 500;
  font-size: 14px;
}
.listening-history .list-posts .post-h .play .album-player {
  padding: 7px 0 10px !important;
}
.listening-history .list-posts .post-h .play .album-player .play {
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
}
.listening-history .list-posts .post-h .play .album-player .play .sricon-play {
  margin-right: 0;
}
.listening-history .list-posts .post-h .play .album-player .play .sricon-play:before {
  font-size: 10px !important;
  position: relative !important;
  top: -2px !important;
  left: 0px !important;
}
.listening-history .list-posts .post-h .sricon-back, .listening-history .list-posts .post-h .sricon-forward {
  display: none;
}

.comments .glsr-no-margins {
  display: none;
}

.discussions h1 {
  margin: 30px 0;
}
@media only screen and (min-width: 1024px) {
  .discussions h1 {
    margin: 0 0 32px 0;
  }
}
.discussions .evals {
  width: 95%;
  margin: 20px;
}
@media only screen and (min-width: 1024px) {
  .discussions .evals {
    width: 70%;
    margin-left: 20px;
  }
}
.discussions .evals .avis {
  margin: 8px 0;
  padding: 8px 0;
  border-bottom: 1px solid #5D5F68;
  position: relative;
}
.discussions .evals .avis .ping {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  background-color: red;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
}
.discussions .evals .avis-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.discussions .evals .avis-header img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}
.discussions .evals .avis-header .meta-header p {
  margin: 0;
  font-size: 14px;
  font-family: "Space Grotesk", sans-serif;
}
.discussions .evals .avis-header .meta-header p.name {
  font-weight: 700;
  color: #2E2F34;
}
.discussions .evals .avis-header .meta-header p.date {
  color: #5D5F68;
}
.discussions .evals .avis-content {
  padding-left: 37px;
  font-family: "Lora", serif;
  color: #5D5F68;
}
.discussions .evals .avis .btns .answer {
  font-family: "Space Grotesk", sans-serif;
  color: #01759B;
  font-weight: 500;
  padding-left: 37px;
}
.discussions .evals .avis .btns .review-response form {
  padding-left: 37px;
}
.discussions .evals .avis .btns .review-response form textarea {
  width: 90%;
}
@media only screen and (min-width: 1024px) {
  .discussions .evals .avis .btns .review-response form textarea {
    width: 50%;
  }
}
.discussions .evals .avis .btns .review-response form button {
  padding: 14px 32px;
  background-color: #01759B;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 20px;
  border: none;
  margin-top: 8px;
}
.discussions .evals .avis .min-ep img {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 5px;
  object-fit: cover;
}

body.page-template-template-contact {
  background-color: rgb(255, 248, 241);
}
body.page-template-template-contact .arrow-return {
  padding: 0;
}
body.page-template-template-contact .header-page h1 {
  font-family: "Lora", serif;
  font-style: italic;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
body.page-template-template-contact .content-page form #gform_fields_5, body.page-template-template-contact .content-page form #gform_fields_6 {
  gap: 0 !important;
}
body.page-template-template-contact .content-page form #gform_fields_5 label, body.page-template-template-contact .content-page form #gform_fields_6 label {
  font-size: 12px;
  font-weight: 400;
  font-family: "Space Grotesk", sans-serif;
}
body.page-template-template-contact .content-page form #gform_fields_5 label span, body.page-template-template-contact .content-page form #gform_fields_6 label span {
  margin-left: 1px;
}
body.page-template-template-contact .content-page form #gform_fields_5 input, body.page-template-template-contact .content-page form #gform_fields_5 textarea, body.page-template-template-contact .content-page form #gform_fields_6 input, body.page-template-template-contact .content-page form #gform_fields_6 textarea {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgb(217, 217, 217);
}
body.page-template-template-contact .content-page form .gform_footer.top_label {
  margin: 0;
}
body.page-template-template-contact .content-page form .gform_footer.top_label #gform_submit_button_6, body.page-template-template-contact .content-page form .gform_footer.top_label #gform_submit_button_5 {
  width: 60%;
  margin: 18px auto 0;
  display: block;
  background-color: rgb(0, 129, 167);
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  color: white;
  padding: 12px 0;
  border: none;
}

.qui-sommes-nous .title {
  padding: 24px !important;
}
@media only screen and (min-width: 1024px) {
  .qui-sommes-nous .title {
    padding: 32px !important;
  }
}
.qui-sommes-nous .title h1 {
  font-size: 48px !important;
  line-height: 56px;
  margin: 0;
  width: 90%;
}
@media only screen and (min-width: 1024px) {
  .qui-sommes-nous .title h1 {
    width: 100%;
  }
}
.qui-sommes-nous .title h1 span {
  color: #FD6E64 !important;
}
.qui-sommes-nous .title .accroche p {
  font-family: "Lora", serif;
  font-size: 16px;
  margin: 16px 0;
  color: rgb(255, 255, 255);
}
.qui-sommes-nous .title .btn-white-outline {
  width: fit-content;
  margin: 18px auto 0;
  display: block;
  background-color: transparent;
  border-radius: 50px !important;
  font-family: "Space Grotesk", sans-serif;
  color: rgb(255, 255, 255);
  padding: 8px 24px;
  border: 2px solid rgb(255, 255, 255) !important;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
@media only screen and (min-width: 1024px) {
  .qui-sommes-nous .title .btn-white-outline {
    margin: 18px 0 0;
  }
}
.qui-sommes-nous .title .btn-white-outline:hover {
  background-color: rgb(255, 255, 255);
  color: #2E2F34;
  transition: 0.3s ease-in-out;
}
.qui-sommes-nous .title img {
  border-radius: 16px;
}
@media only screen and (max-width: 480px) {
  .qui-sommes-nous .title img {
    aspect-ratio: 1/1;
  }
}
.qui-sommes-nous .content-page .s2-heading {
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  margin: 32px 0;
  font-family: "Space Grotesk", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .qui-sommes-nous .content-page .s2-heading {
    font-size: 40px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 480px) {
  .qui-sommes-nous .content-page .s2-heading {
    font-size: 26px;
    line-height: 34px;
  }
}
.qui-sommes-nous .content-page .blocs-ct {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .qui-sommes-nous .content-page .blocs-ct {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .qui-sommes-nous .content-page .blocs-ct {
    grid-template-columns: repeat(1, 1fr);
  }
}
.qui-sommes-nous .content-page .blocs-ct .bloc {
  border: 1px solid #FD6E64;
  padding: 36px;
  border-radius: 16px;
  transition: 0.1s ease;
  background-color: transparent;
}
.qui-sommes-nous .content-page .blocs-ct .bloc:hover {
  transition: 0.1s ease;
  background-color: #FCEBEA;
}
.qui-sommes-nous .content-page .blocs-ct .bloc h6 {
  margin: 6px 0 16px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  font-family: "Space Grotesk", sans-serif;
}
.qui-sommes-nous .content-page .blocs-ct .bloc .content p {
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 24px;
  color: #5D5F68;
}
.qui-sommes-nous .content-page .ending {
  font-family: "Space Grotesk", sans-serif;
  font-size: 26px;
  line-height: 32px;
  color: #2E2F34;
  text-align: center;
  margin: 32px auto;
  font-weight: 500;
  width: 70%;
}
@media only screen and (min-width: 1024px) {
  .qui-sommes-nous .content-page .ending {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 480px) {
  .qui-sommes-nous .content-page .ending {
    width: 100%;
    font-size: 22px;
    line-height: 30px;
  }
}
.qui-sommes-nous .content-page .fs-btn {
  width: fit-content;
  margin: 18px auto 0;
  display: block;
  background-color: #FD887F;
  border-radius: 50px !important;
  font-family: "Space Grotesk", sans-serif;
  color: #2E2F34;
  padding: 10px 24px;
  border: 2px solid rgb(255, 255, 255) !important;
  font-weight: bold;
  transition: 0.3s ease-in-out;
}
.qui-sommes-nous .content-page .fs-btn:hover {
  transition: 0.3s ease-in-out;
  background-color: #FD6E64;
}

.les-plus-ecoutes h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .les-plus-ecoutes h1 {
    text-align: left;
  }
}
.les-plus-ecoutes .list-group-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 35px 0;
}
.les-plus-ecoutes .list-group-cols .list-group-item {
  padding: initial;
  border: none;
}
@media only screen and (min-width: 1024px) {
  .les-plus-ecoutes .list-group-cols .list-group-item > a {
    width: 100%;
    aspect-ratio: 1/1;
    display: block;
  }
}
.les-plus-ecoutes .list-group-cols .list-group-item > a img {
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .les-plus-ecoutes .list-group-cols .list-group-item > a img {
    height: 100%;
  }
}
.les-plus-ecoutes .list-group-cols .list-group-item h4 {
  font-family: "Lora", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.les-plus-ecoutes .list-group-cols .list-group-item h4 a {
  color: #5D5F68;
}
.les-plus-ecoutes .list-group-cols .list-group-item .categories {
  margin: 0;
}
.les-plus-ecoutes .list-group-cols .list-group-item .categories .cat {
  margin: 6px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.les-plus-ecoutes .list-group-cols .list-group-item .categories .cat2 {
  margin: 4px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.les-plus-ecoutes .list-group-cols .list-group-item img {
  border-radius: 12px;
}

.notre-selection h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .notre-selection h1 {
    text-align: left;
  }
}
.notre-selection .list-group-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 35px 0;
}
.notre-selection .list-group-cols .list-group-item {
  padding: initial;
  border: none;
}
@media only screen and (min-width: 1024px) {
  .notre-selection .list-group-cols .list-group-item > a {
    width: 100%;
    aspect-ratio: 1/1;
    display: block;
  }
}
.notre-selection .list-group-cols .list-group-item > a img {
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .notre-selection .list-group-cols .list-group-item > a img {
    height: 100%;
  }
}
.notre-selection .list-group-cols .list-group-item h4 {
  font-family: "Lora", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.notre-selection .list-group-cols .list-group-item h4 a {
  color: #5D5F68;
}
.notre-selection .list-group-cols .list-group-item .categories {
  margin: 0;
}
.notre-selection .list-group-cols .list-group-item .categories .cat {
  margin: 6px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.notre-selection .list-group-cols .list-group-item .categories .cat2 {
  margin: 4px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.notre-selection .list-group-cols .list-group-item img {
  border-radius: 12px;
}

.recommendations {
  margin-top: 50px;
}
@media only screen and (min-width: 1024px) {
  .recommendations {
    margin-top: 0;
  }
}
.recommendations h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .recommendations h1 {
    text-align: left;
  }
}
.recommendations .list-group-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 35px 0;
}
.recommendations .list-group-cols .list-group-item {
  padding: initial;
  border: none;
}
@media only screen and (min-width: 1024px) {
  .recommendations .list-group-cols .list-group-item > a {
    width: 100%;
    aspect-ratio: 1/1;
    display: block;
  }
}
.recommendations .list-group-cols .list-group-item > a img {
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  .recommendations .list-group-cols .list-group-item > a img {
    height: 100%;
  }
}
.recommendations .list-group-cols .list-group-item h4 {
  font-family: "Lora", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}
.recommendations .list-group-cols .list-group-item h4 a {
  color: #5D5F68;
}
.recommendations .list-group-cols .list-group-item .categories {
  margin: 0;
}
.recommendations .list-group-cols .list-group-item .categories .cat {
  margin: 6px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.recommendations .list-group-cols .list-group-item .categories .cat2 {
  margin: 4px 0 0 0;
  font-size: 12px;
  font-family: "Lora", serif;
}
.recommendations .list-group-cols .list-group-item img {
  border-radius: 12px;
}
.recommendations .no-recommendations {
  font-family: "Lora", serif;
  color: #5D5F68;
  font-size: 16px;
}

.content-body.p-playlist main .header-playlist {
  margin-bottom: 12px;
}
@media only screen and (min-width: 1024px) {
  .content-body.p-playlist main .header-playlist {
    width: 70%;
    margin-bottom: 16px;
  }
}
.content-body.p-playlist main .header-playlist h1 {
  font-size: 24px;
  line-height: 28px;
  font-family: "Space Grotesk", sans-serif;
  text-align: center;
  margin: 14px auto;
}
@media only screen and (min-width: 1024px) {
  .content-body.p-playlist main .header-playlist h1 {
    font-size: 32px;
    font-family: "Space Grotesk", sans-serif;
    font-weight: 500;
    line-height: 40px;
    text-align: left;
  }
}
.content-body.p-playlist main .header-playlist p {
  width: 100%;
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 24px;
  color: #5D5F68;
  margin-top: 18px;
}
@media only screen and (min-width: 1024px) {
  .content-body.p-playlist main .header-playlist p {
    width: 100%;
  }
}
.content-body.p-playlist main .header-playlist .btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-body.p-playlist main .header-playlist .btns .btn-regen {
  border-radius: 50px;
  background-color: transparent;
  font-family: "Space Grotesk", sans-serif;
  line-height: 18px;
  font-size: 14px;
  color: #2E2F34;
  padding: 4px 13px 8px;
  transition: 0.3s ease-in-out;
  border: 1px solid #FD887F;
}
.content-body.p-playlist main .header-playlist .btns .btn-regen svg {
  position: relative;
  top: 4px;
}
.content-body.p-playlist main .header-playlist .btns .btn-regen svg path {
  fill: #FD6E64;
}
.content-body.p-playlist main .header-playlist .btns .btn-regen:hover {
  transition: 0.3s ease-in-out;
  background-color: #FD887F;
  color: rgb(255, 255, 255);
}
.content-body.p-playlist main .header-playlist .btns .btn-regen:hover svg path {
  fill: rgb(255, 255, 255);
}
@media only screen and (min-width: 1024px) {
  .content-body.p-playlist main .header-playlist .btns .btn-regen svg {
    position: relative;
    top: 4px;
    margin-right: 3px;
  }
  .content-body.p-playlist main .header-playlist .btns .btn-regen svg path {
    fill: #FD887F;
  }
}
.content-body.p-playlist main .header-playlist .btns p {
  width: initial;
}
@media only screen and (min-width: 1024px) {
  .content-body.p-playlist main .playlist {
    width: 70%;
  }
}
.content-body.p-playlist main .playlist .episode {
  border-top: 1px solid #2E2F34;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.content-body.p-playlist main .playlist .episode .ct-img {
  flex: 2;
}
@media only screen and (min-width: 1024px) {
  .content-body.p-playlist main .playlist .episode .ct-img {
    flex: 1;
  }
}
.content-body.p-playlist main .playlist .episode .ct-img .img-episode {
  border-radius: 4px;
  width: 62px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.content-body.p-playlist main .playlist .episode .ct-content {
  flex: 10;
}
@media only screen and (min-width: 1024px) {
  .content-body.p-playlist main .playlist .episode .ct-content {
    flex: 11;
  }
}
.content-body.p-playlist main .playlist .episode .ct-content .metas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.content-body.p-playlist main .playlist .episode .ct-content .metas .reco {
  font-size: 12px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 500;
  color: rgb(255, 255, 255);
  line-height: 16px;
  background-color: #FD887F;
  padding: 2px 8px;
  border-radius: 4px;
}
.content-body.p-playlist main .playlist .episode .ct-content .metas .delete-button {
  cursor: pointer;
}
.content-body.p-playlist main .playlist .episode .ct-content .episode-title {
  font-family: "Space Grotesk", sans-serif;
  color: #2E2F34;
  font-weight: 700;
  line-height: 20px;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.content-body.p-playlist main .playlist .episode .ct-content p {
  font-family: "Lora", serif;
  color: #5D5F68;
  font-size: 14px;
  line-height: 20px;
  margin: 4px 0 0 0;
}
.content-body.p-playlist main .playlist .episode .ct-content .metadata {
  display: flex;
  gap: 4px;
  margin-top: 4px;
  justify-content: space-between;
  align-items: center;
}
.content-body.p-playlist main .playlist .episode .ct-content .metadata .h {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.content-body.p-playlist main .playlist .episode .ct-content .metadata .h p {
  font-size: 12px !important;
}
.content-body.p-playlist main .playlist .episode .ct-content .metadata .h p:nth-child(2):before {
  content: "•";
  margin-right: 4px;
}
.content-body.p-playlist main .playlist .episode .ct-content .album-player {
  padding: 7px 0 10px !important;
}
.content-body.p-playlist main .playlist .episode .ct-content .album-player .play {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
}
.content-body.p-playlist main .playlist .episode .ct-content .album-player .play .sricon-play {
  margin-right: 0;
}
.content-body.p-playlist main .playlist .episode .ct-content .album-player .play .sricon-play:before {
  font-size: 12px !important;
  position: relative !important;
  top: -2px !important;
  left: 0px !important;
}
.content-body.p-playlist main .playlist .episode .sricon-back, .content-body.p-playlist main .playlist .episode .sricon-forward {
  display: none;
}
.content-body.p-playlist main .playlist .no-playlist.btn-lm {
  justify-content: start;
  margin: 0;
}

.podcasts-fav {
  padding: 0 16px !important;
  margin-bottom: 50px;
}
.podcasts-fav h1 {
  font-size: 24px;
  line-height: 28px;
  font-family: "Space Grotesk", sans-serif;
  text-align: center;
  margin: 8px 0 0 0;
}
.podcasts-fav .count p {
  font-family: "Lora", serif;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  margin: 8px 0 18px 0;
  color: #5D5F68;
}
.podcasts-fav .list-group-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.podcasts-fav .list-group-cols .list-group-item {
  padding: initial;
  border: none;
}
@media only screen and (min-width: 1024px) {
  .podcasts-fav .list-group-cols .list-group-item > a {
    width: 100%;
    aspect-ratio: 1/1;
    display: block;
  }
}
.podcasts-fav .list-group-cols .list-group-item > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.podcasts-fav .list-group-cols .list-group-item h4 {
  font-family: "Lora", serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.podcasts-fav .list-group-cols .list-group-item h4 a {
  color: #5D5F68;
}
.podcasts-fav .list-group-cols .list-group-item .categories {
  margin: 0;
}
.podcasts-fav .list-group-cols .list-group-item .categories .cat {
  margin: 6px 0 0 0;
  font-size: 10px;
  font-family: "Lora", serif;
}
.podcasts-fav .list-group-cols .list-group-item .categories .cat2 {
  margin: 4px 0 0 0;
  font-size: 10px;
  font-family: "Lora", serif;
}
.podcasts-fav .list-group-cols .list-group-item img {
  border-radius: 12px;
}

.episodes-fav h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .episodes-fav h1 {
    text-align: left;
    margin-bottom: 42px;
  }
}
.episodes-fav .item-search {
  border-bottom: 0.5px solid #5D5F68;
  padding: 10px 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  flex-direction: column;
}
.episodes-fav .item-search .img-content {
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
}
.episodes-fav .item-search .img-content .img-search {
  max-width: 62px;
  max-height: 62px;
  object-fit: cover;
}
.episodes-fav .item-search .img-content .img-search img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.episodes-fav .item-search .img-content .content-search h4 {
  font-size: 16px;
  font-family: "Space Grotesk", sans-serif;
  line-height: 20px;
  font-weight: 700;
  color: #2E2F34;
  margin: 0;
}
.episodes-fav .item-search .img-content .content-search .author {
  font-family: "Lora", serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  color: #5D5F68;
}
.episodes-fav .item-search .metas {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.episodes-fav .item-search .metas .buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}
.episodes-fav .episodes-list:first-child {
  border-top: 1px solid #2E2F34;
}
@media only screen and (min-width: 1024px) {
  .episodes-fav .episodes-list .episode {
    width: 70%;
  }
}
.episodes-fav .episodes-list .episode .header-episode {
  display: flex;
  align-items: center;
  gap: 12px;
}
.episodes-fav .episodes-list .episode .header-episode .episode-thumbnail {
  width: 62px !important;
  aspect-ratio: 1/1;
}
.episodes-fav .episodes-list .episode .header-episode .episode-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.episodes-fav .episodes-list .episode .header-episode h4 {
  font-family: "Space Grotesk", sans-serif;
  color: #2E2F34;
  letter-spacing: normal !important;
  line-height: 24px;
  margin: 0 0 3px 0;
}
.episodes-fav .episodes-list .episode .header-episode p {
  margin: 0;
  font-size: 14px;
  font-family: "Lora", serif;
  color: #5D5F68;
  font-weight: 600;
}
.episodes-fav .episodes-list .episode .content-episode {
  width: 100%;
}
.episodes-fav .episodes-list .episode .content-episode .episode-description {
  font-family: "Lora", serif;
  font-size: 14px;
  color: #5D5F68;
  display: inline;
  word-break: break-word;
}
.episodes-fav .episodes-list .episode .content-episode .meta-episode {
  margin: 0 0 12px 0;
  font-family: "Lora", serif;
  font-size: 12px;
  font-weight: 600;
  color: #5D5F68;
}
.episodes-fav .episodes-list .episode .content-episode .meta-episode .content-options {
  display: flex;
  align-items: center;
  gap: 8px;
}
.episodes-fav .episodes-list .episode .content-episode .meta-episode .content-options .options {
  height: 24px;
}
.episodes-fav .episodes-list .episode .content-episode .meta-episode .content-options .track-listening {
  height: 32px;
}
.episodes-fav .episodes-list .episode .content-episode .meta-episode .content-options .track-listening .album-player {
  padding: 0 !important;
}
.episodes-fav .episodes-list .episode .content-episode .meta-episode .content-options .track-listening .album-player .play {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
}
.episodes-fav .episodes-list .episode .content-episode .meta-episode .content-options .track-listening .album-player .play .sricon-play {
  margin-right: 0;
}
.episodes-fav .episodes-list .episode .content-episode .meta-episode .content-options .track-listening .album-player .play .sricon-play:before {
  font-size: 12px !important;
  position: relative !important;
  top: -2px !important;
  left: 0px !important;
}
.episodes-fav .sricon-back, .episodes-fav .sricon-forward {
  display: none;
}

.iron-audioplayer {
  opacity: 1 !important;
}
.iron-audioplayer .srp_main_control {
  grid-template-columns: 1fr !important;
}

.rv-podcast .header-page {
  position: relative;
}
.rv-podcast .header-page h1 {
  text-align: center;
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  margin-top: 14px;
}
@media only screen and (min-width: 1024px) {
  .rv-podcast .header-page h1 {
    text-align: left;
    font-size: 32px;
    margin-bottom: 22px;
  }
}
.rv-podcast .searchbar {
  display: block;
  width: 100%;
  padding: 0 25px;
}
@media only screen and (min-width: 1024px) {
  .rv-podcast .searchbar {
    width: 70%;
    padding: 0;
  }
}
.rv-podcast .searchbar h4 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
}
.rv-podcast .searchbar form .search-container {
  position: relative;
}
.rv-podcast .searchbar form .search-container svg {
  position: absolute;
  left: 8px;
  top: 8px;
}
.rv-podcast .searchbar form .search-container input {
  width: 100%;
  padding: 10px 20px 10px 35px;
  border-radius: 10px;
}
.rv-podcast #search-results-rv {
  display: block;
  z-index: 5;
  width: 100%;
  left: 0;
  top: 60px;
  min-height: 50vh;
}
@media only screen and (min-width: 1024px) {
  .rv-podcast #search-results-rv {
    padding: 0;
    width: 70%;
  }
}
.rv-podcast #search-results-rv .result-item {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 15px 30px;
  border-bottom: 1px solid #afb1b6;
}
.rv-podcast #search-results-rv .result-item img {
  width: 50px;
}
.rv-podcast #search-results-rv .result-item a {
  font-size: 16px;
  font-family: "Space Grotesk", sans-serif;
  line-height: 20pt;
  font-weight: normal;
  color: #2E2F34;
  text-decoration: none;
}

/*--------------------------------------------------------------
# Component 
--------------------------------------------------------------*/
.sortable-ghost {
  background-color: #F4F0F7 !important;
}

.episode {
  background-color: white;
}

.flash-message-a {
  display: inline-block;
  padding: 1rem 1.5rem;
  margin: 1rem 0;
  border-radius: 12px;
  font-weight: 500;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #b5e6c4;
  animation: slideDownFade 0.4s ease-out;
  position: fixed;
  top: 74px;
  max-width: 400px;
  left: 50%;
  font-family: "Space Grotesk", sans-serif;
  transform: translateX(-50%);
  font-size: 14px !important;
  line-height: initial !important;
  text-transform: initial !important;
  background-color: rgb(255, 255, 255);
  width: 100%;
  text-align: center;
  z-index: 10000;
}

.footer-wrapper-backtotop {
  background: #FEAF66;
  border-radius: 25px;
  color: #006087 !important;
}

.footer-wrapper-backtotop:hover {
  color: white !important;
}

.locked {
  overflow: hidden;
}

/*--------------------------------------------------------------
# Page 
--------------------------------------------------------------*/
.page-template-default main,
.page-template main {
  padding-top: 20px !important;
}
.page-template-default main h1,
.page-template main h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
}
.page-template-default main .container h1,
.page-template main .container h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
}
.page-template-default main .container .entry-content,
.page-template main .container .entry-content {
  margin-bottom: 50px;
}

/*--------------------------------------------------------------
# Page Qui sommes nous
--------------------------------------------------------------*/
.page-template-template-qui-sommes-nous main .header-page {
  display: flex;
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .header-page {
    display: block;
  }
}
.page-template-template-qui-sommes-nous main .header-page .title {
  background: #006087;
  display: block;
  padding: 35px 10px;
  border-radius: 10px;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .header-page .title {
    width: 100%;
    margin-bottom: 10px;
  }
}
.page-template-template-qui-sommes-nous main .header-page .title h1 {
  color: white;
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
}
.page-template-template-qui-sommes-nous main .header-page .title h1 span {
  color: #FEAD34;
}
.page-template-template-qui-sommes-nous main .header-page img {
  width: 50%;
  border-radius: 10px;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .page-template-template-qui-sommes-nous main .header-page img {
    width: 100%;
  }
}
.page-template-template-qui-sommes-nous main .content-page {
  margin: auto 20px 50px;
}
.page-template-template-qui-sommes-nous main .content-page h2 {
  font-family: "Space Grotesk", sans-serif;
}
.page-template-template-qui-sommes-nous main .content-page p,
.page-template-template-qui-sommes-nous main .content-page li {
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 26px;
  color: #5D5F68;
  font-weight: 400;
}

/*--------------------------------------------------------------
# Page FAQ
--------------------------------------------------------------*/
.page-template-template-faq main .arrow-return {
  cursor: pointer;
}
.page-template-template-faq main .header-page {
  background: #006087;
  display: block;
  padding: 35px 10px;
  border-radius: 10px;
}
.page-template-template-faq main .header-page h1 {
  color: rgb(255, 255, 255);
  font-family: "Space Grotesk", sans-serif;
  font-size: 48px;
  font-weight: bold;
  margin: 0 0 10px 0;
  line-height: 62px;
}
.page-template-template-faq main .header-page h1 span {
  color: #FD6E64;
  font-size: 60px;
  line-height: 60px;
}
.page-template-template-faq main .header-page p {
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-family: "Lora", serif;
}
.page-template-template-faq main .content-page.faq {
  width: 100%;
  margin: 20px auto 50px;
}
@media only screen and (min-width: 1024px) {
  .page-template-template-faq main .content-page.faq {
    width: 70%;
  }
}
.page-template-template-faq main .content-page.faq .faq_titre {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
}
.page-template-template-faq main .content-page.faq .faq_titre h2 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #2E2F34;
  margin: 0;
}
.page-template-template-faq main .content-page.faq .etude {
  background: white;
  border-bottom: 1px solid #eee;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.page-template-template-faq main .content-page.faq .etude:last-child {
  border: 0;
}
.page-template-template-faq main .content-page.faq .etude .etude_answer {
  padding: 15px;
}
.page-template-template-faq main .content-page.faq .etude .etude_titre {
  margin: 0;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  padding: 15px;
  align-items: center;
  transition: background 0.3s;
}
.page-template-template-faq main .content-page.faq .etude .etude_titre:hover {
  background: #e4e4fd;
}
.page-template-template-faq main .content-page.faq .etude .etude_titre .titre {
  margin-bottom: 5px;
  display: table-cell;
  width: 100%;
}
.page-template-template-faq main .content-page.faq .etude .etude_answer_container {
  height: 0;
  overflow: hidden;
}
.page-template-template-faq main .content-page.faq .etude .accordion-button-icon {
  display: table-cell;
  line-height: inherit;
  vertical-align: middle;
}
.page-template-template-faq main .content-page.faq .etude .accordion-button-icon.fa {
  content: url("/wp-content/uploads/2025/01/chevron-right.svg");
}
.page-template-template-faq main .content-page.faq .etude .accordion-button-icon.fa.fa-minus {
  transform: rotate(180deg);
}

/*--------------------------------------------------------------
# Page Blog
--------------------------------------------------------------*/
.page-template-template-blog main {
  padding: 20px;
}
.page-template-template-blog main .header-page {
  background: #006087;
  display: block;
  padding: 24px;
  border-radius: 10px;
  margin-top: 32px;
}
.page-template-template-blog main .header-page h1 {
  color: rgb(255, 255, 255);
  font-family: "Space Grotesk", sans-serif;
  font-size: 48px;
  font-weight: bold;
  margin: 0 0 10px 0;
  line-height: 62px;
}
.page-template-template-blog main .header-page h1 span {
  color: #FD6E64;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
}
.page-template-template-blog main .header-page p {
  color: rgb(255, 255, 255);
  font-family: "Lora", serif;
  font-size: 16px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .page-template-template-blog main .header-page p {
    width: 55%;
  }
}
.page-template-template-blog main .content-page {
  margin: 0;
}
.page-template-template-blog main .content-page .list-items {
  margin-top: 35px;
}
.page-template-template-blog main .content-page .list-items .post-categories li {
  width: max-content;
}
.page-template-template-blog main .content-page .list-items ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .page-template-template-blog main .content-page .list-items ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.page-template-template-blog main .content-page .list-items ul li .post_meta .info {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-family: "Lora", serif;
  color: #5D5F68;
}
.page-template-template-blog main .content-page .list-items ul li .post_meta .info a {
  color: #5D5F68;
}
.page-template-template-blog main .content-page .list-items ul li .post_meta h2 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #2E2F34;
  margin-top: 0;
}
.page-template-template-blog main .content-page .list-items ul li .post_meta .btn-bleu {
  display: block;
  background-color: #0081a7;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  color: white;
  padding: 12px 20px;
  border: none;
  width: max-content;
}

/*--------------------------------------------------------------
# Single Post
--------------------------------------------------------------*/
.single-post main {
  padding-top: 20px;
}
.single-post main .header-page {
  margin-bottom: 35px;
}
.single-post main .header-page h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
}
.single-post main .header-page .infos p {
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 26px;
  color: #5D5F68;
  font-weight: 400;
}
.single-post main .content-page .content {
  display: flex;
  gap: 35px;
  align-items: flex-start;
}
.single-post main .content-page .content img.wp-post-image {
  width: 300px;
  height: auto;
  object-fit: contain;
}
.single-post main .content-page .content .text p,
.single-post main .content-page .content .text li {
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 26px;
  color: #5D5F68;
  font-weight: 400;
}
.single-post main .content-page .content .text footer {
  display: none;
}

/*--------------------------------------------------------------
# Page Contact
--------------------------------------------------------------*/
.page-template-template-contact main .content-page {
  margin: auto 20px 50px;
}
.page-template-template-contact main .content-page #gform_wrapper_6, .page-template-template-contact main .content-page #gform_wrapper_5 {
  width: 60%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page-template-template-contact main .content-page #gform_wrapper_6, .page-template-template-contact main .content-page #gform_wrapper_5 {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Page Monétisation
--------------------------------------------------------------*/
.page-template-template-monetisation main {
  padding-top: 20px;
}
.page-template-template-monetisation main .header-page {
  display: flex;
  gap: 15px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-monetisation main .header-page {
    display: block;
  }
}
.page-template-template-monetisation main .header-page .title {
  background: #006087;
  display: block;
  padding: 35px 10px;
  border-radius: 10px;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .page-template-template-monetisation main .header-page .title {
    width: 100%;
    margin-bottom: 10px;
  }
}
.page-template-template-monetisation main .header-page .title h1 {
  color: white;
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
}
.page-template-template-monetisation main .header-page .title h1 span {
  color: #FEAD34;
}
.page-template-template-monetisation main .header-page .title p {
  color: white;
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
}
.page-template-template-monetisation main .header-page img {
  width: 50%;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .page-template-template-monetisation main .header-page img {
    width: 100%;
  }
}
.page-template-template-monetisation main .content-page p,
.page-template-template-monetisation main .content-page li {
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 26px;
  color: #5D5F68;
  font-weight: 400;
}

@media only screen and (min-width: 1024px) {
  aside {
    display: flex !important;
    flex-direction: column;
  }
}
aside .popup-sidebar {
  margin: 0 20px;
  background-color: #FD887F;
  border-radius: 16px;
  color: rgb(255, 255, 255);
  display: none;
  grid-template-columns: 1fr;
}
aside .popup-sidebar .close-popupsidebar {
  justify-self: end;
  padding: 20px 20px 0 20px;
  cursor: pointer;
}
aside .popup-sidebar h4 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  line-height: 28px;
  padding-left: 20px;
}
aside .popup-sidebar .text {
  font-size: 16px;
  line-height: 24px;
  font-family: "Lora", serif;
  margin: 0;
  padding: 0 20px 20px 20px;
}

#pusher.menu-type-classic-menu {
  padding: 0;
}

#back-to-top, #back-to-top-mobile {
  background-color: #FD6E64;
}

#sonaar-player .mobileProgress {
  background-color: lightgray !important;
}

#sonaar-player .sonaar_fake_wave .sonaar_wave_base {
  background-color: lightgray !important;
}

#pusher-wrap {
  z-index: 8;
}
@media only screen and (min-width: 1024px) {
  #pusher-wrap {
    z-index: 20;
  }
}

/*--------------------------------------------------------------
# Page Connexion
--------------------------------------------------------------*/
.page-template-template-connexion main,
.page-template-template-inscription main {
  padding: 0 !important;
}
.page-template-template-connexion main .container,
.page-template-template-inscription main .container {
  display: flex;
  width: 100%;
  min-height: 60vh;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  gap: 20px;
}
.page-template-template-connexion main .container h1,
.page-template-template-inscription main .container h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
}
.page-template-template-connexion main .container form,
.page-template-template-inscription main .container form {
  display: block !important;
  max-width: 400px;
  text-align: initial;
}
.page-template-template-connexion main .container form .gform_heading,
.page-template-template-inscription main .container form .gform_heading {
  display: none;
}
.page-template-template-connexion main .container form .gfield,
.page-template-template-inscription main .container form .gfield {
  margin-bottom: 15px;
}
.page-template-template-connexion main .container form .gfield .gfield_label,
.page-template-template-inscription main .container form .gfield .gfield_label {
  font-family: "Space Grotesk", sans-serif;
  font-weight: normal;
}
.page-template-template-connexion main .container form .gfield input,
.page-template-template-inscription main .container form .gfield input {
  border-radius: 10px;
}
.page-template-template-connexion main .container form .gform_footer input,
.page-template-template-inscription main .container form .gform_footer input {
  display: block;
  background-color: #0081a7;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  color: white;
  padding: 12px 20px;
  border: none;
  width: max-content;
  margin: 0 auto;
}
.page-template-template-connexion main .container form .gform_page_footer input,
.page-template-template-inscription main .container form .gform_page_footer input {
  display: block !important;
  background-color: #0081a7 !important;
  border-radius: 50px !important;
  font-family: "Space Grotesk", sans-serif !important;
  color: white;
  padding: 12px 20px;
  border: none;
  width: max-content;
  margin: 0 auto;
}
.page-template-template-connexion main .container .divider,
.page-template-template-inscription main .container .divider {
  position: relative;
  text-align: center;
  margin: 20px 0;
}
.page-template-template-connexion main .container .divider span,
.page-template-template-inscription main .container .divider span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  background: white;
  z-index: 1;
  font-family: "Space Grotesk", sans-serif;
  color: #2E2F34;
  font-size: 16px;
  line-height: 20px;
}
.page-template-template-connexion main .container .divider:before,
.page-template-template-inscription main .container .divider:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
  z-index: 0;
}
.page-template-template-connexion main .container .btn-google-auth,
.page-template-template-inscription main .container .btn-google-auth {
  width: 100%;
  display: block;
  background-color: #5484EC;
  border-radius: 50px;
  padding: 10px 0;
  font-family: "Space Grotesk", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 16px;
  position: relative;
}
.page-template-template-connexion main .container .btn-google-auth svg,
.page-template-template-inscription main .container .btn-google-auth svg {
  position: absolute;
  left: 14px;
  top: 8px;
}

.gfield_description.validation_message.gfield_validation_message {
  color: #FD6E64;
}

#signup-welcome {
  width: 90%;
  margin: 16px auto;
}
@media only screen and (min-width: 1024px) {
  #signup-welcome {
    width: 50%;
    margin: 32px auto;
  }
}
#signup-welcome p {
  font-family: "Lora", serif;
}
#signup-welcome p h3 {
  font-family: "Space Grotesk", sans-serif;
}

.view {
  text-align: center;
  font-family: "Lora", serif;
}
.view a {
  color: #FD6E64;
}

/*--------------------------------------------------------------
# Page Profil
--------------------------------------------------------------*/
.page-template-template-profil .content-body main .container {
  display: flex;
  width: 100%;
  min-height: 60vh;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  gap: 20px;
}
@media only screen and (min-width: 1024px) {
  .page-template-template-profil .content-body main .container {
    flex-direction: initial;
    justify-content: initial;
    align-items: initial;
    padding: 0;
    gap: 50px;
    margin: 50px 0 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  .page-template-template-profil .content-body main .container .content-avatar-btns {
    position: relative;
    flex: 4;
  }
}
.page-template-template-profil .content-body main .container .content-avatar-btns h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
}
.page-template-template-profil .content-body main .container .content-avatar-btns .picto-modify {
  position: absolute;
  top: 0;
  right: 0;
}
.page-template-template-profil .content-body main .container .content-avatar-btns .user {
  margin-top: 0;
}
@media only screen and (min-width: 1024px) {
  .page-template-template-profil .content-body main .container .content-avatar-btns .user {
    text-align: initial;
  }
}
.page-template-template-profil .content-body main .container .content-avatar-btns .user .avatar {
  width: 80px;
  transition: 0.3s ease-in-out;
}
.page-template-template-profil .content-body main .container .content-avatar-btns .user .avatar .ct-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}
.page-template-template-profil .content-body main .container .content-avatar-btns .user .avatar .ct-avatar .avatar-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  filter: brightness(1);
}
.page-template-template-profil .content-body main .container .content-avatar-btns .user .avatar .ct-avatar .avatar-profil {
  width: 100%;
  height: 100%;
}
.page-template-template-profil .content-body main .container .content-avatar-btns .user .avatar:hover .pen-icon {
  transition: 0.3s ease-in-out;
  display: initial;
  filter: none;
}
.page-template-template-profil .content-body main .container .content-avatar-btns .user .avatar:hover .ct-avatar {
  transition: 0.3s ease-in-out;
  filter: brightness(0.4);
}
.page-template-template-profil .content-body main .container .content-avatar-btns .user .avatar .pen-icon {
  display: none;
  position: absolute;
  top: 28px;
  left: 40px;
  width: 25px;
  height: 25px;
  transform: translateX(-50%);
  background: url("/wp-content/themes/sonaar-child/assets/images/pen-boost-white.svg") no-repeat center center;
  background-size: contain;
  pointer-events: none;
  transition: 0.3s ease-in-out;
}
.page-template-template-profil .content-body main .container .content-avatar-btns .cta-modify-profil {
  display: flex;
  gap: 15px;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .page-template-template-profil .content-body main .container .content-avatar-btns .cta-modify-profil {
    align-items: center;
  }
}
.page-template-template-profil .content-body main .container .content-avatar-btns .cta-modify-profil a {
  display: block;
  background-color: #0081a7;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  color: white;
  padding: 12px 20px;
  border: none;
  width: max-content;
  height: fit-content;
}
.page-template-template-profil .content-body main .container .content-avatar-btns .cta-modify-profil a.logout {
  background-color: #FEC167;
  color: black;
}
.page-template-template-profil .content-body main .container .content-avatar-btns .cta-modify-profil a.btn-delete {
  background-color: #FD6765;
}
.page-template-template-profil .content-body main .container form {
  display: block !important;
  text-align: initial;
}
.page-template-template-profil .content-body main .container form .gform_heading {
  display: none;
}
.page-template-template-profil .content-body main .container form .gfield {
  margin-bottom: 15px;
}
.page-template-template-profil .content-body main .container form .gfield .gfield_label {
  font-family: "Space Grotesk", sans-serif;
  font-weight: normal;
}
.page-template-template-profil .content-body main .container form .gfield input {
  border-radius: 10px;
}
.page-template-template-profil .content-body main .container form .gform_footer input {
  display: block;
  background-color: #0081a7;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  color: white;
  padding: 12px 20px;
  border: none;
  width: max-content;
  margin: 0 auto;
}
.page-template-template-profil .content-body main .container form .gform_page_footer input {
  display: block !important;
  background-color: #0081a7 !important;
  border-radius: 50px !important;
  font-family: "Space Grotesk", sans-serif !important;
  color: white;
  padding: 12px 20px;
  border: none;
  width: max-content;
  margin: 0 auto;
}
.page-template-template-profil .content-body main .container .categories-selector {
  margin-top: 50px;
}
@media only screen and (min-width: 1024px) {
  .page-template-template-profil .content-body main .container .categories-selector {
    flex: 8;
    margin-top: 0;
  }
}
.page-template-template-profil .content-body main .container .categories-selector h3 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 25px;
  margin-bottom: 25px;
}
.page-template-template-profil .content-body main .container .categories-selector .categories-list {
  display: flex;
  flex-wrap: wrap;
}
.page-template-template-profil .content-body main .container .categories-selector .categories-list .category-item {
  margin-right: 8px;
  margin-bottom: 8px;
  background: #EFEFF0;
  text-decoration: none;
  padding: 8px 15px;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: background 0.2s ease;
}
.page-template-template-profil .content-body main .container .categories-selector .categories-list .category-item:hover {
  background: #FD6E64;
}
.page-template-template-profil .content-body main .container .categories-selector .categories-list .category-item.selected {
  background: #FD6E64;
  font-weight: bold;
}
.page-template-template-profil .content-body main .container .categories-selector .btn-save-categories {
  display: block;
  background-color: #0081a7;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  color: white;
  padding: 12px 20px;
  border: none;
  width: max-content;
  cursor: pointer;
  margin-bottom: 50px;
  margin-top: 10px;
}
.page-template-template-profil .content-body main .container .categories-selector .btn-save-categories:hover {
  opacity: 0.9;
}
.page-template-template-profil .content-body main .container .categories-selector .btn-save-categories:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/*--------------------------------------------------------------
# Page Modifier Profil
--------------------------------------------------------------*/
.page-template-template-modifier-profil .content-body main h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
}
.page-template-template-modifier-profil .content-body main form {
  margin-bottom: 50px;
}
.page-template-template-modifier-profil .content-body main form .gfield .gfield_label {
  font-family: "Space Grotesk", sans-serif;
  font-weight: normal;
}
.page-template-template-modifier-profil .content-body main form .gform_footer input {
  display: block !important;
  background-color: #0081a7 !important;
  border-radius: 50px !important;
  font-family: "Space Grotesk", sans-serif !important;
  color: white;
  padding: 12px 20px;
  border: none;
  width: max-content;
  margin: 0 auto;
}

.ct-avatar-h {
  width: 40px;
  height: 40px;
  transition: 0.3s ease-in-out;
}
.ct-avatar-h img {
  border-radius: 50%;
}

.avatar-select .arrow-return {
  cursor: pointer;
}
.avatar-select #avatar-form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  margin: 20px 0 0 20px;
}
.avatar-select #avatar-form label {
  cursor: pointer;
  position: relative;
  border: 3px solid #F5F2F8;
  border-radius: 50%;
  margin-right: 12px;
}
.avatar-select #avatar-form label img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  transition: 0.3s;
  border-radius: 50%;
}
.avatar-select #avatar-form label img.selected {
  border: 4px solid #FD6E64;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.7);
}
.avatar-select #avatar-form label img:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}
.avatar-select #avatar-form button[type=submit] {
  background-color: rgb(0, 129, 167);
  color: rgb(255, 255, 255);
  padding: 9px 24px;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  position: relative;
  z-index: 1000;
  text-align: center;
  border: 2px solid;
  font-weight: bold;
  width: auto;
  font-size: 16px;
  transition: 0.3s ease-in-out;
}
.avatar-select #avatar-form button[type=submit]:hover {
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(0, 129, 167);
  color: rgb(0, 129, 167);
  transition: 0.3s ease-in-out;
}

@keyframes slideDownFade {
  0% {
    opacity: 0;
    transform: translate(-50%, -10px);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
.page-template-template-selection-avatar #wrapper {
  min-height: 800px !important;
}

.section-a-la-une h2 {
  margin: 32px 0;
  color: #2E2F34;
  font-family: "Space Grotesk", sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}
.section-a-la-une .articles .une {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .section-a-la-une .articles .une {
    flex-direction: row;
  }
}
.section-a-la-une .articles .une-img {
  flex: initial;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .section-a-la-une .articles .une-img {
    flex: 1;
  }
}
.section-a-la-une .articles .une-img img {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}
@media only screen and (min-width: 1024px) {
  .section-a-la-une .articles .une-img img {
    max-height: 400px;
    object-fit: cover;
    object-position: center center;
  }
}
.section-a-la-une .articles .une-content {
  flex: initial;
}
@media only screen and (min-width: 1024px) {
  .section-a-la-une .articles .une-content {
    flex: 1;
  }
}
.section-a-la-une .articles .une-content .post-categories {
  margin: 0 0 16px 0;
  padding: 0;
  list-style: none;
}
.section-a-la-une .articles .une-content .post-categories li a {
  font-family: "Lora", serif;
  font-size: 14px;
  color: #5D5F68;
  font-weight: 500;
}
.section-a-la-une .articles .une-content h4 {
  font-size: 26px;
  line-height: 32px;
  color: #2E2F34;
  font-weight: bold;
  font-family: "Space Grotesk", sans-serif;
}
.section-a-la-une .articles .une-content p {
  color: #5D5F68;
  font-family: "Lora", serif;
  font-size: 18px;
  margin: 16px 0;
}
.section-a-la-une .articles .une-content .date {
  font-size: 14px !important;
}

.content-page h2 {
  margin: 32px 0;
  color: #2E2F34;
  font-family: "Space Grotesk", sans-serif;
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}
.content-page ul {
  gap: 16px !important;
}
.content-page ul .item img {
  border-radius: 16px;
  max-height: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center center;
}
.content-page ul .item .post_meta .title h2 {
  margin: 0;
  line-height: 24px;
}
.content-page ul .item .post_meta .date {
  font-family: "Lora", serif;
  font-size: 14px !important;
  color: #5D5F68;
}

.single-post .header-page h1 {
  font-weight: 700;
}
.single-post .header-page .info p {
  color: #5D5F68;
  font-family: "Lora", serif;
  font-size: 12px;
}
.single-post .content-page .content {
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  .single-post .content-page .content {
    flex-direction: row;
  }
}
.single-post .content-page .content img {
  width: 100% !important;
  border-radius: 16px;
  aspect-ratio: 1;
  object-fit: cover !important;
  object-position: center center;
}
@media only screen and (min-width: 1024px) {
  .single-post .content-page .content img {
    width: 300px !important;
    max-height: 100%;
  }
}
.single-post .list-items h2 {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  margin: 24px 0;
}
.single-post .list-items ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 1024px) {
  .single-post .list-items ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
.single-post .list-items ul img {
  border-radius: 16px;
  aspect-ratio: 1;
  object-fit: cover !important;
  object-position: center center;
}
.single-post .list-items ul .post_meta .info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-post .list-items ul .post_meta .info ul li a {
  margin-top: 16px;
  font-family: "Lora", serif;
  color: #5D5F68;
  font-weight: 500;
  display: block;
}
.single-post .list-items ul .post_meta .title h4 {
  color: #2E2F34;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  line-height: 24px;
}
.single-post .list-items ul .post_meta .date {
  font-family: "Lora", serif;
  font-size: 14px !important;
  color: #5D5F68;
}

.content-body {
  display: initial;
}

.page-booster .page-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
  height: auto;
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .page-booster .page-content {
    width: 70%;
  }
}
.page-booster .page-content .ct-txt {
  flex: 1;
  padding: 32px;
  background-color: #FD6E64;
  border-radius: 16px;
}
.page-booster .page-content .ct-txt h1 {
  font-weight: 500;
  font-family: "Space Grotesk", sans-serif;
  width: 60%;
  color: rgb(255, 255, 255);
  margin: 0 0 24px 0;
  font-size: 36px;
  line-height: 46px;
}
@media only screen and (min-width: 1024px) {
  .page-booster .page-content .ct-txt h1 {
    font-size: 42px;
    line-height: 56px;
    margin-top: 0;
  }
}
.page-booster .page-content .ct-txt p {
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: rgb(255, 255, 255);
}
.page-booster .page-content .ct-j h2 {
  width: 60%;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 16px 0;
}
@media only screen and (min-width: 1024px) {
  .page-booster .page-content .ct-j h2 {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 16px 0;
  }
}
.page-booster .page-content .ct-j p {
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 26px;
  color: #2E2F34;
  font-weight: 400;
}
.page-booster .page-content .ct-j span {
  font-size: 26px;
  line-height: 28px;
  font-weight: 500;
  font-family: "Space Grotesk";
}
.page-booster .page-content .ct-j .blocs {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  gap: 16px;
  margin-top: 16px;
}
@media only screen and (max-width: 480px) {
  .page-booster .page-content .ct-j .blocs {
    flex-direction: column;
  }
}
.page-booster .page-content .ct-j .blocs .b {
  flex: 1;
  background-color: white;
  padding: 32px;
  border-radius: 16px;
  border: 1px solid #FD6E64;
}
.page-booster .page-content .ct-j h4 {
  width: 100%;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  font-family: "Space Grotesk";
}
@media only screen and (min-width: 1024px) {
  .page-booster .page-content .ct-j h4 {
    font-size: 26px;
  }
}
.page-booster .page-content .ct-j .btn {
  margin: 32px auto 32px;
  display: block;
}
.page-booster .page-content .ct-j .btn .btn-blue {
  background-color: rgb(0, 129, 167);
  color: rgb(255, 255, 255);
  padding: 9px 24px;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  position: relative;
  z-index: 1000;
  width: fit-content;
}

.page-template-template-booster {
  overflow: inherit !important;
}

.header-podcast {
  position: relative;
  display: flex;
  flex-direction: column;
}
.header-podcast .buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  margin: 12px auto 8px;
}
@media only screen and (min-width: 1024px) {
  .header-podcast .buttons {
    margin: 12px 16px 8px;
    position: initial;
    width: auto;
  }
}
.header-podcast .buttons .arrow-return, .header-podcast .buttons .share-options {
  position: initial;
}
.header-podcast .buttons .share-options {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1024px) {
  .header-podcast .header-content {
    display: flex;
    align-items: end;
    margin: 0 16px;
    padding: 32px !important;
    border-radius: 16px;
    gap: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .header-podcast .img-title .img-podcast {
    display: block;
    width: 250px;
    margin: 0 !important;
    aspect-ratio: 1/1;
  }
}
@media only screen and (max-width: 768px) {
  .header-podcast .img-title .img-podcast {
    width: 240px;
    margin: 80px auto 0;
  }
}
.header-podcast .img-title .img-podcast img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.content-podcast {
  padding: 16px 16px 0 16px;
}
@media only screen and (min-width: 1024px) {
  .content-podcast {
    padding: 0;
  }
}
.content-podcast .type {
  font-family: "Space Grotesk", sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px !important;
  color: rgb(255, 255, 255);
}
.content-podcast .content-txt {
  display: flex;
  flex-direction: column;
}
.content-podcast .content-txt h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24pt;
  font-weight: 700;
  line-height: 28pt;
  margin: 0 0 12px 0;
  color: rgb(255, 255, 255);
  order: 1;
}
@media only screen and (min-width: 1024px) {
  .content-podcast .content-txt h1 {
    font-family: "Space Grotesk", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 16px !important;
  }
}
.content-podcast .content-txt .author {
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: white;
  order: 2;
}
@media only screen and (min-width: 1024px) {
  .content-podcast .content-txt .author {
    margin-bottom: 16px !important;
    font-size: 18px !important;
  }
}
.content-podcast .content-txt .cat {
  font-size: 14px;
  color: white;
  font-family: "Lora", serif;
  margin-bottom: 12px;
  order: 3;
}
@media only screen and (min-width: 1024px) {
  .content-podcast .content-txt .cat {
    margin-bottom: 8px !important;
  }
}
.content-podcast .content-txt .desc-mobile {
  display: initial;
  font-size: 12px;
  font-family: "Lora", serif;
  line-height: 20px;
  color: rgb(255, 255, 255);
  order: 5;
}
@media only screen and (min-width: 1024px) {
  .content-podcast .content-txt .desc-mobile {
    display: none !important;
    order: 4;
  }
}
.content-podcast .content-txt .desc-mobile .show-more-btn {
  font-weight: bold;
  display: inline-block;
  margin-left: 4px;
  text-decoration: underline;
  cursor: pointer;
}
.content-podcast .content-txt .desc-mobile .show-more-btn.displayed {
  display: block;
}
.content-podcast .content-txt .desc-podcast {
  font-size: 14px;
  font-family: "Lora", serif;
  line-height: 20px;
  color: rgb(255, 255, 255);
}
.content-podcast .content-txt .desc-podcast .show-more-btn {
  font-weight: bold;
  display: inline-block;
  margin-left: 4px;
  text-decoration: underline;
}
.content-podcast .content-txt .desc-podcast .show-more-btn.displayed {
  display: block;
}
.content-podcast .content-txt .fav-button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin: 0 0 12px 0;
  order: 4;
}
@media only screen and (min-width: 1024px) {
  .content-podcast .content-txt .fav-button {
    order: 5;
    margin: 8px 0 0 0;
  }
}
.content-podcast .content-txt .fav-button .simplefavorite-button {
  font-size: 12px;
  color: rgb(255, 255, 255);
  background: #01759B;
  border-radius: 50px;
  padding: 8px 24px;
  border: none;
  opacity: 1;
  font-family: "Space Grotesk", sans-serif;
  line-height: 16px;
}
.content-podcast .meta-podcast {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.content-podcast .meta-podcast .l-icons {
  display: flex;
  align-items: center;
  gap: 6px;
}
.content-podcast .meta-podcast .l-icons .share-button svg {
  position: relative;
  top: 2px;
}
.content-podcast .meta-podcast .r-icons .dots svg {
  position: relative;
  top: 4px;
}

.episodes-listing {
  width: 100% !important;
}
.episodes-listing h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #2E2F34;
  border-bottom: 1px solid rgb(175, 177, 182);
  padding: 0 0 6px 0;
  font-family: "Space Grotesk", sans-serif;
  margin-bottom: 0;
  margin-top: 32px;
}
.episodes-listing .container-content {
  display: flex;
  gap: 44px;
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-episodes {
    width: 75%;
  }
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode {
  display: flex;
  flex-direction: column;
  border: none;
  border-bottom: 1px solid rgb(175, 177, 182) !important;
  margin: 0;
  padding: 12px 8px 0 8px;
  border-radius: 0;
  transition: 0.2s ease-in-out;
  background-color: rgb(255, 255, 255);
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode:hover {
  transition: 0.2s ease-in-out;
  background-color: #F4F0F7;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .episode-thumbnail {
  width: 46px !important;
  height: 46px;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .episode-thumbnail img {
  border-radius: 4px;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .header-episode {
  display: flex;
  gap: 12px;
  align-items: center;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .header-episode h4 {
  font-size: 16px;
  font-family: "Space Grotesk", sans-serif;
  line-height: 20px;
  font-weight: 700;
  color: #2E2F34;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .episode-description .truncated-content p {
  word-break: break-word;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .episode-description .truncated-content .show-more-btn {
  display: inline-block;
  margin-left: 4px;
  font-weight: bold;
  text-decoration: underline;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .episode-description .truncated-content .show-more-btn.displayed {
  display: block;
  margin-left: 0;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode {
    display: initial;
    margin-bottom: 12px;
  }
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode p {
  font-family: "Lora", serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  color: #5D5F68;
  width: 100%;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .content-options {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .content-options .options {
  display: flex;
  gap: 20px;
}
.episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .content-options .options .add-to-playlist, .episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .content-options .options .added-to-playlist {
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .play .srp_main_control {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .play .srp_main_control .play {
    width: 25px !important;
    height: 25px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-episodes .episodes-list .episode .content-episode .meta-episode .play .srp_main_control .play i:before {
    font-size: 9px !important;
    top: -3px;
    position: relative;
  }
}
.episodes-listing .container-content .ct-desc {
  display: none !important;
}
@media only screen and (min-width: 1024px) {
  .episodes-listing .container-content .ct-desc {
    width: 25%;
    display: initial !important;
  }
}
.episodes-listing .container-content .ct-desc .desc-podcast {
  font-size: 14px;
  font-family: "Lora", serif;
  line-height: 20px;
  color: #5D5F68;
}

.list-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
}
.list-buttons .btn-confirm {
  padding: 12px 0;
  width: 100%;
  border-radius: 50px;
  border: none;
  color: rgb(255, 255, 255);
  background-color: #01759B;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  line-height: 20pt;
  font-weight: 500;
  text-align: center;
}
.list-buttons .btn-cancel {
  padding: 12px 0;
  width: 100%;
  border-radius: 50px;
  border: 1px solid #FF5835;
  color: #FF5835;
  background-color: transparent;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  line-height: 20pt;
  font-weight: 500;
  text-align: center;
}
.list-buttons #annuler-revendiquer {
  background: transparent;
  border: none;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #5D5F68;
  padding: 0;
  cursor: pointer;
}

/* FORM PODCAST DE LA SEMAINE */
.sections {
  width: 100%;
  gap: 32px;
}
@media only screen and (min-width: 1024px) {
  .sections {
    width: 70%;
  }
}
.sections .ct-txt {
  flex: 1;
}
.sections .ct-txt h1 {
  font-size: 28px;
  line-height: 32px;
  font-family: "Space Grotesk", sans-serif;
  width: 80%;
  font-weight: 700;
}
@media only screen and (min-width: 1024px) {
  .sections .ct-txt h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .sections .ct-txt h1 {
    font-size: 24px;
    line-height: 28px;
  }
}
.sections .ct-txt p {
  font-family: "Lora", serif;
  font-size: 16px;
  line-height: 26px;
  color: #5D5F68;
  font-weight: 400;
  width: 80%;
}
.sections .ct-f {
  flex: 2;
}
.sections .ct-f #gform_2 {
  margin-bottom: 50px;
}
.sections .ct-f #gform_2 #gform_fields_2 {
  row-gap: 20px;
}
.sections .ct-f #gform_2 input, .sections .ct-f #gform_2 select, .sections .ct-f #gform_2 textarea {
  border-radius: 8px;
  border: 1px solid #CAC6CC;
}
.sections .ct-f #gform_2 label {
  font-weight: 400;
  font-family: "Space Grotesk";
}
.sections .ct-f #gform_2 #gform_submit_button_2 {
  width: auto;
  margin: 18px auto 0;
  display: block;
  background-color: rgb(0, 129, 167);
  border-radius: 50px !important;
  font-family: "Space Grotesk", sans-serif;
  color: white;
  padding: 12px 24px;
  border: none !important;
}

.error404 #wrapper {
  min-height: 500px;
}

.page404 {
  padding: 20px;
}
.page404 h1 {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: 52px;
  text-align: center;
  color: #2E2F34;
  margin: 82px 0 0 0;
}
.page404 p {
  font-family: "Lora", serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  margin-left: 24px;
  color: #5D5F68;
  margin-bottom: 42px;
}
.page404 .btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page404 .btn a {
  padding: 14px 32px;
  background-color: #01759B;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 20px;
  border: none;
  margin-left: 24px;
}

.page-template-template-inscription {
  overflow: auto !important;
}

.page-template-template-bienvenue #pusher-wrap {
  top: 0px;
}
@media only screen and (min-width: 1024px) {
  .page-template-template-bienvenue #pusher-wrap {
    top: 72px;
  }
}

.content-body.bienvenue {
  background: url("/wp-content/uploads/2025/01/bkg-bienvenue.jpg");
  background-size: cover;
  overflow: hidden;
}
.content-body.bienvenue .container {
  display: flex;
  width: 100%;
  height: 100vh;
}
.content-body.bienvenue .container .content {
  display: block;
  background: rgb(255, 255, 255);
  padding: 20px;
  width: 400px;
  margin: 20px;
  border-radius: 15px;
  text-align: center;
  position: relative;
  top: 50px;
}
.content-body.bienvenue .container .content h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
  margin-top: 0px;
}
.content-body.bienvenue .container .content p {
  font-family: "Lora", serif;
  color: #5D5F68;
}
.content-body.bienvenue .container .content .gform_heading {
  display: none;
}
.content-body.bienvenue .container .content form .gfield {
  margin-bottom: 0px !important;
}
.content-body.bienvenue .container .content form #gform_fields_login {
  text-align: center;
}
.content-body.bienvenue .container .content form .gform_page_footer.top_label {
  display: flex;
  justify-content: center;
}
.content-body.bienvenue .container .content .gf_login_links {
  display: flex;
  justify-content: center;
  gap: 5px;
  flex-direction: column;
  margin-top: 25px;
}
.content-body.bienvenue .container .content .gf_login_links a {
  font-family: "Space Grotesk", sans-serif;
  color: #2E2F34;
  font-weight: bold;
}
.content-body.bienvenue .content-slider {
  display: flex;
  width: 100%;
  height: 85vh;
}
.content-body.bienvenue .content-slider .slick-list .slick-track .single-item .content-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
}
.content-body.bienvenue .content-slider .slick-list .slick-track .single-item .content-slide .item {
  display: block;
  background: white;
  padding: 40px 73px;
  max-width: 400px;
  margin: 20px;
  border-radius: 15px;
  text-align: center;
}
.content-body.bienvenue .content-slider .slick-list .slick-track .single-item .content-slide .item h1 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
  margin-top: 0px;
}
.content-body.bienvenue .content-slider .slick-list .slick-track .single-item .content-slide .item p {
  font-family: "Lora", serif;
  color: #5D5F68;
}
.content-body.bienvenue .content-slider .slick-list .slick-track .single-item .content-slide .item .connexion p {
  font-family: "Space Grotesk", sans-serif;
}
.content-body.bienvenue .content-slider .slick-list .slick-track .single-item .content-slide .item .connexion p a {
  color: black;
  text-decoration: underline;
}
.content-body.bienvenue .content-slider .slick-list .slick-track .single-item .content-slide .item .btn-jaune {
  display: block;
  background-color: #FD6E64;
  border-radius: 50px;
  font-family: "Space Grotesk", sans-serif;
  color: #2E2F34;
  padding: 12px 20px;
  border: none;
  width: max-content;
  margin: 32px auto;
  font-weight: 700;
}
.content-body.bienvenue .content-slider .slick-dots {
  bottom: 25px;
}
.content-body.bienvenue .content-slider .slick-dots li {
  margin: 0;
}
.content-body.bienvenue .content-slider .slick-dots li button:before {
  font-size: 11px;
  opacity: 0.5;
  color: white;
}
.content-body.bienvenue .content-slider .slick-dots li.slick-active button:before {
  opacity: 1;
}
.content-body.insc-conn {
  background: url("/wp-content/uploads/2025/01/bkg-bienvenue.jpg");
  background-size: cover;
  overflow: hidden;
}
.content-body.insc-conn .container {
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .content-body.insc-conn .container {
    height: 40vh !important;
    min-height: 600px !important;
  }
}
.content-body.insc-conn .container .content {
  display: block;
  background: rgb(255, 255, 255);
  padding: 40px;
  width: 400px;
  margin: 20px;
  border-radius: 15px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .content-body.insc-conn .container .content {
    width: 100%;
    padding: 0;
  }
}
.content-body.insc-conn .container .content h2 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 32px;
  margin: 0 0 24px 0;
}
.content-body.insc-conn .container .content p {
  font-family: "Lora", serif;
  color: #5D5F68;
}
.content-body.insc-conn .container .content .divider {
  position: relative;
  text-align: center;
  margin: 20px 0;
}
.content-body.insc-conn .container .content .divider span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  background: white;
  z-index: 1;
  font-family: "Space Grotesk", sans-serif;
  color: #2E2F34;
  font-size: 16px;
  line-height: 20px;
}
.content-body.insc-conn .container .content .divider:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
  z-index: 0;
}
.content-body.insc-conn .container .content .btn-insc {
  width: 100%;
  display: block;
  background-color: #FD6E64;
  border-radius: 50px;
  padding: 10px 0;
  font-family: "Space Grotesk", sans-serif;
  color: #2E2F34;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 16px;
}
.content-body.insc-conn .container .content .btn-google-auth {
  width: 100%;
  display: block;
  background-color: #5484EC;
  border-radius: 50px;
  padding: 10px 0;
  font-family: "Space Grotesk", sans-serif;
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 16px;
  position: relative;
}
.content-body.insc-conn .container .content .btn-google-auth svg {
  position: absolute;
  left: 14px;
  top: 8px;
}
.content-body.insc-conn .container .content .btn-co {
  width: 100%;
  display: block;
  background-color: #FD6E64;
  border-radius: 50px;
  padding: 10px 0;
  font-family: "Space Grotesk", sans-serif;
  color: #2E2F34;
  font-weight: 700;
  font-size: 16px;
}

@media only screen and (max-width: 480px) {
  .page-template-template-inscription-connexion #wrapper {
    min-height: 600px;
  }
}

.durees h5 {
  font-family: "Space Grotesk", sans-serif;
  font-size: 24px;
  color: #2E2F34;
  margin: 15px 0 15px 0;
  padding: 0 16px;
}
@media only screen and (min-width: 1024px) {
  .durees h5 {
    font-size: 32px;
  }
}
.durees h5 a {
  color: #2E2F34;
  position: relative;
}
.durees h5 a:after {
  display: block;
  z-index: 99999;
  content: url("/wp-content/themes/sonaar-child/assets/images/chevron-right-title.svg");
  position: absolute;
  top: 6px;
  right: -33px;
  transition: ease-in-out 0.3s;
  transform: translateX(0px);
}
.durees h5:hover a:after {
  transition: ease-in-out 0.3s;
  transform: translateX(8px);
}
.durees .ct-durees {
  display: grid;
  grid-template-columns: repeat(5, 1FR);
  gap: 16px;
  margin-bottom: 40px;
  padding-left: 16px;
}
.durees .ct-durees .duree {
  background-color: #92C3DF;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.durees .ct-durees .duree p {
  font-family: "Space Grotesk", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: rgb(255, 255, 255);
  margin: 0;
  padding: 32px 24px;
}

/*# sourceMappingURL=style.css.map */