/*
Theme : kwz_jikoni
*/
/*--Reset
---------*/
html,
body{
border:none;
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,address,
big,cite,code,em,font,img,small,strike,sub,sup,li,
ol,ul,fieldset,form,label,legend,
button,table,
caption,tr,th,td{
border:none;
font-size:inherit;
line-height:inherit;
margin:0;
padding:0;
text-align:inherit;
}
blockquote::before,
blockquote::after{
content: "";
}
/*M+*/
header,main,footer{
display:block;
padding:0;
margin:0;
}
/*-----------------*/
/*--Document setup
------------------*/
html{
font-size:62.5%; /* 1rem = 10px */
scroll-behavior:smooth;
  background :#222;
}

@media (prefers-reduced-motion: reduce){
html{
scroll-behavior:auto;
 }
}
body{
background:#222; /*#333;*/
box-sizing:border-box;
color:#fbfbfb;
font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
font-size:1.8rem;
letter-spacing:-0.015em;
text-align:left;
}
@supports (font-variation-settings:normal){
body{
font-family:"Inter var",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,sans-serif;
 }
}

*,
*::before,
*::after {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin:0;padding:0;
outline:none; 
  
-webkit-font-smoothing: antialiased;
word-break:break-word;
word-wrap:break-word;
}

h1,h2,h3,h4,h5,h6{
color:#282c34; /*008000; 00ff2e; 02ac21; #50C878 #32A67A;*/
}

/*--SuperClasses
----------------*/
.flex{
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
}

/*--#site, #siteHeader, #siteFooter
-----------------------------------*/
#site{
width:100%;
max-width:480px;
margin:0 0 105px;
  
  overflow:hidden;
}
#siteHeader,#siteFooter{
position:fixed;
left:0;
width:100%;
height:45px;
padding:5px;
margin;0;
z-index:4;
background:#0d0d0d;
}
#siteHeader{
top:0;
border-bottom:5px solid #222;
}
.wimbho #siteHeader{
border-bottom-color:yellow;
}
#siteFooter{
bottom:0;
border-top:5px solid #222;
}
#siteHeaderBar,
#siteFooterBar{
position:relative;
width:100%;
height:100%;
justify-content:space-between;
align-items:center;
}
#siteMain{
position:relative;
width:100%;
height:auto;
margin:120px 0 0; 
}
/*------------------------*/
.kwz{position:relative;
width:100vw;
max-width:480px;
flex-direction:column; 
padding:0 0 70px;
margin:0 auto;
}
.kwz-thumb{
width:100%;
max-width:480px;
height:calc((100vw * 0.5625) + 8px);
max-height:calc(480px * 0.5625);
position:relative;
justify-content:center;
align-items:center;
overflow:hidden;
background:#000;
border-top:4px solid #000;
border-bottom:4px solid #000;
}
.kwz-thumb-mask{
posit---ion:relative;
transform:scale(1.2);
filter:blur(6px);
}
.kwz-thumb-pitsha{
max-width:calc(100vw * 0.5625);
  max-height :calc(100vw * 0.5625);
position:absolute;
to--p:0;/*pas nécessaire*/
  
  background :pink;
}
.vratio-9x16 .kwz-thumb-pitsha{
width:calc((100vw * 0.5625) * 0.5625);
}

.kwz-thumb img
/*-----.kwz-thumb-pitshaq a/?/, 
.kwz-thumb-pitshaq img-----*/{
display:block;
width:100%;
max-width:100%;
height:100%;
max-height:100%;
}
.kwz-meta .wimbho-title{
padding:10px;
  
}
.yinu-albomu .wimbho-title{
padding:10px 0;
  
}
.kwz.yinu-albomu{
width:calc(100% - 30px);
}
.yinu-albomu .kwz-thumb{  
border:4px solid #aaa;
border-radius:7px;
}
.linu-la-albomu.video-rasmi .kwz-thumb{
border-top:4px solid #aaa;
border-bottom:4px solid #aaa;
}
.linu-la-albomu.video-kwz .kwz-thumb{
border:4px solid #aaa;
}
.video-rasmi .kwz-rappel-albomu{
width:52px;
height:52px;
position:absolute;
top:4px;
left:0;
background:#aaa;
overflow:hidden;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
}
.video-rasmi .kwz-rappel-albomu img{
max-width:100%;
height:auto;
display:block;
}
/**********************/
.kwz-meta .wimbho-mwimbhajyi {
width:100%;
height:40px;
overflow:auto;
white-space:nowrap;
justify-content:start;
align-items:center;
marg_____in:10px 0;
  backgro_______und :red;
-ms-overflow-style:none;
scrollbar-width:none;

}

/*--
****
Si besoin
.kwz-meta.mwimbhajyi::-webkit-scrollbar{
display:none;
}
****----*/
.kwz-meta .cat-info-link{
font-size:14px;
color:#999;
justify-content:start;
align-items:center;
margin-right:20px; 
}
.kwz-meta .cat-info-link:first-child{
margin-left:10px;
}
.yinu-albomu .kwz-meta .cat-info-link:first-child{
margin-left:0;
}
.kwz-meta .cat-info-link:focus,
.kwz-meta .cat-info-link:visited{color:#999;}
.kwz-meta .cat-info-thumb,
.kwz-meta .cat-info-no-thumb{
width:25px;
height:25px;
overflow:hidden;
border-radius:50%;
margin-right:5px;
background:#000;
}
.kwz-meta .cat-info-no-thumb{
justify-content:center;/*start*/
align-items:center;
}
.kwz-meta .cat-info-thumb img{
display:block;
max-width:100%;
height:auto;
}

.ratio {
  position: relative;
  width: 100%;
  
 
}

h1{
color:rgb(28, 184, 65) !Important;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9{
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
			imgg{display :block;}