@font-face {
  font-family: 'frutiger-55-roman';
  src: url('fonts/FrutigerLT-Roman.eot') format('embedded-opentype'), 
        url('fonts/FrutigerLT-Roman.svg') format('svg'), 
        url('fonts/FrutigerLT-Roman.ttf') format('truetype'), 
        url('fonts/FrutigerLT-Roman.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css?family=Droid+Serif');

/*@font-face {
	font-family:'frutiger';
	src:url('fonts/frutiger-55-roman.ttf') format('truetype'), url('fonts/frutiger-lt-com-55-roman-58989201b34f2.otf') format('opentype');
	font-weight:400;
	font-style:normal
}*/
@font-face {
    font-family:'frutiger';
    src: url('fonts/FrutigerLT-Roman.eot') format('embedded-opentype'), 
        url('fonts/FrutigerLT-Roman.svg') format('svg'), 
        url('fonts/FrutigerLT-Roman.ttf') format('truetype'), 
        url('fonts/FrutigerLT-Roman.woff') format('woff');
    font-weight:400;
	font-style:normal
}
/*@font-face {
	font-family:'frutiger';
	src:url('fonts/frutiger-75-black1.ttf') format('truetype'), url('fonts/FrutigerLTStd-Bold.otf') format('opentype');
	font-weight:700;
	font-style:normal
}*/
/*@font-face {
    font-family:'frutiger';
    src: url('fonts/FrutigerCE-Black.eot') format('embedded-opentype'), 
        url('fonts/FrutigerCE-Black.svg') format('svg'), 
        url('fonts/FrutigerCE-Black.ttf') format('truetype'), 
        url('fonts/FrutigerCE-Black.woff') format('woff');
    font-weight:700;
	font-style:normal
}*/
/*@font-face {
	font-family:'frutiger';
	src:url('fonts/frutiger-45-light1.ttf') format('truetype'),  url('fonts/FrutigerLTStd-Light.otf') format('opentype');
	font-weight:300;
	font-style:normal
}*/
@font-face {
    font-family:'frutiger';
    src: url('fonts/FrutigerLT-Light.eot') format('embedded-opentype'), 
        url('fonts/FrutigerLT-Light.svg') format('svg'), 
        url('fonts/FrutigerLT-Light.ttf') format('truetype'), 
        url('fonts/FrutigerLT-Light.woff') format('woff');
    font-weight:300;
	font-style:normal
}
body {
    font-family:'frutiger';
    font-weight: 300;
    color:#676A6E;
    overflow-x:hidden;
}

.body {
}

.subheader {
  font-family: 'frutiger-55-roman';
  font-size: 18pt;
}
.newsThumbnail {
  font-size: 22pt;
  line-height: 28pt;
  color: #676A6E;
}

/*MAP*/

.mapbox-container {
        height: 550px;
        padding: 0;
    }
#map {
  position: absolute;
  width: 100%;
  height: 100%;
}

.mapboxgl-ctrl-bottom-right {
  right: 20px;
}

.mapboxgl-ctrl-compass {
  display: none !important;
}

.popupBox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 95%;
}

.popupBox .row {
  background:#fff;
  padding:16px 16px 24px 0px;
  margin-left: 0px;
}

.popupBox .popupBox-content {
  position: relative;
  float: left;
  margin-left: 70px;
  margin-top: 8px;
}

.popupBox-image {
  height: 40px;
  margin-right: 16px;
  float: left;
  text-align: center;
}

.popupBox-image-offices {
  content:url('../img/icn-offices-small.png');
  height: 40px;
  width: 40px;
  border: none;
}
.popupBox-image-projects {
  content:url('../img/icn-projects-small.png');
  height: 40px;
  width: 40px;
}
.popupBox-image-community {
  content:url('../img/icn-community-small.png');
  height: 40px;
  width: 40px;
}
.popupBox-image-collaboration {
  content:url('../img/icn-collaboration-small.png');
  height: 40px;
  width: 40px;
}
.popupBox-image-careers {
  content:url('../img/icn-careers-small.png');
  height: 40px;
  width: 40px;
}

.popupBox-header {
    width: 100%;
    height: 50px;
    padding: 3px 8px 0px 8px;
    margin-bottom: 0px;
    position: relative;
    
}
.popupBox-header a .popupBox-header:before {
    background: url('../img/select-arrow.png') no-repeat;
    content: "";
    position: absolute;
    width: 24px;
    height: 25px;
    right: 0;
    top: 10px;

}
.popupBox-header a.collapsed .popupBox-header:before {
    background: url('../img/select-arrow.png') no-repeat 100% 50%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform:  rotate(180deg);
    transform: rotate(180deg);
}

.popupBox-header .newsThumbnail {
  float: left;
}
.popupBoxHeader-offices {
  color: #003084;
}
.popupBoxHeader-projects {
  color: #80AF00;
}
.popupBoxHeader-community {
  color: #0096C4;
}
.popupBoxHeader-collaboration {
  color: #00682C;
}
.popupBoxHeader-careers {
  color: #007A71;
}

/*FILTER GROUP*/

.filter-group {
  width: 100%;
  min-width: 300px;
  padding: 0px;
  display: table;
}

.accordion {
  margin-top: 0px;
  display: table-row;
}
.accordion-content {
  display: table-cell;
  height: 100%;
  vertical-align: baseline;
  float: none;
}
.accordion-body {
    background: rgba(255, 255, 255, 0.95);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: block;
}
.accordion-body.closed {
    background: rgba(255, 255, 255, 0.95);
    position: relative;
}
.filter-group-items {
  color: #000;
  height: 100%;
  text-align: left;
}

.filter-group input[type=checkbox] {
  display: none;
}

.filter-group input[type=checkbox] + label {
  display: block;
  padding: 10px;
  cursor: pointer;
}

.filter-item {
  margin-bottom: 16px;
}

.filter-item-marker {
  height: 40px;
  width: 4px;
  float: left;
}

.filter-item-image {
  height: 40px;
  float: left;
  margin: 0px 8px;
}

.filter-item-marker-offices {
  background-color: #003084;
}
.filter-item-marker-projects {
  background-color: #80AF00;
}
.filter-item-marker-community {
  background-color: #0096C4;
}
.filter-item-marker-collaboration {
  background-color: #00682C;
}
.filter-item-marker-careers {
  background-color: #007A71;
}

.filter-item-marker-hidden {
  background-color: #fff;
}

.chevron {
  width:24px;
  height:24px;
  display:block;
  margin-top: 7px;
}

/*.chevron-open {
  background:url('../img/btn-chevron-up.png') center no-repeat;
}

.chevron-close {
  background:url('../img/btn-chevron-down.png') center no-repeat;
}*/

@media (min-width: 768px) {
    .mapbox-container {
        height: 600px;
    }
  .popupBox {
    width: 368px;
    top:10px;
    margin-left: 33px;
  }

    .filter-group {
        left: 20px;
        z-index: 1;
        color: #fff;
        width: 288px;
        margin-left: 32px;
        padding: 0px;
        height: 600px;
        display: table;
    }
  .accordion-body {
        background: rgba(255, 255, 255, 0.95);
        position: relative;
        top: auto;
        bottom: auto;
        height: 100%;
        width: 100%;
        display: table-cell;
    }
  .accordion-body.closed {
        background: rgba(255, 255, 255, 0.95);
        position: relative;
        display: table-cell;
        width: 300px;
    }
  .accordion-content {
    vertical-align: bottom;
  }

  /*.chevron-open {
    background:url('../img/btn-chevron-down.png') center no-repeat;
  }

  .chevron-close {
    background:url('../img/btn-chevron-up.png') center no-repeat;
  }*/

  .popupBox-image {
    margin-top: -5px;
  }
  .popupBox-image-offices {
    content:url('../img/markers/marker-offices-large.svg');
  }
  .popupBox-image-projects {
    content:url('../img/markers/marker-projects-large.svg');
  }
  .popupBox-image-community {
    content:url('../img/markers/marker-community-large.svg');
  }
  .popupBox-image-collaboration {
    content:url('../img/markers/marker-collaboration-large.svg');
  }
  .popupBox-image-careers {
    content:url('../img/markers/marker-careers-large.svg');
  }

}