/*
	CSS Thorgal community
	Stéphane Hardy
	2025-2026
*/


/*
	Général
*/

body {background-color: #efeeed !important;}

@font-face {
    font-family: 'atelanblack';
    src: url("font/atelan-black-webfont.eot");
    src: url("font/atelan-black-webfont.eot?#iefix") format("embedded-opentype"), url("font/atelan-black-webfont.woff") format("woff"), url("font/atelan-black-webfont.ttf") format("truetype"), url("font/atelan-black-webfont.svg#atelanblack") format("svg");
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'atelanmedium';
    src: url("font/atelan-medium-webfont.eot");
    src: url("font/atelan-medium-webfont.eot?#iefix") format("embedded-opentype"), url("font/atelan-medium-webfont.woff") format("woff"), url("font/atelan-medium-webfont.ttf") format("truetype"), url("font/atelan-medium-webfont.svg#atelanblack") format("svg");
    font-weight: normal; font-style: normal;
}
@font-face {font-family : Artifex; src: url('font/artifex-hand-cf-regular.otf');}
@font-face {font-family : Mulish; src: url('font/Mulish-VariableFont_wght.ttf');}

.titre-thorgal {color: #555; text-align: center; clear: both; font-size: calc(24px + 4vw); font-family: Artifex; letter-spacing: -0.1em; padding: 0;}
.texte-thorgal p {color: #555; font: 300 18px/1.2em "Balthazar", serif; text-align: justify; margin-bottom: 1.2em;}

/*
	Thème Breevia
*/

html.breevia-theme #kubio .breevia-header__k__3n3iB0hCoOe-nav:not(.extra-1) .wp-block-kubio-column__container {padding-top: 5px; padding-bottom: 5px;}
html.breevia-theme #kubio .breevia-header__k__4IZ00hP3jOc-outer .wp-block-kubio-navigation-section__nav {border: 0px;}
html.breevia-theme #kubio .breevia-header__k__4IZ00hP3jOc-outer .h-navigation_sticky:not(.extra-1).wp-block-kubio-navigation-section__nav {background-color: #efeeed;}
html.breevia-theme #kubio .breevia-header__k__PYhcI4CA6vQ-container .kubio-logo-image {max-height: 40px;}
#menu-principal > ul > li > a {font-family: Artifex; text-transform: uppercase;}

/*
	Éclairages
*/

#zone-noire {position: relative; background: #1a1a1a; padding-top: 30px; overflow: hidden;}

#zone-noire p {color: #f0f0f0; font: 300 14px Mulish, sans-serif; margin-left: 15%; margin-right: 15%; text-align: justify; margin-bottom: 1.2em; position: relative; z-index: 2;}

#zone-noire:after {width: 100%; height: 50px; background: transparent url('img/barre_haut.png') bottom left repeat-x; clear: both; display: block; content: ""; position: relative; z-index: 2;}

#fond-thorgal-noir {position: absolute; top: calc(50% - 25px); left: 50%; transform: translate(-50%, -50%); z-index: 2;}

#halo {position: absolute; top: 50%; left:50%; width: 300px; height: 300px;  border-radius:50%; z-index: 1; transform: translate(-50%, -50%); pointer-events: none; will-change: transform, left, top; background: radial-gradient(circle at center, rgba(255, 170, 150, 0.9) 0%, rgba(255, 180, 150, 0.6) 15%, rgba(255, 190, 150, 0.3) 30%, rgba(255, 200, 150, 0.15) 45%, rgba(255, 210, 150, 0.05) 60%, rgba(255, 220, 150, 0.0) 75%); mix-blend-mode: screen; filter: blur(20px);}

#angle {float: right; position: relative; top: -30px; z-index: 2;}