/*
Theme Name: Beat Mix Lite Child
Theme URI: http://kopatheme.com/freebies/beatmix-another-free-wordpress-blog-theme
Description: Thème enfant de Beat Mix Lite pour eurodance4ever.fr. Recomposition de l'en-tête : logo centré, recherche, retrait des boutons de connexion.
Author: Valentin Westermeyer
Template: beat-mix-lite
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: beat-mix-lite-child
*/

#kopa-page-header #kopa-header-top #logo-image {
    float: none !important;
    width: 100%;
    height: auto;
    padding: 19px 0;
}
#kopa-page-header #kopa-header-top #logo-image img {
    max-width: 285px;
    height: auto;
}
#kopa-page-header #kopa-header-top #kopa-header-top-inner {
    float: none !important;
    width: 100%;
    height: auto;
    border-left: none;
    border-top: none;
}
#kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix:last-child {
    display: none;
}
#kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .left-col {
    float: none !important;
    width: 100%;
    padding: 0;
}
#kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .left-col:before {
    display: none;
}
#kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .line-divider {
    border-bottom: none;
}

@media screen and (min-width: 768px) {
    #kopa-page-header #kopa-header-top #kopa-header-top-inner {
        display: none;
    }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
    #kopa-page-header #kopa-header-bottom #main-nav {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}
@media screen and (max-width: 479px) {
    #kopa-page-header #main-nav {
        bottom: 0;
    }
}

/* Les iframes YouTube du site ont été intégrées en 560x520 et 560x420, deux
   formats qui ne sont pas du 16/9 : le lecteur compense par des bandes noires.
   Par ailleurs Complianz neutralise leur src, si bien que fitvids — qui repère
   les vidéos à leur source — ne pose plus son conteneur fluide et laisse
   l'attribut height agir en pixels fixes.
   On impose donc le 16/9 dans les deux états : aperçu bloqué et vidéo active. */
.cmplz-blocked-content-container {
    height: auto !important;
}
.cmplz-blocked-content-container iframe.cmplz-iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
}
.fluid-width-video-wrapper {
    padding-top: 56.25% !important;
}