cesium-drupal/qd30map/css/qd30minimapOLD.css

#block-nodemapblock {
  z-index: 1;
  position: relative;
  width: 55%;
  float: left;
  margin-left: 20px;
}

#block-views-block-miscellaneous-galleries-boutique-information-block > div:not(#block-views-block-miscellaneous-galleries-events-promotions-gallery):not(#block-views-block-miscellaneous-galleries-boutique-description-block):not(#block-views-block-miscellaneous-galleries-blog-gallery),
#block-views-block-miscellaneous-galleries-block-2 > div:not(#block-views-block-miscellaneous-galleries-events-promotions-gallery):not(#block-views-block-miscellaneous-galleries-boutique-description-block):not(#block-views-block-miscellaneous-galleries-blog-gallery) {
  position: absolute;
  width: 440px;
  left: calc(60% - 40px);
  z-index: 1;
  padding: 0;
  margin: 0;
}

@media all and (max-width: 767px) {
  body.lang-fr #block-views-block-miscellaneous-galleries-block-2 > div:not(#block-views-block-miscellaneous-galleries-events-promotions-gallery):not(#block-views-block-miscellaneous-galleries-boutique-description-block):not(#block-views-block-miscellaneous-galleries-blog-gallery) {
    position: relative;
    left: 50%;
    margin-left: -180px;
  }
}

#block-views-block-miscellaneous-galleries-events-promotions-gallery > .box.wide {
  /*width: 75%!important;*/
}

#boutique-info-container {
  border-top: none!important;
  padding: 0!important;
}

#block-views-block-miscellaneous-galleries-boutique-information-block > div > .container-center {
  /*z-index: 1;*/
  padding: 0px 8%;
}

@media all and (max-width: 767px) {
  #block-views-block-miscellaneous-galleries-boutique-information-block > div > .container-center {
    padding: 0 4%;
  }
}

#block-views-block-miscellaneous-galleries-boutique-information-block .container-center {
}

.cesium-selection-wrapper svg {
  fill: #e5fffd;
}

#boutique-map, #boutique-info > hr {
  display: none;
  width: 0;
}

#boutique-info {
  float: none;
}

#boutique-div {
  width: 50%;
  margin-left: 25%;
  margin-bottom: 1.5%;
  border-bottom: 1px solid #000000;
}

.boutique-map-hours {
  font-family: Metric, sans-serif;
}

#app-container {
  width: 100%;
  display: block;
  /*min-height: 34em;*/
  /*float: left;*/
  position: relative;
  font-family: "andale mono", "lucida console", monospace;
  margin-top: 45px;
  margin-bottom: 45px;
}

#boutique-map-cesium {
  display: block;
  height: 20em;
}

#block-viewfullmap,
#block-viewfullmapfr{
  position:  relative;
  /* top: 65px; */
  left: 4%;
  transform: translateY(175%);
  width: 160px;
  height: 42px;
  z-index: 2;
  display: inline-flex;
  background-image: url(/sites/quartierdix30/themes/quartierdix30/images/icons/icon_fullmap.svg);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: 7px 6px;
  padding: 5px 10px;
  color: black;
  border: 1px solid black;
  background-color: transparent;
  box-shadow: none;
}

@media all and (max-width: 767px) {
  #block-viewfullmap, #block-viewfullmapfr {
    transform: none;
  }
}

#viewfullmap {
  display: inline-block;
  padding: 5px 10px;
  color: black;
  border: 1px solid black;
  background-color: transparent;
  box-shadow: none;
}

#viewfullmap:hover, #viewfullmap:focus,
#block-viewfullmap:hover, #block-viewfullmap:focus,
#block-viewfullmapfr:hover, #block-viewfullmapfr:focus {
  color: white;
  background-color: black;
}

#block-viewfullmap .field--name-body > p > a,
#block-viewfullmapfr .field--name-body > p > a,
#block-viewfullmapfr .field--name-body > a {
  position: relative;
  top: -22px;
  right: 11px;
  display: block;
  width: 160px!important;
  height: 42px!important;
  line-height: 2.75;
  text-align: center;
  padding-left: 25px;
}

#block-viewfullmapfr .field--name-body > a {
  line-height: 4.75;
}

#block-viewfullmap .field--name-body > p > a:hover, #block-viewfullmap .field--name-body > p > a:focus,
#block-viewfullmapfr .field--name-body > p > a:hover, #block-viewfullmapfr .field--name-body > p > a:focus,
#block-viewfullmapfr .field--name-body > a:hover, #block-viewfullmapfr .field--name-body > a:focus {
  background-color: transparent!important;
}

/*Fixing discrepancy between English and French*/

.lang-fr #boutique-info {
  margin-top: 60px;
  padding: 30px 0 0 8%;
  max-width: 360px;
}

@media all and (max-width: 767px) {
  #boutique-info, .lang-fr #boutique-info {
    margin-top: 0;
    margin-bottom: 80px;
  }

  .lang-fr #boutique-info {
    padding: 30px 4%;
  }
}

.hours-day {
  min-height: 8px;
  padding-left: 15%;
  padding-right: 15%;
}

.boutique-info-address,
.boutique-info-phone,
.boutique-info-website {
  min-height: 2em;
  padding-top: 1em;
}

.hours-day img.icon,
.boutique-info-address img.icon,
.boutique-info-phone img.icon {
  width: 18px;
  height: 18px;
  margin-top: -4px;
  padding-right: 5px;
  float: left;
}

.hours-day img.icon + span,
.boutique-info-address img.icon,
.boutique-info-phone img.icon {
  font-weight: 700;
  float: left;
}

.boutique-info-address img.icon,
.boutique-info-phone img.icon {
  margin-bottom: -1em;
}

.boutique-info-phone img + span,
.boutique-info-address img + span{
  float: left;
  padding-left: 5%;
}

.hours-day > span {
  padding-left: 2%;
  padding-right: 2%;
}

.hours-day > span:first-child {
  float: left;
}
.hours-day > span:last-child {
  float: right;
}

.cesium-widget-credits, .cesium-viewer-fullscreenContainer {
  display: none!important;
}

.cesium-infoBox  {
  width: 18em;
  height: 15em!important;
  position: absolute;
  left: 0;
  background: white;
  text-align: center;
  transform: translateY(58%);
  box-shadow: none;
  font-family: "andale mono", "lucida console", monospace;
}

.cesium-infoBox-title {
  display: none;
}

.cesium-infoBox-iframe  {
  width: 18em;
  background: white;
  height: 15em!important;
  box-shadow: 0 0 10px 1px #000;
}

.cesium-infoBox-camera {
  display: none!important;
}

.cesium-infoBox-description {
  color: #001919;
  text-align: center;
  font-family: "andale mono", "lucida console", monospace;
  min-height: 15em;
  max-height: 25em;
}

.cesium-infoBox-description > div > div {
  padding-bottom: 1em;
}

.cesium-infoBox-description a:link {
  color: #000000;
}

.cesium-infoBox-description > div {

}

.cesium-infoBox-description h1 h2{
  color: #000000;
  text-align: center;
  display: inline-block!important;
}

.cesium-infoBox-description #marker-img {
  max-width: 2.5em;
  content: url('../gfx/icon_mappointer-b.svg');
  display: inline;
  float: left;
}


.cesium-infoBox-description img {
  height: 20%;
}

@media (min-width: 0px) and (max-width: 768px) {
  #boutique-map-cesium {
    height: 20em;
  }

  #block-nodemapblock {
    width: 100%;


    margin-left: 0;
    margin-right: 0;

    float: none;
  }

  #block-views-block-miscellaneous-galleries-boutique-information-block > div:not(#block-views-block-miscellaneous-galleries-events-promotions-gallery):not(#block-views-block-miscellaneous-galleries-boutique-description-block):not(#block-views-block-miscellaneous-galleries-blog-gallery) {
    float: none;
    width: 100%;
  }

  .boutique-info .store-hours > span {

  }

  #block-views-block-miscellaneous-galleries-boutique-information-block > div:not(#block-views-block-miscellaneous-galleries-events-promotions-gallery):not(#block-views-block-miscellaneous-galleries-boutique-description-block):not(#block-views-block-miscellaneous-galleries-blog-gallery) {
    position: relative;
    width: 350px;
    left: calc(50% - 175px);
    z-index: 1;
    padding: 0;
    margin: 0;
  }

  #block-viewfullmap,
  #block-viewfullmapfr {
    margin-left: calc( 50% - 80px );
    left: 0;
  }
}


@media (min-width: 768px) and (max-width: 1600px) {
  #boutique-map-cesium {
    height: 26em;
  }
}