/* Color Palette

#FDFFFC - Baby Powder (white)
#009EE3 - Carolina Blue (light blue)
#003E61 - Indigo Bye (blue)
#F35963 - Sizzling Red (light red)
#A31621 - Ruby Red (red)
#9CC5A1 - Eton Blue (light green)
#49A078 - Shiny Shamrock (green)
*/


/*
GENERAL
---------- */

/* hide h1 underscore styling */
.divider {
  visibility: hidden;
}


/*
TOP NAVBAR
---------- */

/* workaround for logo size */
.navbar.is-fresh .navbar-brand img {
  max-height: 49px !important;
  height: auto !important;
}

/*
HERO SECTION
------------ */

/* set background cover image */
.hero-body {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), 
    url("/images/cover-image.jpg");  background-color: #171614;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
}

.hero-body::before {
  /* Falls vorhanden */
  background: rgba(0, 0, 0, 0.4); /* erlaubt – wirkt nur im Hintergrund */
}

/*
improve hero subtitle visibility
  - add dropshadow
  - brighter color
*/
.hero-body p.subtitle{
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  color: #c0c0c0 !important;
}

/* WIP hero image settings */
.hero-body img {
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  height: auto !important;
  padding-bottom: 1em;
}

/* hero client logos set go grayscale light color */
.hero-foot img.partner-logo {
  filter: grayscale(1) opacity(60%);
  padding: 0.75rem 0.25rem;
  width: 20;
}

/*
SECTIONS
-------- */

/* workaround not showing images on firefox in section2 */
/*
#section2 .image img {
  width: 200px;
  height: 200px;
}
*/