/* css - additional to bootstrap
orders the divs on the basic index.html */

/* #######
Backgrounds
####### */

.bg-rrred {
    background-color: #651a27;
}

.bg-rrcardtitle {
  background-color: #e6d4b6;
}

.bg-startdiv {
  background-color: #000000;
}

/* text centered over image */
.textcentered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.imgcontainer {
  position: relative;
  text-align: center;
}

/* hamburger icon header */
.hamburger {
  font-size: 5em;
  margin: 2px;
}

/* button header */
.buttonheader {
  color: #2b2928;
  background-color: #ffffff;
}

/* remove linkdecoration in offcanvas menu */
.ocmenu {
  color: #2b2928;
}

.ocmenu a {
  text-decoration: none;
  color: #2b2928;
}

.ocmenu a:hover {
  text-decoration: none;
  color: #0d0d0d;
  background-color: #c9c9c9;
}

/* remove borders from lists in offcanvas menu */
.listgroup-border-0 {
  border: 0;
  box-shadow: none;
}

/* styles for lists (with div's) */
.slrowinside-l {
    text-align: left;
    font-size: 8px;
  }
  
  .slrowinside-label-l {
    text-align: left;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    color: #686868;
  }
  
  .slrowinside-c {
    text-align: center;
    font-size: 17px;
    padding-top: 2px;
  }
  
  .slrowinside-l {
    text-align: left;
    font-size: 17px;
    padding-top: 2px;
  }
  
  
  .slrowinside-label-c {
    text-align: center;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    color: #686868;
  }

  /* #######
Backgrounds
####### */

.bg-grey {
  background-color: #efefef;
}

.hidefolder {
  display: none;
}


  /* #######
Footermenu
####### */

.bg-footer {
  background-color: #3d0000;
}


/* responsive layout - mostly used classes for screens < 576 px and rows to 
display */
@media (max-width: 576px) {
  .colhide-576 {
    display: none;
  }
}