/*
Theme Name: MIB Gewest Zennevallei
Author: Wito De Greef
Description: WordPress theme for the two yearly Men In Black game of Gewest Zennevallei
Version: 2.0.0

Big Comment Words: http://patorjk.com/software/taag/#p=display&f=Big&t=Type%20Something%20
*/

html,
body,
.wrapper {
  min-height: 100%;
  height: 100%;
  overflow: hidden;
}

.wrapper {
  overflow-y: overlay;
  padding-bottom: 50px;
}

.wrapper > .content {
  min-height: 95%;
}

body {
  background-image: url("images/bg.jpg");
  background-size: 90%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.wrapper {
  margin-top: 50px;
  background-color: rgba(255, 255, 255, 0.85);
}

/* 
  _   _             _                
 | \ | |           | |               
 |  \| | __ ___   _| |__   __ _ _ __ 
 | . ` |/ _` \ \ / / '_ \ / _` | '__|
 | |\  | (_| |\ V /| |_) | (_| | |   
 |_| \_|\__,_| \_/ |_.__/ \__,_|_|   
*/

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0;
  border-radius: 0;
  background-color: white;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
  height: 450px;
}

/* Set gray background color and 100% height */
.sidenav {
  padding-top: 20px;
  height: 100%;
}

/* 
   _____                           _    _____ _         _           
  / ____|                         | |  / ____| |       | |          
 | |  __  ___ _ __   ___ _ __ __ _| | | (___ | |_ _   _| | ___  ___ 
 | | |_ |/ _ \ '_ \ / _ \ '__/ _` | |  \___ \| __| | | | |/ _ \/ __|
 | |__| |  __/ | | |  __/ | | (_| | |  ____) | |_| |_| | |  __/\__ \
  \_____|\___|_| |_|\___|_|  \__,_|_| |_____/ \__|\__, |_|\___||___/
                                                   __/ |            
                                                  |___/             
*/
.no-bg {
  background: none;
  background-color: none;
  background-image: none;
}

.margin-none {
  margin: 0px;
}

.padding-none {
  padding: 0px;
}

.margin-bottom-small {
  margin-bottom: 25px;
}

.margin-left-none {
  margin-left: 0px;
}

.padding-left-none {
  padding-left: 0px;
}

.color-red {
  color: red;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}