.wp-site-blocks > header {
position: fixed;
width: 100%;
z-index: 999;
top: 0;
left: 0;
border-bottom: 1px solid #ddd;
}
.wp-site-blocks > main {
margin-top: 120px;
}
#cookie_legal {
position:fixed;
width:100%;
height: 100vh;
left:0;
top:0;
z-index: 99999;
font-size: var(--wp--preset--font-size--small);
background-color: rgba(0,0,0,0.66);
box-shadow: rgba(0,0,0,0.66) 0 3px 8px;
display: flex;
justify-content: center;
align-items: center;
}
#cookie_legal > div {
background-color: #fff;
color: #000;
padding: 2rem;
max-width: 400px;
}
#cookie_legal > div > div{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 30px;
}
#cookie_legal h3 {
margin: 0;
}
.cookie-buttons {
display: flex;
max-width: 200px;
width: 100%;
justify-content: space-between;
flex-direction: row;
}
button.guru-button ,
a.guru-button{
align-items: center;
background: var(--wp--preset--color--base);
border: 1px solid var(--wp--preset--color--base-2);
cursor: pointer;
display: flex;
font-size: var(--wp--preset--font-size--small); height: 50px;
justify-content: center;
max-height: 50px;
overflow: hidden;
padding: 0 1.5rem;
position: relative;
transition: all .5s cubic-bezier(.19,1,.22,1);
text-decoration: none;
z-index: 3;
}
button.guru-button:hover ,
a.guru-button:hover{
color: var(--wp--preset--color--base);
}
button.guru-button:after ,
a.guru-button:after,
button.guru-button:before ,
a.guru-button:before{
background: var(--wp--preset--color--contrast-2);
bottom: auto;
content: "";
height: 0;
left: 0;
position: absolute;
top: 0;
transform: none;
transition: height .5s cubic-bezier(.73,.29,0,1);
width: 100%;
z-index: -1;
}
button.guru-button:hover:before ,
a.guru-button:hover:before{
bottom: 0;
height: 55px;
top: auto;
}
button.guru-button:after ,
a.guru-button:after{
transform: scaleX(0);
transition-delay: 0s;
}
button.guru-button:hover:after ,
a.guru-button:hover:after{
bottom: 0;
height: 55px;
top: auto;
}
#page-transition {
position: fixed;
z-index: 998;
opacity: 0;
height: 1px;
}
body.exit #page-transition {
width: 100vw;
height: 100vh;
top: 0;
left:  0 ;
opacity: 1;
background-color: var(--wp--preset--color--contrast-2);
background-color: transparent;
background-color: #fff; transition: opacity 0.3s 0.2s ease-in, opacity 0.3s 0.2s ease-in;;
border-right: 1px solid #fff;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
-o-backdrop-filter: blur(12px);
display: flex;
justify-content: center;
align-items: center;
}
body.exit #page-transition > div{
opacity: 0;
width: 50vw;
height: 50vh;
background: transparent url(//blog.worldgrandscrus.com/wp-content/themes/guru-2024/public/img/exit.png) no-repeat center; }
body.exit #page-transition.reload > div{
opacity: 1;
transition: opacity 0.2s 0s ease-out;
}
.wp-block-navigation-item__label > img {
align-items: center;
border: 1px solid var(--wp--preset--color--contrast-2);
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 28px;
justify-content: center;
overflow: hidden;
width: 28px;
}
.wp-block-categories li {
transition: background-color 0.3s 0s ease-in;
padding: var(--wp--preset--spacing--20);
margin-bottom: 0;
border-top: 1px solid var(--wp--preset--color--base-2);
border-top: 1px solid #1d3846;
}
.wp-block-categories li:last-child {
border-bottom: 1px solid var(--wp--preset--color--base-2);
border-bottom: 1px solid #1d3846;
}
.wp-block-categories li:hover {
transition: background-color 0.3s 0.1s ease-out;
background-color: var(--wp--preset--color--contrast-3);
}
.wp-block-categories li {
font-size: var(--wp--preset--font-size--small);
}
.wp-block-categories li a {
font-size: var(--wp--preset--font-size--large);
}