@font-face {
	font-family: 'Solis';
	src: url('/fonts/solis-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Solis';
	src: url('/fonts/solis-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Solis';
	src: url('/fonts/solis-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Solis';
	src: url('/fonts/solis-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}


html {
  font-display: auto;
  overflow-x:hidden; /* ?? */
}
html.wheee {
  cursor: url(../images/metal-horns.cur), auto;
}
html.wait,
html.wait * {
  cursor: wait !important;
}

body, input, select, textarea {
  font-family: Solis;
}

a {
  text-decoration: none;
}

a.blocked {
    font-weight: lighter;
    pointer-events: none;
    color:rgb(85,89,93);
}

a,
a.nav-link,
.navbar-nav .nav-link.show,
.navbar .dropdown-toggle::after {
  color: #f05514;
}

a:hover,
a.nav-link:hover,
.navbar-nav .nav-link.show,
.navbar .dropdown-toggle:hover::after {
  color: #fab916;
}

.awx-label {
    text-transform: uppercase;
    font-size: .75rem;
}

.rotate {
  animation: rotation 2s linear infinite;
}
@keyframes rotation {
  0% {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(359deg);
  }
}

@keyframes blink {
    50% {
        border-color: #f05514;
    }
}
.flashing {
    animation-name: blink;
    animation-duration: .5s;
    animation-timing-function: step-end;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}


#ddImages img {
  width:24px; 
  height:24px;
  object-fit:cover;
}

.dropdown-item img {
  width:42px; 
  height:42px;
  object-fit:cover;
}


.mapboxgl-map {
  font-family: Solis;
}
#map-wrapper .sidebar > div ul.list-group {
  max-height: 150px;
}
#map-wrapper .country, .offcanvas-body .country {
  background-color: #f05514;
}
#map-wrapper .admin, .offcanvas-body .admin {
  background-color: #93c701;
}
#map-wrapper .region, .offcanvas-body .region {
  background-color: #4b5afb;
}
#map-wrapper .poly, .offcanvas-body .poly {
  background-color: #fab916;
}

#map-wrapper .sidebar ul li .btnRemove {
  opacity: 0;
  transition: 0.2s;
}
#map-wrapper .sidebar ul li:hover .btnRemove {
  opacity: 1;
}
#map-wrapper .sidebar ul li.marker-hover {
  background-color: #444;
  font-weight: 700;
}
#map-wrapper .map-btn img {
  width: 18px;
  height: 18px;
}
#map-wrapper .map-btn.disabled {
  background-color: #777;
  opacity: 0.22;
}
#map-wrapper .marker {
  background-image: url(../images/red-pin.png);
  background-size: cover;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin: -9px 0 0 9px;
}
#map-wrapper .marker.highlight {
  width: 36px;
  height: 36px;
  margin: -8px 0 0 8px;
  transition: 0.22s;
}



#preview-wrapper {
  height: 432px;
}
#preview-wrapper #preview-container-wrapper {
  transition: 0.6s;
}
#preview-wrapper #preview-container-wrapper #preview-loading {
  opacity: 0;
}
#preview-wrapper #preview-container-wrapper.wait #preview-loading {
  opacity: 1;
}
#preview-wrapper #preview-container-wrapper.wait #preview-container {
  opacity: 0.811;
}


.btn-preview-product {
  opacity: 0;
  transition: 0.2s;
}
.list-group-item:not(.active):hover .btn-preview-product {
  cursor: pointer;
}
.list-group-item:hover .btn-preview-product,
.list-group-item.active .btn-preview-product {
  opacity: 1;
}

#product-list .list-group-item.active {
  /* if the entire list-item has bg-color, we may not be able to see the validation icon 
  or read the error msg. just color the top-right corner instead */
  background-color: transparent;
  background-image: linear-gradient(to right top, transparent 66%, var(--bs-list-group-active-bg));
}
.list-group-item.active {
  /* the text of the active item blends in when we're in light mode with that gradient background^^; just use the normal color */
  color: var(--bs-list-group-color);
}


/* audience composer */
html[data-bs-theme=light] #aud-tab-compose-pane > div {
    border-radius: 4px;
    padding: 15px 0 15px 15px;
    background-color: rgb(33,37,41);
}
#flds-composer {
    background-color: transparent;
}
.audience-selector {
    min-width: 50px;
    width: fit-content;
    min-height: 50px;
    padding: 10px;
    margin: 1rem;
    /*background-color: transparent;*/
    box-sizing: border-box; /* for resizing */

    touch-action: none;
    transition: background-color 0.3s;
    transform: translate(0px, 0px);
}

    .audience-selector.can-drop {
        opacity:.6;
    }

    .audience-selector.drop-active {
        /*border-color: #aaa;*/
    }

.compound-selector {
    min-width: 120px;
    height: 120px;
}

.drop-target, #flds-composer.drop-target {
    background-color: #333;
    border-color: #fff;
    border-style: dashed;
}

#audience-selector-context-menu {
    display: none;
    z-index: 1000;
    position: absolute;
}

/*#audience-selector-context-menu li {

}*/

.airship-error-details h1,
.airship-error-details h2 {
  font-size: 1.1rem;
}