@charset "UTF-8";
/*
Theme Name: Castle IT
Author: Basile Jesset
Description: Thème développé dans le cadre du site web Melasun
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: graphic design theme, portofolio, brutalist theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Share the love <3

*/



/*      TTT - GENERAL     */


:root{
    --color-black: #010004;
    --color-darkgrey: #0A0A12;
    --color-blue: #106CAA;
    --color-darkblue: #141424;
    --color-white: #FFFFFF;
    --color-grisline: #44425B;
    --color-lightgreydetail: #E8E9FF;
    --color-lightgreytext: #E8E9FF;
    --color-blogtag: #2D8FCF;
    --color-white: #FFFFFF;


    --color-bleu-degrade: #0A1E31;

    --gradient-button: conic-gradient(from -90deg at 50% 50%, var(--color-bleu-degrade) -64.8deg, var(--color-black) 25.48deg, var(--color-black) 154.43deg, var(--color-bleu-degrade) 244.8deg, var(--color-bleu-degrade) 295.2deg, var(--color-black) 385.48deg);


    --shadow-blue: 0px 0px 20px 9px rgba(16, 108, 170, 0.2);

    --size-grandtitre: 80px;
    --size-titre1: 64px; 
    --size-titre2: 34px;
    --size-titre3: 20px;
    --size-labeur: 14px;
    --size-mention: 40px;

    --text-button-weight: 500;

    --speed : 400ms;

}

html{
    padding: 0 !important;
    margin: 0 !important;
}

body{
    margin: 0 !important;
    padding: 8px !important;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;  
    font-size: var(--size-labeur);
    line-height: 2.1;
    font-weight: 500;  
    color: var(--color-lightgreytext);
    background-color: var(--color-black);
}


::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    border-radius: 2px;
    background-color: transparent;
} 

::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color:  transparent;
    height: 0px;
}
 
::-webkit-scrollbar-thumb {
    background-color: var(--color-lightgreytext);
    border-radius: 5px;
}



h1, h2, h3, h4, h5, h6{
    color: var(--color-lightgreytext);
    margin: 0;
    padding: 0;
    font-weight: 700;
	line-height: 1.15;
}


h1{
    font-size: var(--size-grandtitre);
    line-height: 80px;
    margin: 60px 0 150px 30px;
    color: var(--color-white);
}

h2 {
    font-size: var(--size-titre1);
    font-weight: 700;
    margin: 140px auto 90px;
    /* max-width: 900px; */
    line-height: 1.2;
    color: var(--color-white);
}

h3{
    font-size: var(--size-titre1);
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 50px;
    color: var(--color-white);
}   

h4{
    font-size: var(--size-titre2);
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 50px;
    color: var(--color-white);
}

h5{
    font-size: var(--size-titre3);
    font-weight: 700;
    margin: 30px auto 40px;
    line-height: 1.6;
}



p i, p em{
    font-weight: 600;
}

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

li{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
    color: var(--color-lightgreytext);
}

img{
    width: 100%;
    height: auto;
}




hr{
    border: 0;
    border-bottom: 1px solid var(--color-grisline);
    color: var(--color-grisline);
    margin: 80px 0;
}

.wp-block-separator{
    border-top: 0;
    border-bottom: 1px solid var(--color-grisline);
    color: var(--color-grisline);
}

p{
    padding-bottom: 40px;
    font-weight: 500;
    max-width: 600px;
}

li{

}

form p{
    padding-bottom: 0px !important;
}

b, strong{
    font-weight: 600;
    /* color: var(--color-lightgreytext); */
    font-weight: 700;
}






/* NAV  */



header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background-color: var(--color-darkgrey);
}
    

.border_nav{
    position: absolute;
    top : calc(100% - 2px);
    left: 0;
    /* border-bottom: 1px solid var(--color-grisline); */
    width: 100%;
    height: 1px;
    z-index: 10;


    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-image: 
     linear-gradient(90deg, rgba(0, 0, 0, 0), #44425B, rgba(0, 0, 0, 0)) 1;


    
}


.main_menu{
    padding: 6px 6px 0px 6px;
}

.inner_main_menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title_site{
    width: 80px;
    margin-bottom: -2px;
}

.title_site img{
    margin-bottom: 4px;
}

header .menu_screen{
    display: flex;
    gap: 31px;
    align-items: center;
    margin: 4px;
}

header .menu_screen li{
    position: relative;
    transition: all var(--speed);
    cursor: pointer;
}

header .menu_screen li span{
    display: none;
}


header .menu_screen li::after{
    content: "";
    position: absolute;
    right: calc(100% + 6px);
    top: calc(50% - 1px);
    width: 2px;
    height: 2px;
    background-color: var(--color-lightgreytext);
    transition: all var(--speed);
}


header .menu_screen li a{
    transition: all var(--speed);
    font-weight: var(--text-button-weight);
}

.menu_screen li:hover > a{
    font-weight: 700;
}

header .menu_screen li:hover::after{
    right: calc(100% + 4px);
    top: calc(50% - 3px);
    width: 6px;
    height: 6px;
}

header .sub-menu{
    z-index: -1;
    position: fixed;
    width: 100%;
    background-color: var(--color-darkgrey);
    top: -100%;
    left: 0;
    transition: all var(--speed);

    display: grid;
    align-items: start;
    grid-template-columns: 1fr 1fr;

    gap: 26px;
    padding: 20px 20vw 20px 15vw;
    box-sizing: border-box;

    min-height: 320px;
}

header .sub-menu li{
    border-bottom: 1px solid var(--color-grisline);
    padding-bottom: 10px;
}

header .sub-menu li::after{
    right: auto;
    left: 0;
    top: calc(100% - 1px);
}

header .sub-menu li:hover::after{
    left: 100%;
    right: auto;
    top: calc(100% - 1px);
    width: 2px;
    height: 2px;
}


header .menu_screen .sub-menu li span{
    margin: 10px 0;
    font-weight: 500;
    display: block;
}

header .menu_screen .sub-menu .bandeau_header{
    position: absolute;
    right: 0px;
    bottom: 30px;
}

header .menu_screen .sub-menu .bandeau_header .entry_logo{
    width: 120px;
    padding: 0;
}

 header .contact_link{
    background-color: var(--color-blue);
    padding: 8px 16px;
    border-radius: 3px;
    font-weight: 700;
    position: relative;
}


header .menu_screen li.contact_link::before{
    content: "";
    position: absolute;
    bottom: calc(100% - 2px); 
    left: calc(100% - 4px);
    width: 6px;
    height: 4px;
    border-top: 2px solid var(--color-lightgreytext);
    border-right: 2px solid var(--color-lightgreytext);
    transition: all var(--speed);
}



header .menu_screen li.contact_link::after{
   content: "";
    position: absolute;
    top: calc(100% - 2px); 
    right: calc(100% - 4px);
    width: 6px;
    height: 4px;
    border-bottom: 2px solid var(--color-lightgreytext);
    border-left: 2px solid var(--color-lightgreytext);
    background-color: transparent;
    transition: all var(--speed);
}







main{
    margin-top: 70px;
}





/* WELCOME  */


.entry_welcome{
    margin: -8px;
    width: calc(100% + 16px);
    height: calc(100vh - 70px);
    /* HEIGHT CALCULE A -16px et + 70px de la hauteur */

    position: relative;
    overflow: hidden;
}

.container_video{
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(120%);
    transform-origin: 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.container_video video{
    width: 100%;
    height: auto;
}

.entry_welcome_content{
    display: flex;
    width: 100%;
    height: 100%;
}

.entry_txt{
    flex: 7;
    display: flex;
    flex-direction: column;
    justify-content: end;
}



.entry_txt_inner{
    width: 60%;
    margin-left: 30px;
    margin-bottom: 30px;
    position: relative;
    padding: 0px 10px 10px 10px;
    background: #0A0A1233;
}

.entry_txt_inner::after{
    content: "";
    z-index: -1;
    position: absolute;
    top: -7px; 
    left: -7px;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    border: 0.5px solid var(--color-grisline);
    box-shadow: var(--shadow-blue);
}

.entry_txt_inner strong{
    text-transform: uppercase;
}

.entry_txt_inner p{
    margin-top: 0;
    padding-bottom: 10px;
}

.entry_txt_inner .wp-block-button .wp-element-button{
    margin-top: 40px;
    margin-bottom: 0;
}



.entry_logo{
    width: 200px;
    margin: 0 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    padding: 30px;
}


.entry_logo_solo{
    position: relative;
    padding: 10px 10px 10px 10px;
    background: #0A0A1233;
    margin: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.entry_logo_solo::after{
    content: "";
    z-index: -1;
    position: absolute;
    top: -7px; 
    left: -7px;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    border: 0.5px solid var(--color-grisline);
    box-shadow: var(--shadow-blue);
}




.entry_logo_bandeau{
    /* height: 100px; */
    width: 33vw;
    position: absolute;
    top: 50px;
    z-index: 2;
    right: 10px;
    display: flex;
    justify-content: right;
    gap: 30px;
    padding: 30px;
}

.entry_logo_bandeau .entry_logo_solo{
    position: relative;
    padding: 10px 10px 10px 10px;
    background: #0A0A1233;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.entry_logo_bandeau .entry_logo_solo::after{
    content: "";
    z-index: -1;
    position: absolute;
    top: -7px; 
    left: -7px;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    border: 0.5px solid var(--color-grisline);
    box-shadow: var(--shadow-blue);
}

.wp-container-core-columns-is-layout-9d6595d7{
    position: relative
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%, 0% 20%);

}





.bandeau_entry{
    position: relative;
    background: rgba(255, 255, 255, 0.01);
    /* contour lumineux */
    box-shadow: var(--shadow-blue);
    border-radius: 3px;
    padding: 0 !important;
    font-weight: 700;
    border: 0.5px solid var(--color-grisline);
    margin: 15vh 0;
}


.bandeau_entry .wp-block-column{
    padding: 0 !important;
}


.bandeau_entry::before{
    content: "";
    position: absolute;
    bottom: calc(100% - 8px); 
    left: calc(100% - 10px);
    width: 6px;
    height: 4px;
    border-top: 2px solid var(--color-lightgreytext);
    border-right: 2px solid var(--color-lightgreytext);
}



.bandeau_entry::after{
   content: "";
    position: absolute;
    top: calc(100% - 8px); 
    right: calc(100% - 10px);
    width: 6px;
    height: 4px;
    border-bottom: 2px solid var(--color-lightgreytext);
    border-left: 2px solid var(--color-lightgreytext);
}


.bandeau_entry p{
    font-weight: 700;
    padding-bottom: 0;
}

.bandeau_entry img{
    width: 12px !important;
    margin-right: 4px;
}

body main figure.wp-block-gallery.has-nested-images.solution_all{
    gap: 50px;
    margin: 70px 10px 110px 10px;
    position: relative;
}

body main figure.wp-block-gallery.has-nested-images.solution_all:after{
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 20vw;
    height: calc(100% + 40px);
    background: linear-gradient(270deg, transparent 0%, #212023 65.87%, #010004 86.06%);
    mix-blend-mode: multiply;
    z-index: 10;
}

body main figure.wp-block-gallery.has-nested-images.solution_all:before{
    content: "";
    position: absolute;
    top: -20px;
    right: 0;
    width: 20vw;
    height: calc(100% + 40px);
    background: linear-gradient(90deg, transparent 0%, #212023 65.87%, #010004 86.06%);
    mix-blend-mode: multiply;
    z-index: 10;
}

body main .solution_all figure{
    flex: 1;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--color-white);
}


.wp-block-column{
    padding: 20px 20px 50px 20px;
}

.is-style-bg-columns{
    box-shadow: none !important;
}

.wp-block-columns .wp-block-columns{
    gap: 26px;
}

.is-style-bg-columns .wp-block-column{
    margin-top: 30px;
    position: relative;
    padding: 20px 10px 50px 10px;
    background-color: var( --color-darkgrey);
   
}

.is-style-bg-columns .wp-block-column::after{
    content: "";
    z-index: -1;
    position: absolute;
    top: -7px; 
    left: -7px;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    border: 0.5px solid var(--color-grisline);
    box-shadow: var(--shadow-blue);
}

.is-style-bg-columns .wp-block-column p, .is-style-bg-columns .wp-block-column ul{
    padding: 20px 10px 20px 10px;
}


.wp-block-column li{
    padding: 5px 0px 5px 0px;
    position: relative;
    margin-left: 26px;
}

.wp-block-column li::after{
    content: "";
    position: absolute;
    right: calc(100% + 20px);
    top: 18px;
    width: 4px;
    height: 4px;
    background-color: var(--color-blogtag);
}



.wp-block-cover .wp-block-column .wp-block-column{
    border: 0.5px solid var(--color-grisline);
    box-shadow: var(--shadow-blue);
}

.wp-block-cover .wp-block-columns .wp-block-columns{
    gap: 10px;
}

.wp-block-cover .wp-block-column .wp-block-column h5::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 10px;
    width: calc(100% - 20px);
    border: 0;
    border-bottom: 1px solid var(--color-lightgreydetail);
}

.wp-block-cover .wp-block-column .wp-block-column h5::before{
    content: "";
    position: absolute;
    top: 100%;
    left: 10%;
    width: 80%;
    border: 0;
    border: 0px solid var(--color-lightgreydetail);
}




.wp-block-column .wp-block-column h5{
    line-height: 2;
    margin-top: 0;
    padding: 0px 10px 30px;
    position: relative;
    margin-bottom: 40px;
}


.is-style-bg-columns .wp-block-column .wp-block-column h5::before{
    content: "";
    position: absolute;
    top: calc(100% - 8px); 
    left: calc(100% - 10px);
    width: 6px;
    height: 4px;
    border-bottom: 2px solid var(--color-lightgreytext);
    border-right: 2px solid var(--color-lightgreytext);
}

.is-style-bg-columns .wp-block-column .wp-block-column h5::after{
   content: "";
    position: absolute;
    top: calc(100% - 8px); 
    right: calc(100% - 10px);
    width: 6px;
    height: 4px;
    border-bottom: 2px solid var(--color-lightgreytext);
    border-left: 2px solid var(--color-lightgreytext);
}


.is-style-bg-columns .wp-block-column .wp-block-column h5{
    line-height: 2;
    padding: 10px 10px 30px;
}

.is-style-bg-columns .wp-block-column .wp-block-image{
    padding: 20px;
    background: var(--gradient-button);
    border-bottom: 1px solid var(--color-grisline);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -20px -10px 20px -10px;
}


.is-style-bg-columns .wp-block-column .wp-block-image img{
    max-width: 50%;
}






.wp-block-button .wp-element-button{
    display: block;
    border-radius: 3px;
    position: relative;
    margin: 20px 0;
    text-align: center;
    padding: 5px 10px;
    box-shadow: var(--shadow-blue);
    min-width: 300px;
    box-sizing: border-box;
    font-weight: 500;
    transition: all var(--speed);
    border: 0.5px solid transparent;
}

.wp-block-button .wp-element-button:hover{
    background-color: var(--color-darkblue) !important;
    border: 0.5px solid var(--color-grisline);
    border-radius: 0;
}

.wp-block-button .wp-element-button:hover::before{
    bottom: calc(0% - 6px); 
    border-top: 2px solid transparent;
    border-bottom: 2px solid var(--color-lightgreytext);
}


.wp-block-button .wp-element-button:hover::after{
    top: calc(0% - 6px); 
    border-bottom: 2px solid transparent;
    border-top: 2px solid var(--color-lightgreytext);
}


.wp-element-button::before{
    content: "";
    position: absolute;
    bottom: calc(100% - 2px); 
    left: calc(100% - 2px);
    width: 4px;
    height: 4px;
    border-top: 2px solid var(--color-lightgreytext);
    border-right: 2px solid var(--color-lightgreytext);
    transition: all var(--speed);
}

.wp-element-button::after{
   content: "";
    position: absolute;
    top: calc(100% - 2px); 
    right: calc(100% - 2px);
    width: 4px;
    height: 4px;
    border-bottom: 2px solid var(--color-lightgreytext);
    border-left: 2px solid var(--color-lightgreytext);
    transition: all var(--speed);
}

.wp-block-button .wp-element-button:hover{
    padding-left: 80px;
}



.wp-element-button img{
    margin-left: 5px;
}


.wp-block-cover{
    border-radius: 3px;
    margin: 50px 0;
}


h3 code{
    display: block;
    margin: 20px 0;
    font-family: "Ecrou";
    font-size: 70px;
    /* max-width: 50%; */
}


h3 code strong{
    color: var(--color-blogtag);
}

.wpcf7-form label{
    font-weight: 600;
}

.wpcf7-form input, .wpcf7-form textarea{
    background-color: var(--color-black);
    border: 0.5px solid var(--color-grisline);
    border-radius: 3px;
    padding: 6px;
    font-size: var(--size-labeur);
    color: var(--color-white);
}

.wpcf7-form .flex_form{
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.wpcf7-form .flex_form p{
    width: calc(50% - 8px);
    display: inline-block;
}

.wpcf7-form input[type='text']{
    width: 100%;
}

.wpcf7-form input[type='mail']{
    width: 150%;
}

.wpcf7-form textarea{
    width: 100%;
}



.wpcf7-form input[type='submit']{
    display: block;
    border-radius: 3px;
    position: relative;
    margin: 20px 0;
    text-align: center;
    padding: 5px 10px;
    box-shadow: var(--shadow-blue);
    min-width: 300px;
    box-sizing: border-box;
    font-weight: 500;
    transition: all var(--speed);
    background-color: var(--color-darkblue);
    color: var(--color-white);
    cursor: pointer;
}


.wpcf7-form input[type='submit']::before{
    content: "";
    position: absolute;
    bottom: calc(100% - 2px); 
    left: calc(100% - 2px);
    width: 4px;
    height: 4px;
    border-top: 2px solid var(--color-lightgreytext);
    border-right: 2px solid var(--color-lightgreytext);
}





.faq_container{
    display: flex;
    padding: 200px 40px;
}

.faq_title{
    flex: 1;
}

.faq_title h4{
    margin: 30px 0;
}


.faq_title li{
    padding: 20px 0;
    border-bottom: 1px solid var(--color-grisline);
    font-size: var(--size-titre3);
    font-weight: 600;
    opacity: 0.5;
    color: var(--color-white);
    transition: all var(--speed);    
    cursor: pointer;
}

.faq_title li:hover{
    opacity: 1;
}


.faq_paragraphe{
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.faq_paragraphe div{
    flex: 2;
    padding: 20px 60px;
    position: relative;
    max-width: 400px;
    display: none;
    background-color: var(--color-darkgrey);
}

.faq_paragraphe div::after{
    content: "";
    z-index: -1;
    position: absolute;
    top: -7px; 
    left: -7px;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    border: 0.5px solid var(--color-grisline);
    box-shadow: var(--shadow-blue);
}

.faq_paragraphe_container .faq_paragraphe_container_img{
    padding: 20px;
    background: var(--gradient-button);
    border-bottom: 1px solid var(--color-grisline);
    margin-bottom: 20px;
}

.faq_paragraphe_container_img{
    margin: -20px -60px;
    padding: 20px;
    background: var(--gradient-button);
    border-bottom: 1px solid var(--color-grisline);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq_paragraphe_container_img img{
    max-width: 300px;
}


/* BLOG  */


.title_blog_general{
    margin-top: 170px;
    margin-bottom: 150px;
}

.blog_first{
    display: flex;
    gap: 15px;
    margin: 40px;
    padding: 20px;
    background-color: var(--color-darkgrey);
    border: 0.5px solid var(--color-grisline);
    box-shadow: var(--shadow-blue);
}

.blog_first .blog_content h3{
    font-size: var(--size-titre2);
}

.blog_img, .blog_content{
    flex: 1;
    position: relative;
}

.blog_first  .blog_content .wp-block-button{
    width: 300px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}


.blog_first .blog_img{
    height: 27vw;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 3px;
}


.blog_first .blog_img img{
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.blog_info b{
    color: var(--color-blogtag);
    font-weight: 500;
}



.list_blog_solo{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 160px 10px;
    margin: 40px;
}

.list_blog_solo .blog{
    padding: 10px;
    background-color: var(--color-black);
    border: 0.5px solid var(--color-grisline);
    box-shadow: var(--shadow-blue);
}


.list_blog_solo .blog_img{
    height: 20vw;
    position: relative;
    overflow: hidden;
    width: 100%;
}


.list_blog_solo .blog_img img{
    height: auto;
    width: 120%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.list_blog_solo  .blog_content {
    height: 14vw;
    padding-bottom: 50px;
}

.list_blog_solo  .blog_content .wp-block-button{
    width: 300px;
    position: absolute;
    right: 0px;
    bottom: -10px;
}

.list_blog_solo .wp-block-button .wp-element-button{
    background-color: var(--color-darkblue);
    color: var(--color-white);
    box-shadow: none;
}

.list_blog_solo .wp-block-button .wp-element-button:hover{
    background-color: var(--color-black) !important;
}


.blog_main{
    max-width: 900px;
    margin: 120px auto;
}

.all_insight.list_blog_solo{
    display: flex;
    gap: 90px;
    flex-direction: column;
    margin-top: 250px;
}

.all_insight .blog{
    position: relative;
    height: 60vh;
    background-color: var(--color-black);
    border: 0.5px solid var(--color-grisline);
}


.all_insight .blog .blog_img{
    position: absolute;
    left: 8px;
    top: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    border-radius: 3px;
}

.all_insight .blog .blog_img img{
    width: 100%;
    height: auto;
}


.all_insight .blog .blog_content{
    width: 50%;
    height: 60%;
    position: absolute;
    left: 28px;
    top: 28px;
    background-color: #0A0A1233;
    backdrop-filter: blur(16px);
    border: 1px solid var(--color-darkblue);
}

.all_insight .blog .blog_content h3{
    font-size: var(--size-titre2);
}

.list_blog_solo.all_insight .blog_content .blog_info{
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.list_blog_solo.all_insight .blog_content .wp-block-button{
    right: 20px;
    bottom: 0px;
}

/* h1.title_page{
    font-size: var(--size-grandtitre);
    line-height: 80px;
    margin: 180px 0 150px 30px;
    color: var(--color-white);
    max-width: 75vw;
} */

.separator_blog{
    display: flex;
}

.separator_blog_title{
    flex: 2;
}

.separator_blog_info{
    flex: 1;
    position: relative;
}

.separator_blog_info .blog_info{
    position: absolute;
    bottom: 20px;
    left: 10px;
}





/* FOOTER  */


.wp-block-columns.columns_footer{
    display: flex;
}

.wp-block-columns.columns_footer .wp-block-column{
    flex: 1;
}

.arrow_back{
    position: fixed;
    right: 5px;
    bottom: 5px;
    width: 10px;
}


footer{
    margin-top: 150px;
    display: flex;
    padding-bottom: 70px;
    position: relative;
    overflow: hidden;
    width: calc(100% + 16px);
    margin: -8px;
}

footer:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0px 4px 230px 174px #106CAA33;
    backdrop-filter: blur(74px);
    background-color: #106CAA33;
}



.footer_logo{
    padding: 20px;
    flex: 1;
}

.footer_logo img{
    width: 80px;
}

.footer_menu{
    flex: 7;
    padding: 20px 20px 20px 80px;
    
}

.footer_menu .menu_screen{
    columns: 3;
}


.footer_menu .menu_screen li{
    font-size: var(--size-titre3);
    font-weight: 700;
}

.footer_menu .menu_screen li a{
    transition: all var(--speed);
}

.footer_menu .menu_screen li > a{
    margin-bottom: 30px;
    display: block;
}

.footer_menu .menu_screen .sub-menu li{
    font-size: var(--size-labeur);
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
}

.footer_menu .menu_screen .sub-menu li::after{
    content: "";
    position: absolute;
    right: calc(100% + 12px);
    top: calc(50% - 3px);
    width: 4px;
    height: 4px;
    background-color: var(--color-blogtag);
    transition: all var(--speed);
}

.footer_menu .menu_screen .sub-menu{
    margin-bottom: 50px;
}



.footer_menu .menu_screen li {
    break-inside: avoid-column;
}



@media (max-width: 340px){

	.title_site h1{
		margin-top: 10px;
		font-size: 25px;
	}
}