/* © Camarade Agency (camarade.agency) */
/* ======================================================== */
/* OSM map
/* ======================================================== */
#sections_map {
  height:500px;
  width:100%;
  z-index: 0;
}
#sections_map .nav_link {
  flex-wrap:nowrap;
}
/* Responsive */
@media (max-width: 768px) {
  #sections_map { height:350px }
}
@media (max-width: 480px) {
  #sections_map { height:280px }
}
/* height 100% (in archive template) */
.h-100 .elementor-shortcode,
.h-100 #sections_map {
  height:100%;
  min-height:280px;
}
/* ======================================================== */
/* ETABS in loop template)
/* ======================================================== */
.etabs {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  line-height: var(--e-global-typography-text-line-height);
  color: var(--e-global-color-text);
}
/* ======================================================== */
/* ETABS short format	(in loop template)
/* ======================================================== */
.f-short.etabs {
  display:grid;
  gap:0.5em;
}
.f-short.etabs .nav_link {
  margin-bottom: 10px;
}
.f-short.etabs .goto-marker {
  display:inline-block;
  background: #fde900;
  padding:0 5px;
  margin-right:5px;
}
.f-short.etabs h4 {
  margin: 0;
  font-size: 0.8em !important;
  color: var(--e-global-color-text);
  line-height: var(--e-global-typography-text-line-height);
  display: flex;
  align-items: baseline;
}
.f-short.etabs address {
  font-style: normal;
  font-size: 0.8em;
  font-weight: normal;
  color: var(--e-global-color-text);
  line-height: var(--e-global-typography-text-line-height);
}
/* ======================================================== */
/* ETABS long format	(in archive template)
/* ======================================================== */
.f-long.etabs {
  display: flex;
  flex-direction:column;
  flex-wrap: wrap;
  align-items:stretch;
  justify-content:center;
  min-height:280px;
}
.f-long.etabs .card {
  display: flex;
  flex-direction:column;
  box-sizing: border-box;
  gap:10px;
}
.f-long.etabs .card + .card {
  border-top: 1px solid #C8D5DC;
  padding-top: 20px;
  margin-top: 20px;
}
.etabs .card:only-child {
  gap:20px;
}
.f-long.etabs .card:last-child:nth-child(odd) {
  flex: 0 0 100%;
}
.f-long.etabs .header {
  display:flex;
  justify-content: space-between;
  align-items: flex-start;
}
.f-long.etabs .header .title {
  display: flex;
  align-items: baseline
}
.f-long.etabs .goto-marker {
  display:inline-block;
  background: #fde900;
  padding:0 5px;
  margin-right:15px;
  cursor: pointer;
}
.f-long.etabs .card.is-comparef .goto-marker {
  color: #fff;
  background: var(--e-global-color-primary);
}

.f-long.etabs h4 {
  margin: 0;
  font-size:1em !important;
  color: var(--e-global-color-text);
  line-height:normal;
}
.f-long.etabs h4 a {
  color: var(--e-global-color-text);
}
.f-long.etabs address {
  margin:0;
  font-size:0.9em !important;
  font-style: normal;
  font-weight: normal;
  color: var(--e-global-color-text);
  line-height:normal;
}
.f-long.etabs .nav_link {
  margin:0;
}
.f-long.etabs .nav_link a {
  font-size:0.9em !important;
}
.mandates {
  list-style: none;
  margin:0;
  padding: 0;
  display: flex;
  gap:20px;
}
.mandates li {
  font-size:0.9em !important;
  display:flex;
  justify-content: space-between;
  white-space:nowrap;
}
.mandates .count {
  font-weight: bold;
  background: #C8D5DC;
  padding: 0 5px;
  margin-left: 10px;
  display: inline-flex;
  border-radius: 4px;
}
.f-long.etabs .meta {
  margin:0;
  padding:0;
  list-style:none;
}
.f-long.etabs .meta li {
  font-size: .9rem;
  line-height: normal;
}
.f-long.etabs .card.is-comparef .goto-marker i {
  color: #fff;
}
/* ======================================================== */
/* Section / firm tabs (single detail page)
/* ======================================================== */
.section-tabs-nav {
  display: flex;
  gap:7.5px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}
.section-tabs-nav .tab-btn {
  cursor: pointer;
  background: transparent;
  border: 2px solid var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  border-radius: 4px;
  padding: 7.5px 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.section-tabs-nav .tab-btn.active {
  background: var(--e-global-color-primary);
  color: #fff;
}
.section-tabs-intro {
  margin: 0 0 30px 0;
}