:root {
	--hairline: "wght" 50;
	--thin: "wght" 100;
	--extra-light: "wght" 200;
	--light: "wght" 300;
	--normal: "wght" 400;
	--medium: "wght" 500;
	--bold: "wght" 700;
	--extra-bold: "wght" 800;
	--black: "wght" 900;
	--extra-black: "wght" 1000;
}

/* SCROLLBAR STYLE */
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--secondary);
}

/* SELECTED TEXT STYLE */
::selection {
  background-color: var(--secondary);
  color: white;
}

.pulse {
  animation: pulse 1s infinite alternate;
}

@keyframes pulse {
  0% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}

	
.bounce {
  animation: bounce 2s ease infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
	
	.line-clamp span {
		overflow: hidden;
  		 text-overflow: ellipsis;
   		display: -webkit-box;
   		-webkit-line-clamp: 3; /* number of lines to show */
        line-clamp: 3; 
   		-webkit-box-orient: vertical;
	}

[data-header-style="Light"], [data-header-style="Dark"], [data-header-style="Other"]{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8888;
}

[data-header-style="Light"]{
	color: var(--text-light);
}

[data-header-style="Dark"]{
	color: var(--shade);
}

[data-header-style="Other"]{
	color: var(--header-color);
}


/* MAP CLASSES */
.wpgb-map-facet.wpgb-map-loaded.mapboxgl-map {
    aspect-ratio: unset !important;
    min-height: calc(100vh - var(--header-height));
}

/* Video Popup Size*/
.vp-flex {
    max-width: inherit;
    width: 75%;
    /* max-height: 1080px; */
    height: auto;
    margin: 0;
    aspect-ratio: 16 / 9;
}

#edit-form .acf-checkbox-list input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), #edit-form .acf-checkbox-list .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), #edit-form .acf-checkbox-list .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input) {
    width: 15px;
    height: 15px;
    padding: 0px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    opacity: 1;
    position: static;
}