/*
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-m: 25px;
    --text-fs-s: 20px;
    --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-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;
}

/* 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);
}

/* 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) 64%, rgba(169, 77, 158, 1) 88%);
    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: var(--dark-text-color);
    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;
}

@media (min-width: 1200px) {
    /* Page templates */
    .page-templates>section {
        width: 75%;
    }

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

@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;
    }
}

@media (max-width: 1200px) {
    .page-templates {
        align-items: center;
        flex-direction: column;
    }

    /* Sidebar */
    #radio-sidebar {
        max-width: 500px;
        margin: var(--pad-m) auto;
    }
}