/*  index_home.css
    --header_title: #fff;    top title color
    --header_title_2: #fff;  second top title suich as "bienvenue"
    --header_title_hover: #fff;  color of the top title on hover
    --header_title_2_hover: #fff;  color of the second top title on hover
    --header_background: #0f0f0f;  color of header
    --body_background: #0f0f0f;  color of body with rule set to fixed
    --burger_icon: #fff;  burger icon color
    --burger_icon_hover: #fff;  burger icon hovered color / ALSO color when open
    --burger_title: #fff;   color of top title when in burger (-300width)
    --burger_fansite_titles: #000;  color of fanpages titles in burger
    --burger_list_text: #000;  color of pages names in burger (small)
    --burger_text_hover: #000;  color of hovered titles in burger
    --footer_background: #0f0f0f;  footer background with gradient
    --footer_links: #999;  color of footer links
    --footer_titles: #fff;   color of footer titles

 fansite_home.css
    --background_interface: #fff;   fanpage home interface background
    --button_background: #00000029;   XL interface buttons background
    --button_border: #cfcfcf; top small interface buttons border
    --button_border_hover: #cfcfcf;   top small interface buttons hovered border
    --button_text: #000;   color of interface button text (xl and normal)
    --button_text_hover: #ff0000;    color of interface button hovered
    --button_nav_background: #00000065;    background of interface buttons
    --button_nav_background_hover: #00000080;   background of top interface hovered
    --bio_background: #000;   background of bio section
    --bio_preground: #fff;   color of bio background (text)
    --bio_radiant: #ffffffb7;   secondary color of bio background (circular)
    --bio_glow: #ffffff51;   glow applied to bio background
    --bio_title_glow: #fff;   glow applied to titles
    --event_title: #fff;   color of event title
    --event_container_background: floralwhite;   background color of events containers
    --event_container_title: #000;   titles of containers (dates)
    --event_timeline_arrow: #ff0000;   arrow animated in event timeline
    --event_container_border: #000;   border and small arrows of timeline
    --event_gallery_title: #fff;   color of gallery title in events
    --video_border: #cfcfcf;   border of gallery videos
    --gallery_background: #0f0f0f;   background of gallery
    --gallery_image_background: #0f0f0fb3;   background of gallery images (slide)
*/

:root{
    --body_background: #fff;
    --button_text_hover: #ff0000;
    --header_title_hover: #ff0000;
    --header_title_2_hover: #fff;
    --burger_icon_hover: #ff0000;
    --burger_text_hover: #ff0000;
    --bio_background: rgb(0,0,0,0);
}

/* DIFFERENT BACKGROUNDS FOR EACH PAGE */
#home_body{
    background: url("../fansite1_a/images_a/Z6KFPZV2N5G5TKP4AGZISHPKL4.avif");
    background-size: cover;
    background-attachment: fixed;
}
#media_body{
    background-size: cover;
    background-attachment: fixed;
}
#event_body{
    background-size: cover;
    background-attachment: fixed;
}
#contact_body{
    background-size: cover;
    background-attachment: fixed;
}

/* KEEP CURRENT FANSITE OPEN IN BURGER MENU */
#fansite1 :is(.fansite_list){
    display:flex;
}
#fansite1 :is(.open, .close){
    visibility: hidden;
}
#fansite_label1, #fansite_label1 :is(div, h3, img){
    cursor:default;
}

/* AUTO DISPLAY FOR MEDIA REDIRECTION */
#baisemoi:target{
    opacity: 1;
    background-color: rgba(255, 0, 0, 0.795);
}
#jolieschoses:target{
    opacity: 1;
    background-color: rgba(255, 0, 0, 0.795);
}
#teen:target{
    opacity: 1;
    background-color: rgba(255, 0, 0, 0.795);
}
#vernon:target{
    opacity: 1;
    background-color: rgba(255, 0, 0, 0.795);
}

/* CUSTOM SETTINGS */
.event-image_header>img{
    max-width: 600px;
}