@font-face {
  font-family: 'Alright Sans';
  src: local('Alright Sans Regular'), local('Alright-Sans-Regular'),
    url('../fonts/AlrightSans.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Alright Sans';
  src: local('Alright Sans Bold'), local('Alright-Sans-Bold'),
    url('../fonts/AlrightSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

body {
  --color-primary: #d91f43;
  --color-primary--dark: var(--color-primary);
  --color-primary--hover: var(--color-primary);
  --background-color-primary--hover: var(--color-primary);
  --color-secondary: #3d3d3d;
  --color-secondary--hover: var(--color-secondary);
  --color-tertiary: var(--color-secondary);
  --color-tertiary--hover: var(--color-secondary);
  --color-quaternary: var(--color-secondary);
  --color-quaternary--hover: var(--color-secondary);
  --border-color-secondary--hover: var(--color-secondary);
  --background-color-secondary--hover: var(--color-secondary);
  --font-heading: 'Alright Sans';
  --font-heading-medium: 'Alright Sans';
  /* --heading-font-weight: 400; */
  --heading-font-weight: 700;
}

/* a {
  color: var(--color-primary);
  text-decoration: underline;
}
#header .navbar .dropdown > a::before {
  color: var(--color-secondary);
}

#header .navbar .dropdown:hover > a {
  color: var(--color-secondary);
}

#header .nav--service-navigation a:hover {
  color: var(--color-secondary);
}

a.badge-primary:hover,
a.badge-primary:focus,
.search-input-wrap .btn:hover {
  background-color: var(--color-primary);
}

a:hover {
  color: var(--color-secondary);
} */

/* Header change */
body {
  padding-top: 100px;
}
header {
  height: 100px;
  overflow: visible;
}

#content {
  padding-top: 85px;
}
.page-banner {
  margin-top: -85px;
}
@media all and (max-width: 980px) {
  #content {
    padding-top: 20px;
  }
  .page-banner {
    margin-top: -20px;
  }
}

#header {
  margin-bottom: 0;
  position: relative;
  height: 100px;
  padding-left: 300px;
}
#header .nav--service-navigation button {
  color: #9d9d9c;
}
#header .navbar-brand {
  width: 220px;
}
@media all and (min-width: 993px) {
  #header .nav--service-navigation {
    margin-left: -10px;
  }
  #header .row-wrap {
    border-bottom: none;
    padding-bottom: 0;
    width: auto;
    display: inline-block;
    text-align: center;
  }
}

#header .flex-row--top {
  min-height: 0;
  justify-content: flex-start;
  padding-top: 8px;
  padding-bottom: 10px;
  border-bottom: none;
  margin-left: 10px;
}

#header .navbar-brand {
  height: auto;
  max-height: none;
  z-index: 999;
}

#header .navbar {
  position: static;
}
#header .navbar .dropdown-menu {
  padding-top: 5.2em;
}

#header .navbar .navbar-nav > li:last-child > a {
  margin-right: 0;
}

#header .flex-row--bottom {
  padding-top: 0;
  padding-bottom: 0;
}

#header .logo-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: auto;
}
#header .navbar-brand {
  max-width: 220px;
  left: 15px;
  width: 100%;
}

#header .navbar-brand img {
  position: relative;
  left: -2px;
}

.navbar .navbar-nav > li > a:before {
  color: var(--color-primary);
}

#content .headline {
  position: relative;
  padding-bottom: 10px;
  text-align: center;
  font-size: 20px;
}

.badge {
  padding: 8px 10px;
  font-size: 14px;
}
#content .headline:after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 50px;
  padding-top: 2px;
  border-bottom: 4px solid #d91f43;
  margin-bottom: 20px;
}

/* Responsive header */
@media all and (max-width: 992px) {
  #header .logo-wrap {
    width: 100%;
  }
  #header .row-wrap {
    padding-top: 22px;
  }
  #header .navbar-brand {
    max-width: 140px;
  }
  body {
    padding-top: 90px;
  }
  #header,
  header {
    height: 90px;
  }
  #header .navbar .dropdown-menu {
    padding-top: 1.2em;
  }
}

/* Petar P. CSS */
.section-banner h1 {
  text-transform: capitalize;
  font-weight: 400;
  text-align: center;
}
#header.header--sticky .logo-wrap img {
  width: 180px;
}
#header .navbar .dropdown-menu {
  padding-top: 6.5rem;
  top: 90px;
}
#header .nav--service-navigation a {
  color: #9d9d9c;
}
#header .nav--service-navigation a:hover {
  color: #d91f43;
}
#header .flex-row--top {
  justify-content: flex-start;
}
#header .nav--service-navigation li:first-of-type a {
  padding-left: 0;
}
#header ul.dropdown-menu li:first-of-type a {
  padding-left: 14px;
}
.badge {
  border-radius: 8px;
}
.component.content-block.col-12 {
  margin-top: 2rem;
}
#header .navbar-brand {
  top: 5px;
}