/* Forum Locations panel base */
.fd-loc-panel{
  position: relative;
  margin: -5px 0;
  min-height: 140px;
  display: flex;
  align-items: stretch;
   border: 1px solid var(--borders);
  overflow: hidden;
  --fd-loc-bg: none;
}

/* Background image */
.fd-loc-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: var(--fd-loc-bg);
  background-size: cover;
  background-position: center;
  z-index: 0;
}



/* Content layer */
.fd-loc-content{
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  gap: 14px;
  padding: 22px 56px;
  align-items: center;
}

/* Name + description */
.fd-loc-name{
  white-space: nowrap;
  margin-right: 18px;
  line-height:150px;
  z-index: 2;
  font-size: 35px;
  color: #fff;
  text-shadow: 0 0 8px #000, 0 0 3px #000;
  text-transform: uppercase;
  font-family: 'Crushed', sans-serif;
	font-weight:800;
  letter-spacing: 3px;
  /* background-image: linear-gradient(to right, #0000, var(--light), var(--light), var(--light), #0000); */
  opacity:1;
  text-shadow:   
	-1px -1px 1px black,
    1px -1px 1px black,
    -1px 1px 1px black,
    1px 1px 1px black;	
	
}

.fd-loc-desc{
  font-size: 13px;
  line-height: 1.45;
  max-width: 560px;
  opacity: .95;
  background: var(--textbg);
  border: 1px solid var(--borders);
padding: 10px;
  margin-left: auto;
}

/* Arrows */ 
.fd-loc-arrow{ 
  position: relative; 
  z-index: 3; 
  width: 56px; 

  display: flex; 
  align-items: center; 
  justify-content: center; 

  text-decoration: none; 
  opacity: 1; 
}

/* the circle behind the arrow symbol */
.fd-loc-arrow::before{
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);

  background: rgb(from var(--textbg) r g b / 0.9);
  border-radius: 25%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
  z-index: -1;
	
}

/* the arrow symbol itself */
.fd-loc-arrow{
  font-size: 26px;
  line-height: 1;
  color: #fff;
  text-shadow: none;
}




.fd-loc-arrow:hover{ 
  opacity: 1; 
}

.fd-loc-panel[data-count="1"] .fd-loc-arrow { 
  display:none; 
}

		