@font-face {
  font-family: "IBM Plex Sans";
  src: url("../fonts/IBMPlexSans-Regular.ttf");
}

@font-face {
  font-family: "IBM Plex Sans Semi Bold";
  src: url("../fonts/IBMPlexSans-SemiBold.ttf");
}

/* @font-face { */
/*   font-family: "Nunito"; */
/*   src: url("../fonts/Nunito-Regular.ttf"); */
/* } */

/* @font-face */
/* { */
/*   font-family: "Nunito-SemiBold"; */
/*   src:         url("../fonts/Nunito-SemiBold.ttf"); */
/*   font-weight: normal; */
/*   font-style:  normal; */
/* } */

html
{
  font-size: 17px;
  font-weight: 400;
}

body
{
  font-family: IBM Plex Sans,Helvetica,Arial,sans-serif !important;
  color:            #515151;
  background-color: white;
  font-size: inherit;
}

h1, h2, h3, h4, b, strong, th
{
  font-family: "IBM Plex Sans Semi Bold";
  font-weight: normal;
  font-style: normal;
}

/* Main popup - mostly top and left with other bits */
.gm-style-iw {
   top: 0px !important;
   left: 0px !important;
   background-color: #29231D  !important;
   border-radius: 2px 2px 0 0;
}

/* Bottom and right hand side padding */
.gm-style-iw-d::-webkit-scrollbar-track-piece {
   background-color: #29231D  !important;
}

/* down triangle connecting popup to marker */
.gm-style-iw-t::after {
   background: #29231D  !important;
}

/* Top right button */
.gm-ui-hover-effect {
  background-color: white !important;
  border-radius: 8px;
  opacity: 0.7;
}