#gmap {
  width: 100%;
  height: 560px;
  overflow: auto; }
  #gmap img {
    width: auto;
    max-width: none; }
  #gmap .customCopyrightContainer {
    width: auto !important; }
    #gmap .customCopyrightContainer.maptiler span {
      display: none; }
      #gmap .customCopyrightContainer.maptiler span.customCopyright {
        display: inline; }
    #gmap .customCopyrightContainer.roadmap span.customCopyright, #gmap .customCopyrightContainer.satellite span.customCopyright {
      display: none; }

#gmapContent {
  margin: -35px -15px 0 -15px; }
  @media (max-width: 767px) {
    #gmapContent {
      margin: 0 -15px 0 -15px; } }
  #gmapContent #gmapInfoBoxContent {
    height: 0px;
    overflow: hidden; }
  #gmapContent .infoBox {
    margin-top: 20px;
    background-color: #f9f1e5;
    -webkit-box-shadow: 10px 10px 20px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 10px 20px 2px rgba(0, 0, 0, 0.3);
    width: 520px; }
    @media (max-width: 767px) {
      #gmapContent .infoBox {
        width: 290px; } }
  #gmapContent .infoBoxContent {
    position: relative; }
    #gmapContent .infoBoxContent h3 {
      font-family: 'Playfair Display', serif;
      font-weight: 400;
      font-size: 25px;
      line-height: 30px; }
    #gmapContent .infoBoxContent p {
      margin: 0;
      padding: 0;
      font-size: 14px;
      line-height: 20px; }
    #gmapContent .infoBoxContent img {
      width: 100% !important;
      height: auto !important; }
    #gmapContent .infoBoxContent .col {
      overflow: hidden; }
      #gmapContent .infoBoxContent .col.lft {
        padding: 18px 20px 25px 20px; }
    #gmapContent .infoBoxContent .col6.lft {
      width: 290px;
      float: left; }
    #gmapContent .infoBoxContent .col6.rgt {
      width: 230px;
      float: left; }
      @media (max-width: 767px) {
        #gmapContent .infoBoxContent .col6.rgt {
          display: none; } }
    #gmapContent .infoBoxContent .col12 {
      width: 520px; }
      @media (max-width: 767px) {
        #gmapContent .infoBoxContent .col12 {
          width: 290px; } }
    #gmapContent .infoBoxContent .closeInfoBox {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 0;
      right: 0;
      background-color: #fff;
      display: block;
      text-indent: -999px;
      overflow: hidden; }
      #gmapContent .infoBoxContent .closeInfoBox:before,
      #gmapContent .infoBoxContent .closeInfoBox:after {
        content: '';
        position: absolute;
        display: block;
        transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        background-color: #666869;
        width: 20px;
        height: 2px;
        top: 50%;
        left: 10px;
        margin-top: -1px; }
      #gmapContent .infoBoxContent .closeInfoBox:before {
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
      #gmapContent .infoBoxContent .closeInfoBox:after {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
    #gmapContent .infoBoxContent .pseudoMarker {
      position: absolute;
      bottom: -24px;
      left: -18px;
      width: 37px;
      height: 48px;
      background: transparent url("/wp-content/plugins/garden-map/assets/gfx/gmap.active.png") no-repeat 0px 0px;
      background-size: 37px 48px;
      -moz-background-size: 37px 48px;
      -webkit-background-size: 37px 48px; }
  #gmapContent .infoBoxImage {
    display: block;
    position: relative; }
    #gmapContent .infoBoxImage .label {
      display: block;
      position: absolute;
      bottom: 20px;
      left: 50%;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: solid 1px #fff;
      margin-left: -15px;
      text-indent: -999px;
      overflow: hidden; }
      #gmapContent .infoBoxImage .label:before,
      #gmapContent .infoBoxImage .label:after {
        content: '';
        position: absolute;
        display: block;
        transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        background-color: #fff;
        width: 16px;
        height: 1px;
        top: 50%;
        left: 6px;
        margin-top: 0px; }
      #gmapContent .infoBoxImage .label:after {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg); }

/*# sourceMappingURL=gmap.map */