/*
 Theme Name:   n-tecservices
 Template:     Divi
 Version:      3.0.0
*/

/* ═══════════════════════════════════════
   VARIABLES
═══════════════════════════════════════ */
:root {
  --ntec-navy:   #192237;
  --ntec-blue:   #1D5FA0;
  --ntec-orange: #C84B00;
  --ntec-cream:  #F5F5F3;
  --ntec-muted:  #6E7A8A;
  --ntec-border: #E3E2DE;
  --ntec-fh:     'Libre Franklin', sans-serif;
  --ntec-fb:     'Source Sans 3', sans-serif;
}

/* ═══════════════════════════════════════
   RESET
═══════════════════════════════════════ */
html, body {
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ═══════════════════════════════════════
   TYPO
═══════════════════════════════════════ */
body {
  font-family: var(--ntec-fb) !important;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--ntec-fh) !important;
}
img {
  max-width: 100% !important;
  height: auto !important;
}

/* ═══════════════════════════════════════
   HEADER
═══════════════════════════════════════ */
#main-header {
  width: 100% !important;
  left: 0 !important;
}
#main-header .container,
#main-header .et_menu_container {
  max-width: 1280px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */
#main-footer {
  width: 100% !important;
  margin-bottom: 0 !important;
}

/* ═══════════════════════════════════════
   TABLETTE ≤ 980px
═══════════════════════════════════════ */
@media (max-width: 980px) {
  .et_pb_row {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* ═══════════════════════════════════════
   MOBILE ≤ 767px
═══════════════════════════════════════ */
@media (max-width: 767px) {
  .et_pb_row {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .et_pb_column {
    width: 100% !important;
  }
}