/*

Theme Name: SITE ATELIER CARROSSERIE
Theme URI: https://agencemcrea.fr/
Author: Agence M-Créa
Author URI: https://agencemcrea.fr/
Description : Thème Atelier Carrosserie
Version: 1.0

*/


/* =========================================================


---------------- ORGANISATION CSS :


CHAPITRE 1 - 
CHAPITRE 2 - 
CHAPITRE 3 - 
CHAPITRE 4 - 
CHAPITRE 5 - 
CHAPITRE 6 - 
CHAPITRE 7 - 
CHAPITRE 8 - 
CHAPITRE 9 - 
CHAPITRE 10 - 
CHAPITRE 11 - 
CHAPITRE 12 - 
CHAPITRE 13 - 
CHAPITRE 14 - 
CHAPITRE 15 - 


============================================================ */

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&family=Saira:wght@300;400;500;700&display=swap');


/* =========================================================

--- X - CONSTRUCTION - ATELIER CARROSSERIE 

============================================================ */

body {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
line-height: 1.7;
color: var(--ac_col2);
text-align: left;
background-color: var(--ac_col1);
}

#wrapper {
width: 100%;
overflow: hidden;
}

.container-fluid {padding: 0 10%;}
.container-fluid.init {padding: 0 15px;}

a {
text-decoration: none;
color: var(--ac_col2);    
-webkit-transition: all 0.2s;    
-o-transition: all 0.2s;    
transition: all 0.2s;
}

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

*
*:focus,
*:active {
outline: none !important;
}

p {margin-bottom: 15px;}
[class*="col-"] p:last-child {margin-bottom: 0;}

b, strong {font-weight: 600;}

h1, h2, h3,
h4, h5, h6 {
font-family: 'Saira', sans-serif;
font-weight: 600;
color: var(--ac_col2);
margin-top: 0;
margin-bottom: 15px;
line-height: 1;
}

h1 {
text-transform: uppercase;
}

h2 {
font-weight: 400;
text-transform: uppercase;
}

ul {-webkit-padding-start: 15px;padding-inline-start: 15px;}

/* ===== RESPONSIVE ===== */

@media (max-width: 1370px) {
    .container-fluid { padding: 0 15px; }
}

/* ===== CONTAINER ===== */

.container { max-width: 2000px; } 

/* ===== COLORS ===== */

:root {
--ac_col1:#101c3d;
--ac_col2:#FFFFFF;
--ac_col3:#EF7000;
}

/* =========================================================

--- X - FONTS - ATELIER CARROSSERIE 

============================================================ */

/* ===== RESPONSIVE ===== */

@media (max-width: 1200px) {
  body {font-size: calc(0.9rem + 0.1vw) !important;}
  h1,.h1 {font-size: calc(1.375rem + 1.5vw) !important;}
  h2,.h2 {font-size: calc(1.225rem + 0.9vw) !important;}
}

/* =========================================================

--- X - MAINTENANCE - ATELIER CARROSSERIE 

============================================================ */

#maintenance #inside {
padding-top: 50px;
padding-bottom: 50px;
background: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}

#maintenance #inside img {
height: 180px;
margin-bottom: 50px;
}

#maintenance #inside .ct_coord {
margin-bottom: 50px;
}

#maintenance #inside .ct_coord i {
margin-right: 15px;
}

#maintenance #inside .ct_coord h1 {
margin-bottom: 10px;
}

#maintenance #inside .ct_coord h2 {
text-transform: initial;
font-size: 30px;
font-weight: 300;
}

#maintenance #inside .ct_coord a {
color: var(--ac_col1);
}

#maintenance #inside .ct_coord a:hover {
cursor: pointer;
color: var(--ac_col3);
}

#maintenance .social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: end;
    -ms-flex-pack: end;
        justify-content: flex-end;
}

#maintenance .social a .st0 {
fill: var(--ac_col1);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#maintenance .social a:hover .st0 {
fill: var(--ac_col3);
}

#maintenance .social a svg {
margin-right: 15px;
width: 60px;
}

#maintenance .social a:last-child svg{
margin-right: 0;
}

#maintenance #inside p {
background: var(--ac_col1);
color: var(--ac_col3);
display: inline-block;
padding: 5px 10px;
}