/*
Theme Name: bbxdesert
Theme URI: http://wordpress.bbxdesign.com
Description: Thème Désert WordPress
Version: 2.0
Author: bbx
Author URI: http://bbxdesign.com
Tags: empty, full-width, simple, white

  bbxdesert
  http://wordpress.bbxdesign.com

*/

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/version2theme/fonts//wp-content/themes/version2theme/fonts/SourceSansPro-Light.eot');
    src: url('/wp-content/themes/version2theme/fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Light.woff') format('woff'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Light.ttf') format('truetype'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/version2theme/fonts/SourceSansPro-Bold.eot');
    src: url('/wp-content/themes/version2theme/fonts/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Bold.woff') format('woff'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Bold.ttf') format('truetype'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/wp-content/themes/version2theme/fonts/SourceSansPro-Regular.eot');
    src: url('/wp-content/themes/version2theme/fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Regular.woff') format('woff'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Regular.ttf') format('truetype'),
        url('/wp-content/themes/version2theme/fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    --primary-color: #007fc6;
    --secondary-color: #f1f1f2;
    --third-color: #848494;
    --fourth-color: #505166;
    --fifth-color: #b8b9c2;
    --sixth-color: #e1e0e5;
    /* Text */
    --light-text-color: #fff;
    --dark-text-color: #141432;
    /* Size */
    --text-fs-xl: 50px;
    --text-fs-l: 40px;
    --text-fs-ml: 30px;
    --text-fs-m: 25px;
    --text-fs-s: 20px;
    --text-fs-ms: 18px;
    --text-fs-xs: 16px;
    /* Gap */
    --gap-l: 60px;
    --gap-s: 30px;
    --gap-xs: 10px;
    /* Pad */
    --pad-xl: 70px;
    --pad-l: 50px;
    --pad-m: 30px;
    --pad-ms: 25px;
    --pad-s: 20px;
    --pad-xs: 10px;
}


body,
button,
input,
select,
textarea {
    color: #333;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

/* Balises block */

.post-content h1 {}

.post-content h2 {}

.post-content h3 {}

.post-content h4 {}

.post-content h5 {}

.post-content h6 {}

.post-content p {}

.post-content ul {}

.post-content ol {}

.post-content blockquote {}

.post-content pre {}

.post-content address {}

.post-content address {}

/* Balises inline */

.post-content strong {}

.post-content em {}

.post-content acronym {}

.post-content code {}

.post-content del {}

.post-content ins {}

/* Classes des images */

.alignleft {
    display: inline;
    float: left;
}

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

.alignright {
    display: inline;
    float: right;
}

.size-auto {}

.size-medium {}

.size-large {}

.size-full {}

.wp-caption {}

.wp-caption img {}

.gallery {}

.gallery .gallery-item {}


/* General */

.centered {
    max-width: calc(1400px + var(--pad-m) * 2);
    margin: 0 auto;
    padding: var(--pad-xl) var(--pad-m);
}

.centered-full {
    padding: var(--pad-xl) 0;
    display: flex;
    flex-direction: column;
    gap: var(--gap-l);
}

.centered-full>* {
    width: 100%;
    max-width: calc(1400px + var(--pad-m) * 2);
    margin: 0 auto;
    padding: 0 var(--pad-m);
}


/* Navigation */

.site-header {
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#radio-player {
    display: none;
}

.top-menu {
    background-color: var(--dark-text-color);
}

.top-menu .top-menu__container {
    width: 100%;
    max-width: calc(1400px + var(--pad-m)* 2);
    margin: 0 auto;
    padding: .2rem var(--pad-m);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--gap-xs);
}

.top-menu__container form {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.top-menu__container form>* {
    font-size: var(--text-fs-xs);
    line-height: var(--text-fs-xs);
    border: 0;
    background-color: transparent;
}

.top-menu__container input {
    padding: .2rem var(--pad-xs);
    color: var(--light-text-color);
}

.top-menu__container input::placeholder {
    color: var(--light-text-color);
}

.top-menu__container input:where(:active, :focus, :focus-visible) {
    outline: 0;
    outline-color: var(--primary-color);
}

.top-menu .direct {
    all: unset;
    cursor: pointer;
    padding: .3rem var(--pad-xs);
    color: var(--dark-text-color);
    font-weight: 700;
    font-size: var(--text-fs-xs);
    line-height: 100%;
    text-transform: uppercase;
    border-radius: 100px;
    background-color: var(--light-text-color);
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
}

.top-menu .direct:before {
    content: "";
    height: var(--text-fs-xs);
    aspect-ratio: 1;
    display: flex;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.play-pause:before {
    background-image: url(/wp-content/themes/version2theme/assets/play.svg);
}

.play-pause.active:before {
    background-image: url(/wp-content/themes/version2theme/assets/pause.svg);
}

.top-menu ul {
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
}

.top-menu a {
    color: var(--light-text-color);
    text-decoration: none;
}

.top-menu .icon-menu {
    display: flex;
}

.top-menu .icon-menu a {
    font-size: 0;
}

.top-menu .icon-menu a:before {
    content: "";
    height: var(--text-fs-m);
    aspect-ratio: 1;
    border-radius: 100px;
    border: 2px solid var(--light-text-color);
    background: center / 70% no-repeat;
    display: flex;
}

.top-menu .icon-menu.fb a:before {
    background-image: url(/wp-content/themes/version2theme/assets/facebook.svg);
}

.top-menu .icon-menu.yt a:before {
    background-image: url(/wp-content/themes/version2theme/assets/youtube.svg);
}

.menu_bar_wrap {
    width: 100%;
    max-width: calc(1400px + var(--pad-m)* 2);
    margin: 0 auto;
    padding: var(--pad-xs) var(--pad-m);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap-l);
}

.menu_bar_wrap .logo_rfm {
    width: 110px;
}

#menu-menu-principal {
    display: flex;
    gap: var(--gap-s);
}

#menu-menu-principal a {
    color: var(--light-text-color);
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

/* HOME */

.home section.live-show-block {
    padding: 45px var(--pad-m) 0px var(--pad-m);
}

.home main.page-direct.page-templates {
    padding: var(--pad-l) var(--pad-m) 0px var(--pad-m);
}

/* Page templates */

.page-templates {
    max-width: calc(1400px + var(--pad-m) * 2);
    margin: 0 auto;
    padding: var(--pad-xl) var(--pad-m);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--gap-s);
}

/* Sidebar */

#radio-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-xs);
}

#radio-sidebar .wp-block-button a {
    width: 100%;
    font-weight: 600;
    font-size: var(--text-fs-ms);
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    gap: var(--gap-xs);
}

#radio-sidebar .wp-block-button a:before {
    content: "";
    height: 36px;
    aspect-ratio: 1;
    display: inline-flex;
    background: url('/wp-content/uploads/2025/04/icon_replay.svg');
}

/* Footer */

footer {
    background: var(--primary-color);
}

footer * {
    color: var(--light-text-color);
}

footer .top-footer {
    width: 100%;
    max-width: calc(1400px + var(--pad-m)* 2);
    margin: 0 auto;
    padding: var(--pad-s) var(--pad-m);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--gap-l);
}

footer #menu-menu-footer {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-s) var(--gap-l);
}

footer #menu-menu-footer>li>a {
    text-transform: uppercase;
    font-weight: 700;
}

footer #menu-menu-footer ul {
    padding-left: 25px;
}

footer #menu-menu-footer li li {
    list-style-type: disc;
}

footer #menu-menu-footer a {
    text-decoration: none;
}

footer .links-footer {
    width: 330px;
    display: flex;
    flex-direction: column;
    gap: var(--gap-xs);
}

footer .link-relisten {
    padding: 0.3rem;
    border-radius: 1000px;
    background-color: var(--light-text-color);
    display: flex;
    align-items: center;
}

footer .link-relisten img {
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 90px;
}

footer .relisten__container {
    padding: var(--pad-xs) var(--pad-s);
}

footer .relisten__container h3 {
    margin-bottom: 0.5rem;
    color: var(--primary-color);
    font-size: var(--text-fs-xs);
}

footer .relisten__container p {
    color: var(--dark-text-color);
    line-height: 120%;
}

footer .link-donation {
    padding: var(--pad-xs) var(--pad-s);
    border-radius: 1000px;
    background: linear-gradient(25deg, rgba(81, 87, 208, 1) 50%, rgba(169, 77, 158, 1) 95%);
    display: flex;
    gap: var(--gap-xs);
}

footer .link-donation * {
    font-size: var(--text-fs-xs);
    font-weight: 700;
    line-height: 120%;
}

footer .link-donation p {
    text-transform: uppercase;
    text-align: right;
}

footer .link-donation a {
    padding: .5rem 0.8rem;
    color: #4c40cf;
    text-decoration: none;
    border-radius: 1000px;
    background-color: var(--light-text-color);
    display: inline-flex;
    align-items: center;
}

footer .bottom-footer {
    background-color: var(--dark-text-color);
}

footer .bottom-footer nav {
    width: 100%;
    max-width: calc(1400px + var(--pad-m)* 2);
    margin: 0 auto;
    padding: var(--pad-xs) var(--pad-m);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: var(--gap-l);
}

footer .bottom-footer ul {
    display: flex;
    gap: 29px;
}

footer .bottom-footer li:not(:first-child) {
    list-style-type: disc;
}

footer .bottom-footer li a {
    text-decoration: none;
}

/* Search page */

.search main {
    min-height: 50dvh;
}

.search h1 {
    color: var(--primary-color);
    font-size: var(--text-fs-m);
}

.search-results-list li {
    margin: var(--gap-xs) 0;
}

.search-results-list a {
    color: var(--dark-text-color);
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    gap: var(--gap-xs);
}

.search-results-list picture {
    max-width: 200px;
    aspect-ratio: 16/9;
}

.search-results-list picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bloc-don,
.block-rss,
.bloc-categories-actualites,
.block-frequencies {
    border-radius: 2px;
    width: 100%;
}

.block-navigation-program {
    border-radius: 2px;
    overflow: hidden;
}

/* PAGE GENERIQUE */

.gen_page h1.post-title {
    font-size: var(--text-fs-xl);
    color: var(--primary-color);
}

.gen_page h2 {
    font-size: var(--text-fs-m);
    color: var(--dark-text-color);
}

.gen_page main .post-content {
    display: block;
}

.gen_page main .post-content p {
    margin-bottom: var(--pad-xs);
}

/* PAGE CONTACT */

.contact_page h1.post-title {
    font-size: var(--text-fs-xl);
    color: var(--primary-color);
}

.contact_page .nf-form-content {
    max-width: 750px;
    margin-left: 0;
    padding: 5% 0 2.5% 0;
}

.accept-rgpd-form.checkbox-container.label-right .field-wrap {
    display: flex;
    flex-direction: column;
}

.accept-rgpd-form.checkbox-container.label-right .nf-field-label label {
    font-size: 16px;
}

.accept-rgpd-form.checkbox-container.label-right .nf-field-description p {
    font-size: 14px;
    line-height: 1.25;
    padding-top: 5px;
}

.contact_page .nf-form-content input[type=submit] {
    font-weight: 700;
    background-color: var(--primary-color);
    padding: 0 25px;
    border-radius: 5px;
    transition: all 0.35s ease;
}

.contact_page .nf-form-content input[type=submit]:hover {
    color: #fff;
    background-color: var(--dark-text-color);
    padding: 0 45px;
    border-radius: 40px;
}

.contact_page .nf-response-msg p {
    font-size: var(--text-fs-s);
    color: var(--primary-color);
}


/* PAGE RADIO */

.radio_page h1.post-title {
    font-size: var(--text-fs-xl);
    color: var(--primary-color);
}

.radio_page main .post-content {
    display: block;
    max-width: 900px;
}

.radio_page main .post-content p {
    font-size: var(--text-fs-ms);
    margin-top: 20px;
}


/* ARCHIVES */

.archive-page h1 {
    font-size: var(--text-fs-xl);
    color: var(--primary-color);
}

.archive-page .archive-content h2 {
    font-size: var(--text-fs-s);
    line-height: var(--pad-s);
    margin-top: var(--pad-ms);
    color: var(--dark-text-color);
}

.archive-page .archive-content .archive-thumbnail {
    margin-top: var(--pad-xs);
}

.archive-page .archive-content a.read-more {
    background-color: var(--sixth-color);
    padding: 6px 12px;
    border-radius: 17px;
    margin-top: var(--pad-xs);
    text-decoration: none;
    color: var(--dark-text-color);
    display: inline-block;
    transition: all 0.35s ease;
}

.archive-page .pagination {
    text-align: center;
    margin-top: var(--pad-l);
}

.archive-page .pagination a {
    background-color: var(--primary-color);
    padding: 6px 12px;
    border-radius: 17px;
    margin-top: var(--pad-xs);
    text-decoration: none;
    color: #fff;
    display: inline-block;
}

.archive-page .pagination span.page-numbers.current {
    margin-left: var(--pad-xs);
    margin-right: var(--pad-xs);
    color: var(--primary-color);
    font-weight: 700;
}

.archive-page .taxonomy-list {
    display: flex;
    flex-wrap: wrap;
}

.archive-page article.taxonomy-item {
    width: 25%;
    margin-bottom: var(--pad-xs);
}

.archive-page article.taxonomy-item h2 a {
    background-color: var(--sixth-color);
    padding: 6px 12px;
    border-radius: 17px;
    margin-top: var(--pad-xs);
    text-decoration: none;
    color: var(--dark-text-color);
    display: inline-block;
}

.archive.tax-categorie_emission .archive-item a {
    text-decoration: none;
}

.archive.tax-categorie_emission .archive-item p.archive-meta {
    background-color: var(--sixth-color);
    padding: 6px 12px;
    border-radius: 17px;
    margin-top: var(--pad-xs);
    text-decoration: none;
    color: var(--dark-text-color);
    display: inline-block;
    transition: all 0.35s ease;
}


.archive.tax-categorie_emission .archive-item p.archive-meta:hover,
.archive-page .archive-content a.read-more:hover {
    color: #fff;
    background-color: var(--primary-color);
}

@media (min-width: 1200px) {

    /* Page templates */
    .page-templates>section {
        width: 75%;
    }

    /* Sidebar */
    #radio-sidebar {
        width: 25%;
    }
}

@media (max-width: 1200px) {
    .page-templates .main-content {
        width: 100%;
    }

    .page-templates {
        align-items: center;
        flex-direction: column;
    }

    /* Sidebar */
    #radio-sidebar {
        max-width: 500px;
        margin: var(--pad-m) auto;
    }
	
	.three-latest-news {
        overflow-x: auto !important;
	}
	.three-latest-news .latest-news-block {
        max-width: 33.333% !important;
        min-width: auto !important;
    }
}

@media (min-width: 850px) {
    .page-templates .post-content {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        gap: var(--gap-l) var(--gap-s);
        align-items: flex-start;
    }

    .page-templates .post-content>* {
        grid-column: span 10;
    }
	
	article.recent-listen {
        max-width: 33.333% !important;
        min-width: auto !important;
    }
	
	
}

@media (max-width: 850px) {
    .page-templates .post-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: var(--gap-l);
    }
}

@media (max-width: 768px) {
    .upcoming-emissions {
        margin-top: var(--pad-s);
        margin-bottom: var(--pad-m);
    }

    .three-latest-news {
        overflow-x: auto;
    }

    .archive-page article.taxonomy-item {
        width: auto;
        margin-bottom: var(--pad-xs);
        margin-right: var(--pad-xs);
    }

    .archive-page h1,
    .single-emission h1,
    .radio_page h1.post-title,
    .contact_page h1.post-title {
        font-size: var(--text-fs-l) !important;
        line-height: 1.05;
    }
	
	.recent-listens__container, .three-latest-news {
    flex-direction: column !important;
    align-items: center !important;
	}
	
	article.recent-listen, .three-latest-news .latest-news-block {
        width: 100% !important;
		max-width: 500px !important;
        min-width: auto !important;
    }

}