@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/maps.css

multitheme Front-end code based on Randstad Human Forward components

.map__gmaps {
  height: 400px;
  width: 100%; }
  @media (min-width: 941px) {
    .map__gmaps {
      height: 600px; } }

.gmaps__control-container {
  bottom: 20px;
  position: absolute;
  right: 20px;
  z-index: 1; }

.gmaps__button--zoom {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  cursor: pointer;
  line-height: 52px;
  position: relative; }
  .gmaps__button--zoom, .gmaps__button--zoom::after {
    color: #97999b;
    fill: #97999b;
    height: 51px;
    text-align: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 50px; }
  .gmaps__button--zoom::after {
    font-size: 32px;
    left: -1px;
    line-height: 47px;
    position: absolute;
    right: 0; }
  @media (min-width: 941px) {
    .gmaps__button--zoom:hover::after, .gmaps__button--zoom:active::after {
      color: #2e2e2e; } }

.gmaps__button--zoom-in {
  border-radius: 4px 4px 0 0; }
  .gmaps__button--zoom-in::after {
    content: '+'; }

.gmaps__button--zoom-out {
  border-radius: 0 0 4px 4px;
  border-top: none; }
  .gmaps__button--zoom-out::after {
    background-color: #97999b;
    content: '';
    display: block;
    height: 2px;
    left: 17px;
    position: relative;
    top: 25px;
    width: 14px; }
  @media (min-width: 941px) {
    .gmaps__button--zoom-out:hover::after {
      background-color: #2e2e2e; } }

.popup-bubble {
  font-family: Montserrat, arial, sans-serif;
  font-size: 16px;
  text-transform: none;
  line-height: 25px;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  left: 0;
  opacity: 0;
  padding: 20px 20px;
  position: absolute;
  top: -45px;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
  visibility: hidden;
  width: 260px; }
  .popup-bubble::before, .popup-bubble::after {
    background: #fff;
    content: '';
    left: 50%;
    position: absolute; }
  .popup-bubble::before {
    border-bottom: 1px solid #e2e2e2;
    border-radius: 4px;
    border-right: 1px solid #e2e2e2;
    height: 20px;
    margin-left: -10px;
    margin-top: -12px;
    top: 100%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px; }
  .popup-bubble::after {
    bottom: 0;
    height: 10px;
    margin-left: -15px;
    width: 30px; }
  .popup-bubble.active {
    opacity: 1;
    visibility: visible; }
  .popup-bubble__container {
    cursor: auto;
    height: 0;
    position: absolute; }
  .popup-bubble__title {
    font-family: Montserrat, arial, sans-serif;
    font-size: 18px;
    text-transform: none;
    line-height: 30px; }
  .popup-bubble__address {
    margin-top: 10px; }
  .popup-bubble a {
    display: block; }
  .popup-bubble__details-link {
    margin-top: 20px; }

/*# sourceMappingURL=maps.css.map */