/* =========================================================
   PETRO — GLOBAL SITE UI
   Shared by all pages
   ========================================================= */

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
}

body {
  overflow-x: hidden;
}

/* Firefox */
html,
body {
  scrollbar-width: thin !important;
  scrollbar-color: #B78A55 #1f252a !important;
}

/* Chromium / WebKit */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 12px !important;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: #1f252a !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background:
    linear-gradient(
      180deg,
      #8f989f 0%,
      #DDB17F 48%,
      #B07841 100%
    ) !important;

  border-radius: 10px !important;
  border: 3px solid #1f252a !important;
}
/* =========================================================
   PETRO — GLOBAL BACKGROUND
   FINAL / SHARED / LOCKED
   ========================================================= */

html,
body {
  background: #35383c !important;
}

body {
  background-image:
    linear-gradient(
      180deg,
      rgba(78,81,85,.16),
      rgba(38,40,43,.30)
    ),
    url("../images/petro-graphite-texture.png") !important;

  background-color: #35383c !important;

  background-size:
    cover,
    cover !important;

  background-position:
    center center,
    center center !important;

  background-repeat:
    no-repeat,
    no-repeat !important;

  background-attachment:
    fixed,
    fixed !important;

  background-blend-mode:
    normal,
    soft-light !important;
}