/*
 Theme Name:   IMTA FabLab
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       PH Vaillant
 Author URI:   http://hub.imt-atlantique.fr/fablab
 Template:     twentytwentyfive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/
:root {
    --imta-vert: #99cc99;
    --imta-vert50: #99cc9950;
    --imta-bleu: #00b8de;
    --imta-noir: #14223C;
    --imta-grisclair: #efefef;
}
body, nav, h1{
    font-family: helvetica-lt-pro,sans-serif;
}

footer .wp-block-group, main{
    background-image: url('./assets/fablab-fond.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 300px 200px;
}
main{
    background-position: top right;
    background-size: 300px 350px;
}

.logo a{
    width:stretch;
}

nav{
    font-size: 20px;
}
nav a:hover{
    text-decoration: none;
}

nav a:after {
    transition: all ease-in-out .2s;
    background: none repeat scroll 0 0 #99cc99;
    content: "";
    display: block;
    height: 2px;
    width: 0;
}
nav a:hover:after {
    width: 100%;
}
a:where(.wp-site-blocks *:focus) {
    outline: none;
}

header{
    border-bottom: solid 2px #ededed;
    background-color:var(--imta-noir);
}

main{
    margin-top:0;
}

h1{
    font-family: archer-pro,sans-serif;
    padding: 10px 0px 10px 45px;
}
header h1, header nav{
    color: #fff;
}
main h1{
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><polyline points="0,0 100,0 00,100" style="fill:%2399cc99"/></svg>');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    margin-left: 5% !important;
}
:root :where(main.is-layout-constrained) > :first-child {
    margin-block-start: 30px !important;
}

:root :where(.wp-block-group) {
    margin-top:0;
}
:root :where(.wp-block-columns-is-layout-flex){
    gap:0;
}

.bouton a{
    display:block;
    border: solid 2px var(--imta-vert);
    text-decoration: none;
}
.bouton a:hover{
    transition: all ease-in-out .2s;
    background: linear-gradient(to right, var(--imta-vert) 60%,#fff);
}

.actu-une{
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><polyline points="0,0 100,0 100,100" style="fill:%2300b8de"/></svg>');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 60px 60px;
    background-color:#fff;
    cursor: pointer;
}
.actu-une h2 a:hover{
    text-decoration: none;
}
.actu-une:hover{
/*  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 30" xmlns="http://www.w3.org/2000/svg"><polyline points="0,0 15,15 0,30" fill="none" stroke-width="1.5" stroke="%2399cc99"/></svg>');
    background-repeat: no-repeat;
    background-position: center right;*/
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><polyline points="0,0 100,0 100,100" style="fill:%2399cc99"/><polyline points="65,15 80,30 65,45" fill="none" stroke-width="2" stroke="%2314223C"/></svg>');
    background-size: 100px 100px;
    background-color: var(--imta-grisclair);
    transition: all 300ms ease;
    cursor: pointer;
}

.actu-une-dots{
    background-image: url(./assets/actu-dots.svg);
    background-repeat: no-repeat;
    background-size: 51%;
}
.equipements h2{
    width: 100%
}
.equipements h2{
    text-decoration: none;
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: solid 2px var(--imta-vert);
    border-radius: 10px;
    min-height: 40px;
}
.equipements a{
    display: block;
}
.equipements a:hover{
    text-decoration: none;
}
.equipements h2:hover, .equipements .active h2{
    border: solid 2px var(--imta-noir);
    background-color:var(--imta-vert);
    cursor: pointer;
}
.equipement-detail h1{
    margin-left:0 !important;
}

.liste-projets div.projet{
    height: 100%;
}

.liste-projets li{
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><polyline points="100,0 100,100 0,100" style="fill:%2399cc99"/><polyline points="65,55 80,70 65,85" fill="none" stroke-width="3" stroke="%2314223C"/></svg>');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50px 50px;
    cursor: pointer;
    transition: background-color 1s;
    height: 100px;
}
.liste-projets li:hover{
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><polyline points="100,0 100,100 0,100" style="fill:%2399cc99"/><polyline points="65,55 80,70 65,85" fill="none" stroke-width="3" stroke="%2314223C"/></svg>') no-repeat bottom right, linear-gradient(-45deg, #99cc99 20%, #99cc9933 80%);
}
.liste-projets li div{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.liste-projets li a{
    text-decoration: none;
    display: block;
    padding: var(--wp--preset--spacing--20) 10px;
    width: 100%;
    box-sizing: border-box;
}
.liste-projets li h2{
    padding:0 !important;
    margin:0 !important;
    max-width: 100%;
}
.wp-block-query-pagination-numbers{
    display: contents;
}

#listeTypeProjet ul li, #listeCategorieProjet ul li{
    display:inline;
}
#projetSearch div{
    margin-bottom: 2%;
}
#projetSearch ul{
    margin-top: 0;
    margin-bottom: 0;
}
#projetSearch a{
    display: inline-block;
    background-color: #dedede90;
    border: solid 2px #dedede;
    text-decoration: none;
    font-size: .8em;
    padding: 3px 1em;
    margin-bottom: 5px;
}

#projetSearch a.active{
    border: solid 2px var(--imta-noir);
    background-color: #00b8de90;
}

#projetSearchDiv{
    background-color: var(--imta-vert);
    border-radius: 2em;
    padding: .1em 2em;
    width: 75%;
    margin-bottom: 4%;
}
#projetSearch {
    display: none;
}
#projetSearchDiv.active .gb-shape-db48c928{
    display:none;
}
#projetSearchDiv .gb-shape-bdbd35f8{
    display: none;
}
#projetSearchDiv.active .gb-shape-bdbd35f8{
    display: block;
    transform: rotate(-90deg);
}

.recherche-projet-titre button{
    display:none;
}

footer .wp-block-site-title :where(a){
    font-family: archer-pro,sans-serif;
    font-weight: 400;
}

@media only screen and (min-width : 1366px) {
    :root{
        --wp--style--global--content-size: 80%;
        --wp--style--global--wide-size: 80%;
    }
}
@media only screen and (max-width : 781px) {
    .actu-une-dots{
        background-size: 100%;
    }
}

.flux-actu-home .wp-block-post-date{
    font-size: 1.2em;
    color: var(--imta-noir);
    position: absolute;
    padding: 0% 1%;
    background-color: var(--imta-vert);
}
.flux-actu-home li>div{
    flex-wrap:nowrap;
    min-height: 262px !important;
}
.flux-actu-home h2{
    padding: 0 !important;
    margin: auto 0 0 0 !important;
    line-height: normal;
    border-top: solid 8px var(--imta-vert);
    font-size: 1.2em;
}
.flux-actu-home h2 a{
    text-decoration: none;
    padding: 3% 0 3% 3%;
    margin-bottom: 0 !important;
    margin-top: auto !important;
    background-color: var(--imta-grisclair);
    display: block;
}
.flux-actu-home h2 :hover{
    background-color: var(--imta-vert50);

}
.projet-actus{
    display:none;
}
.projet-actus:has(.cl-articles-projet div>div.post){
    display:block;    
}