/* Imports */
@font-face {
  font-family: TitilliumWeb-ExtraLight;
  src: url("../fonts/TitilliumWeb-ExtraLight.ttf");
}

@font-face {
  font-family: TitilliumWeb-Light;
  src: url("../fonts/TitilliumWeb-Light.ttf");
}

@font-face {
  font-family: TitilliumWeb-Regular;
  src: url("../fonts/TitilliumWeb-Regular.ttf");
}

@font-face {
  font-family: TitilliumWeb-Bold;
  src: url("../fonts/TitilliumWeb-Bold.ttf");
}

@font-face {
  font-family: TitilliumWeb-Black;
  src: url("../fonts/TitilliumWeb-Black.ttf");
}

/*============= RESETS =========
/*-- iPhone X Remove Gutters --*/
html {
  padding: env(safe-area-inset);
}
/*-- Prevent Horizontal Scrolling & Font Style --*/
html,
body {
  overflow-x: hidden;
  font-size: 16px;
  /*font-family: 'Lato', sans-serif;*/
  font-family: "TitilliumWeb-Light", sans-serif;
}

.navbar {
  position: inherit;
}

/*--- Nav Scrolling Offset --*/
.offset:before {
  content: "";
  height: 4rem;
  display: block;
  margin-top: -4rem;
}

.text-nuno {
  color: #7ad047;
  font-weight: 700;
}

/*--- Extra Bootstrap Column Padding --*/
[class*="col-"] {
  padding: 1rem;
}

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

/*-- Remove Button Outline --*/
button:focus,
a:focus,
a.btn:focus {
  outline: 0;
  -webkit-appearance: none;
  box-shadow: none;
  transition: all 0.6s ease;
}
button,
a,
a.btn,
.svg-inline--fa {
  transition: all 0.6s ease;
}

.container-fluid {
  padding: 0;
}
