/************************************************************************
 * <copyright file="Site.css" company="duxnp">
 *     Remi Gelinas ©
 * </copyright>
 ************************************************************************/
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
/* Fonts */
body {
  font-family: 'Open Sans', 'sans-serif';
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'Roboto', 'sans-serif';
}
body .gm-style {
  font-family: inherit !important;
}
main {
  height: auto;
  min-height: calc(100% - 66px - 27px);
}
@media screen and (orientation: landscape) {
  main {
    min-height: calc(100% - 66px);
  }
}
footer {
  padding-top: 2px;
  border-top: 1px solid #002147;
  background-color: #ffffff;
}
@media screen and (orientation: landscape) {
  footer {
    display: none;
  }
}
/* For google map canvas, dont display footer */
[data-route="/Home/Maps"] main {
  height: 100%;
  min-height: 100%;
}
[data-route="/Home/Maps"] header,
[data-route="/Home/Maps"] footer {
  display: none;
}
#map {
  height: 100%;
  /*& > div:nth-child(2),
    & > div:nth-child(4),
    & > div:nth-child(8),
    & > div:nth-child(11),
    div.gmnoprint.gm-style-cc {
        display: none;
        visibility: hidden;
    }*/
  /*a[href^="http://maps.google.com/maps"] {
        display: none !important
    }

    .gmnoprint a, .gmnoprint span {
        display: none;
    }

    .gmnoprint div {
        background: none !important;
    }*/
}
/*******************************************************************************
    Bootstrap
*******************************************************************************/
.navbar.bg-dark {
  background-color: #002147 !important;
}
.jumbotron hr {
  border-top-color: #002147;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}
.media {
  box-shadow: 5px 10px 25px #888888;
}
.media img {
  padding: 15px 0;
}
.media .media-body {
  padding-top: 15px;
  padding-right: 15px;
}
/*******************************************************************************
    Google maps
*******************************************************************************/
.RoomReservation tbody td {
  padding: 1px 5px;
}
/*******************************************************************************
    Mobile, fullscreen in landscape mode inside map
*******************************************************************************/
@media screen and (orientation: landscape) {
  [data-route="/Home/Maps"] main main {
    min-height: 100%;
  }
  [data-route="/Home/Maps"] main nav {
    display: none !important;
  }
  [data-route="/Home/Maps"] main footer {
    display: none;
  }
}