/*
Theme Name:rakuti
Author:lechef@rakuti.ovh
Author URI: http://www.rakuti.ovh
Description: raku raku
Version:28fevrier OK
marges corigées,titres serif ajout .prop

! KNACSS Reborn: Just keep it simple! @author: Alsacreations v1.0.0 2020/11 Licence WTFPL http://www.wtfpl.net/ 

changer les couleurs, #f7e8d2, #321710, 
*/




:after,:before{box-sizing:border-box;min-width:0;min-height:0}html{font-size:62.5%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-wrap:break-word}

body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.6rem;line-height:1.5;background-color:#f7e8d2}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,

body,h1,h2,h3,nav a,a{color:#321710}


  h1,h2,h3 {margin-left: 10%;
    font-family: serif;
}
p {
    margin-right: 20px;
    margin-left: 20px;
    text-align: center;
}
aside {
  width: 20%;
  max-width: 200px;
  margin-right: 10px;
  margin-left: 10px;
  float: right;
  text-align: center;
}


.prop { clear: both;}


.banniere {
        float: left;
        margin-left: 20px;
        margin-right: 35px;
}

.shadimage {
 
    border-radius: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.6);
}


/*-- --------------------------------------boutons navigation--------------------- */
    
li {
  display: inline-block;
}
nav a {
     list-style-type: none;
     margin-bottom: 5px;
     margin-right: 20px;
     text-decoration: none;
     text-align: center;
     text-shadow: 2px 2px 5px white;
     font-weight: bold; 
     line-height: 2.5;
}
.button {
    border: 1px solid #999999;
    padding: 4px 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #003300;
    background-image:linear-gradient(-90deg, rgba(51, 0, 0, 0.2), rgba(255, 255, 204, 0.75));
}
.buttonactif {
    border-radius: 5px;
    padding: 4px 10px;
    box-shadow: 1px 1px 4px #003300 inset;
    background-image: linear-gradient(-90deg, rgba(255, 255, 204, 0.75), rgba(204, 204, 204, 0.75));
}
.button:hover {
    box-shadow: 2px 2px 7px #003300;
    background-image: linear-gradient(-90deg, rgba(255, 255, 204, 0.75), rgba(204, 204, 204, 0.75));
}

        /*---------------------------------------------boutons----------------*/


/*code css---boxflex pour la page cuisson------------------------*/

.boxflex {	
    display: flex ;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
}

/* code lbf carousel-dessous-------------------------*/

.lbfflex {	
    display: flex ;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}

.gallery{
margin: 10% auto;
width: 233px;
height: 500px;
position: relative;
perspective: 750px;
}
#carousel{
width: 100%;
height: 100%;
position: relative;
transform-style: preserve-3d;
animation: rotation 20s infinite linear;
}
#carousel:hover{
animation-play-state: paused;
}
#carousel figure{
display: block;
position: absolute;
width: 90%;
height: 75%;
left: 10px;
top: 10px;
background: #f7e8d2;
overflow: hidden;
border-radius: 20px;
}
#carousel figure:nth-child(1) { transform: rotateY(0deg) translateZ(380px);}
#carousel figure:nth-child(2) { transform: rotateY(40deg) translateZ(380px);}
#carousel figure:nth-child(3) { transform: rotateY(80deg) translateZ(380px);}
#carousel figure:nth-child(4) { transform: rotateY(120deg) translateZ(380px);}
#carousel figure:nth-child(5) { transform: rotateY(160deg) translateZ(380px);}
#carousel figure:nth-child(6) { transform: rotateY(200deg) translateZ(380px);}
#carousel figure:nth-child(7) { transform: rotateY(240deg) translateZ(380px);}
#carousel figure:nth-child(8) { transform: rotateY(280deg) translateZ(380px);}
#carousel figure:nth-child(9) { transform: rotateY(320deg) translateZ(380px);}
#carousel figure:nth-child(10){ transform: rotateY(360deg) translateZ(380px);}
#carousel img{
-webkit-filter: grayscale(1);
cursor: pointer;
transition: all .5s ease;
width:100%;
}
#carousel img:hover{
-webkit-filter: grayscale(0);
transform: scale(1.2,1.2);
}

@keyframes rotation{
from{
transform: rotateY(0deg);
}
to{
transform: rotateY(360deg);
}
}

/* fin carousel----------------------*/






a:active,a:focus,a:hover{color:#321710;}

abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.h1-like,.h2-like,

h1,h2{margin-top:0;margin-bottom:2rem}.h3-like,.h4-like,.h5-like,.h6-like,

address,blockquote,dd,dl,dt,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0;margin-bottom:1rem}

li .p-like,li ol,li p,li ul,nav ol,nav ul,ol ol,ol ul,ul ol,ul ul{margin-top:0;margin-bottom:0}ol,ul{padding-left:2rem}

nav ol,nav ul{list-style:none;padding:0}

audio,canvas,iframe,img,svg,video{vertical-align:middle}

blockquote,code,iframe,img,input,pre,select,svg,table,td,textarea,video{max-width:100%}

iframe,img,input,select,textarea{height:auto}iframe,img{border-style:none}svg:not([fill]){fill:currentColor}

svg:not(:root){overflow:hidden}

hr{box-sizing:initial;height:0;overflow:visible;border:0;border-top:1px solid;margin:2rem 0;clear:both;color:inherit}

table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;vertical-align:top;margin-bottom:2rem}.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}

[aria-busy=true]{cursor:progress}
[aria-controls]{cursor:pointer}
[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}
[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}
[tabindex],a,area,button,input,label,select,summary,textarea{touch-action:manipulation}
button,input,select,textarea{margin:0;background-color:initial;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;vertical-align:middle}
button,input:not([type=radio]):not([type=checkbox]),select,textarea{border:0}

code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}

pre{-moz-tab-size:2;tab-size:2;white-space:pre-wrap;line-height:normal;overflow:auto;-ms-overflow-style:scrollbar}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
fieldset,form{border:none}
fieldset{margin:0;padding:2rem}
legend
{display:table;max-width:100%;padding:0 .5rem;border:0;color:inherit;white-space:normal}
label{display:inline-block;cursor:pointer}
textarea{overflow:auto;vertical-align:top;resize:vertical;white-space:pre-wrap}
progress{width:100%;vertical-align:initial}
output,progress{display:inline-block}
summary{display:list-item}
template{display:none}

[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}.layout-maxed{display:grid}.layout-maxed>*{grid-column:2}.layout-hero{grid-column:1/-1;display:grid;grid-template-columns:inherit}.layout-hero>*{grid-column:2}.layout-hero-img{grid-column:1/-1;justify-self:center;max-width:100%}

/* mes ajouts @media --en dessous--------------------*/

@media only screen and (min-width: 800px) {
    .menubas { display: none;}
}


/** Mobile **/
@media only screen and (max-width: 800px) {

aside { display: none;}

.menubas { display: inline-block;
           text-align: center;
       padding-right: 30%;
       padding-left: 30%;     
 
 }
}

/* --------------------ajouts- mes @media -au dessus-------------------*/


@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media print{*{background:transparent!important;box-shadow:none!important;text-shadow:none!important}body{width:auto;margin:auto;font-family:serif;font-size:12pt}.h1-like,.h2-like,.h3-like,.h4-like,.h5-like,.h6-like,.p-like,blockquote,h1,h2,h3,h4,h5,h6,label,ol,p,ul{color:#000;margin:auto}.print{display:block}.no-print{display:none}.p-like,blockquote,p{orphans:3;widows:3}blockquote,ol,ul{page-break-inside:avoid}.h1-like,.h2-like,.h3-like,caption,h1,h2,h3{page-break-after:avoid}a{color:#000}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}}

@media (min-width:576px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,576px) minmax(1rem,1fr)}}


@media (min-width:768px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,768px) minmax(1rem,1fr)}}
@media (min-width:1024px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,1024px) minmax(1rem,1fr)}}
@media (min-width:1330px){.layout-maxed{grid-template-columns:minmax(1rem,1fr) minmax(auto,1330px) minmax(1rem,1fr)}}