/* Import
-------------------------------------------------- */

@import "../bootstrap/4.5.0/css/bootstrap.min.css";
@import "../fontawesome/5.13.1/css/fontawesome.min.css";
@import "../fontawesome/5.13.1/css/brands.min.css";
@import "../fontawesome/5.13.1/css/regular.min.css";
@import "../fontawesome/5.13.1/css/solid.min.css";
@import "../lightbox/ekko-lightbox.css";
@import "hamburger.css";
@import "responsive.css";


/* GLOBAL STYLES
-------------------------------------------------- */

html {
  scroll-behavior: smooth;
}

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

a:hover {
  color: #81c226;
  text-decoration: none;
  transition: 0.3s;
}

p {
  text-align: justify;
}


/* Local styles
-------------------------------------------------- */

.alert.alert-danger .fas.fa-exclamation-triangle {
  color: #a11;
  padding-right: 0.5rem;
}

.hidden {
  display: none;
}

/* Bootstrap adjustments
-------------------------------------------------- */

.bg-dark{
  background-color: #343a40 !important;
}

.bg-light{
  background-color: #343a40 !important;
}

.btn-primary{
  background-color: #343a40;
  border-color: #343a40;
}

.btn-primary:hover{
  background-color: #757575;
  border-color: #757575;	
}

.btn-primary:focus{
  background-color: #FF0000;
  border-color: #800000;	
}

.navbar-brand::before {
/*
  background-image: url("../img/Icon-weiss-transparent.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  content: '';
  display: inline-block;
  height: 1.25rem;
  margin-right: 5px;
  position: relative;
  top: 3px;
  width: 1.25rem;
*/
}

.navbar-brand img {
  font-size: 1.3rem;
  height: 1.6rem;
  position: relative;
  top: -0.16rem;
}

main > section#team > .row {
/*  margin-right: 0px; */
}


/* Navigation
-------------------------------------------------- */

nav input.hamburger ~ div.collapse {
  display: block;
  max-height: 0px;
  transition: max-height 0.3s cubic-bezier(0.77,0.2,0.05,1.0);
}

nav input.hamburger:checked ~ div.collapse {
  max-height: 7000px;
  transition: max-height 1s cubic-bezier(0.77,0.2,0.05,1.0);
}

/* Footer
-------------------------------------------------- */

footer a {
  color: #757575;
  transition: 0.3s;
  padding: 5px;
}

footer a.facebook:hover {
  color: #3b5998;
}

footer a.instagram:hover {
  color: #e95950;
}

footer address p {
  margin-bottom: 0;
}

footer address p.heading {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: .5rem;
  margin-top: 1rem;
}