/*================ Custom Typography ================*/

/* Thorowgood Grotesque*/
@font-face {
  font-family: 'Thorowgood Grotesque Web Bold';
  src: url('/static/fonts/Thorowgood/ThorowgoodGrotesque-Bold-Web.woff2') format('woff2'),
  url('/static/fonts/Thorowgood/ThorowgoodGrotesque-Bold-Web.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

/* Thorowgood Egyptian*/
@font-face {
  font-family: 'Thorowgood Egyptian Web Bold';
  src: url('/static/fonts/Thorowgood/ThorowgoodEgyptian-Bold-Web.woff2') format('woff2'),
  url('/static/fonts/Thorowgood/ThorowgoodEgyptian-Bold-Web.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

/* Compagnon Roman*/

@font-face {
  font-family: 'Compagnon Roman';
  src: url('/static/fonts/Compagnon/Compagnon-Roman.woff2') format('woff2'),
  url('/static/fonts/Compagnon/Compagnon-Roman.woff') format('woff'),
  url('/static/fonts/Compagnon/Compagnon-Roman.eot') format('eot');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

    #map {
      height: 100%;
    }
    
    html,
    body {
      height: 100%;
      margin: 0;
      padding: 0;
    }

    p{
      font-family: 'Compagnon Roman';
    }
    h2{
      font-family: 'Thorowgood Egyptian Web Bold';
    }

    /* Styling for autocomplete search bar */
    #pac-card {
      background-color: #fff;
      border-radius: 2px 0 0 2px;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      box-sizing: border-box;
      font-family: Thorowgood Egyptian Web Bold;
      margin: 10px 10px 0 0;
      -moz-box-sizing: border-box;
      outline: none;
      width:66%;
    }
    
    #pac-container {
      padding-top: 12px;
      padding-bottom: 12px;
      margin-right: 12px;
    }
    
    #pac-input {
      background-color: #fff;
      font-family: Compagnon Roman;
      font-size: 15px;
      font-weight: 300;
      margin-left: 12px;
      padding: 0 11px 0 13px;
      text-overflow: ellipsis;
      width: 95%;
    }
    
    #pac-input:focus {
      border-color: #4d90fe;
    }
    .pac-item{
      font-family: Compagnon Roman;
    }
    
    #title {
      color: #000;
      background-color: #FF9747;
      font-size: 18px;
      font-weight: 400;
      padding: 6px 12px;
    }
    
    .hidden {
      display: none;
    }

    /* Styling for an info pane that slides out from the left. 
     * Hidden by default. */
    #panel {
      height: 100%;
      width: null;
      background-color: white;
      position: fixed;
      z-index: 1;
      overflow-x: hidden;
      transition: all .2s ease-out;
    }
    
    .open {
      width: 250px;
    }
    .closed {
      width: 0px;
    }
    
    .place {
      font-family: Thorowgood Egyptian Web Bold;
      font-size: 1.2em;
      font-weight: 500;
      margin-block-end: 0px;
      padding-left: 18px;
      padding-right: 18px;
      padding-top:15px;
    }
    
    .distanceText {
      color: silver;
      font-family: Compagnon Roman;
      font-size: 1em;
      font-weight: 400;
      margin-block-start: 0.25em;
      padding-left: 18px;
      padding-right: 18px;
      display: inline-block;
    }

    .title_card{
      font-family: Thorowgood Egyptian Web Bold;
    }
    .gm-style-mtc div{
      font-family: Compagnon Roman !important;
    }
    .openx{
      position: fixed;
      top: 0;
    }

    
  @media screen and (max-width: 450px) {
      .gmnoprint {
          display: none !important;
      }
      #panel {
        height: 30% !important;
        position: fixed !important;
        bottom:0 !important;
        left:0 !important;

      }
    .openx{
      position: fixed !important;
      bottom: 22% !important;
      top: unset;
    }
    #pac-card {
      width:85%;
    }

  }