/*
Theme Name: S2_Theme
Theme URI: https://wordpress.org/themes/S2_Theme/
Author: Seg2Inov
Author URI: https://seg2inov.eu
Description: Our default theme for Seg2inov since 2024
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: caisse, balance, retail, seg2inov, startup
Text Domain: s2_theme
*/

@import url('css/blackButton.css');
@import url('css/reset.css');
@import url('css/header.css');
@import url('css/hero.css');
@import url('css/description.css');
@import url('css/descriptionCommerce.css');
@import url('css/descriptionCommerceDetails.css');
@import url('css/evenement.css'); 
@import url('css/voirPlusDetails.css');
@import url('css/confiance.css');
@import url('css/footer.css');
@import url('css/swiper-bundle.min.css');
@import url('css/openSite.css');
@import url('css/mention.css');
@import url('css/contact.css');
@import url('css/cursor.css');
@import url('css/iaPart.css');
@import url('css/certification.css');

html, body {
    background-color: #F5F5F7;
}
 
@font-face {
    font-family: 'SofiaSans-Medium';
    src: url('assets/font/SofiaSans-Medium.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'SofiaSans-Light';
    src: url('assets/font/SofiaSans-Light.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'SofiaSans-Regular';
    src: url('assets/font/SofiaSans-Regular.ttf');
    font-display: swap;
}



h1{
    font-family: 'SofiaSans-Regular';
    font-size: 36px;
}

h2{
    font-family: 'SofiaSans-Regular';
    font-size: 36px;
}
@media screen and (max-width: 405px) {
    h2{
        font-size:26px;
    }
}

h3{
    font-family: 'SofiaSans-Regular';
    font-size: 24px;
}

.titleFiche{
    font-family: 'SofiaSans-Medium';
    font-size: 24px;
}


p, h5, label, a, details, summary{
    font-family: 'SofiaSans-Light';
    font-size: 22px;
}

.bold{
    font-family: 'SofiaSans-Medium';
}
.orange{
    color: #EC5D27;
}


.title{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 101px;
}





.part2Title{
    transform: translateX(106%);
}
@media screen and (max-width: 520px) {
    .part2Title{
        transform: translateX(0%);
    }
}

a{
    color: black;
}


.logo{
    width: 121px;
    height: fit-content;
}

img{
    height: fit-content;
}