@import "lb-vars";

div.siteInfo {
   padding: 1em;
   font-size: 1rem;
   color: @color-main;

   a {
      color: @color-main-60;

      &:hover {
         color: @color-main-70;
      }
   }
}

div.locationInfo {
   div {
      margin: 0 0 1em 0;

      &.locationInfoContact {
         display: flex;

         div.locationInfoContactBlock {
            margin: 0 2em 0 0;

            dl {
               margin-bottom: 0.5em;
            }
         }
      }

      &.showMap {
         position: relative;
         //background-color: @color-neutral-70;
         border-radius: 4px;

         span {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
         }

         iframe {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 600px;
            border: 0;
         }

         p a {
            font-family: @font-docs;
            font-size: 0.8rem;
         }
      }

      &.showPicture {
         text-align: center;

         img {
            border-radius: 4px;
         }
      }
   }
}

iframe.mainMap {
   border-radius: 4px;
   width: 825px;
   height: 550px;
   border: 0 none;
   margin: 0;
   overflow: hidden;
}