/**
 * Theme Name: Metal Workshop
 * Template:   twentytwentyfour
 * Author: Sacree Fabrique
 * Author URI: https://sacreefabrique.fr
 */


/*****************/
/* Style bouton */
/***************/

.wp-block-button.is-style-outline {
display: block;
overflow: hidden;
position: relative;
background-color: transparent;
}
.wp-block-button.is-style-outline a {
position: relative;
z-index: 1;
color: #0D6EFD !important;
border: 2px solid #0D6EFD !important;
}
.wp-block-button.is-style-outline:hover a {
color: #FFF !important;
}
.wp-block-button.is-style-outline:after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 470%;
width: 140%;
background: #0D6EFD;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
transform: translateX(-100%) translateY(-25%) rotate(45deg);
}
.wp-block-button.is-style-outline:hover:after {
-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

/*********************/
/* Style Title Blog */
/*******************/


.wp-block-post {
    position: relative;
}

.real-tag-style {
    position: absolute;
    z-index: 1;
    margin-top: -28%;
    left: 10%;
    font-weight: 400;
}
.real-tag-style a {
    color: #0D6EFD !important;
}

.real-title-style {
    position: absolute;
    z-index: 1;
    margin-top: -16%;
    left: 10%;
    font-style: italic;
    font-weight: 600;
}
.real-title-style a {
    color: #FFF !important;
}

/***************/
/* Style Form */
/*************/


form {
    position: relative ;
}

form label {
    text-transform: uppercase;
    color: #0D6EFD;
    font-weight: 500;
}

form label input {
    height: 40px;
    
}

form label input,
form label textarea, form label select, form label button {
    width: 80%;
    font-size: 1rem;
}

input:is([type="button"], [type="submit"], [type="reset"]) {
    display: block;
    height: 40px;
    widows: 100%;
    font-size: 1rem;
    text-transform: uppercase;
    color: #0D6EFD;
    background: transparent ;
    border: 2px solid #0D6EFD;
    box-shadow: none;
}


/*************************/
/* Style Encart galerie */
/***********************/

.encart-shape .wp-block-cover__background:after {
    display: block;
    content: " ";
    background: #0D6EFD;
    height: 100%;
    clip-path: polygon(0 0, 60% 0, 25% 100%, 0% 100%);
    transition: all 1s ease-in;
}


/* 
.encart-shape:hover .wp-block-cover__background:after,
.encart-shape:hover .wp-block-cover__background.has-background-dim.has-background-dim-80,
.encart-shape:hover .wp-block-cover__inner-container {
    opacity: 0;
}*/


.wp-block-image {
    position: relative;
    z-index: 0;
}

.wp-block-image.wp-lightbox-container::after {
    content: "123";
    display: block;
    z-index : -99;
    position: absolute ;
    width: 100%;
    height: 100%;
    top: 2%;
    left : 2%;    
    border : 2px solid blue;    
}