/* ==============================================================
   Widgets
   style declarations for sidebar widgets
   ==============================================================*/
/* WIDGETS */
.widget {
  h2,
  h1,
  .h2 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.7rem 1.5rem;
    font-size: @fontNormal;
    font-weight: 400;
    color: @white;
    background-color: @ci-color1;
  }
  ul {
  }
  li {
    &.active {
      a {
        font-weight: 600;
        color: @lh-content-box;
      }
    }
    &.unpublished {
      a {
      }
    }
  }
  // CHECK IF STILL NEEDED
  a:not(.widget-geofacetting__body a, 
  .widget-geomap a, 
  .widget-usage .badge,
  .widget-downloads .badge,
  .widget-citation .badge,
  .widget-format-links .badge,
  .widget-archives a, 
  .widget-related-groups a,
  h2 a,
  .widget-record-notes a, 
  .widget-annotations a, 
  .widget-copyright-info a, 
  .widget-highlight a,
  .widget-search-facets__boolean a,
  .widget-user-interactions a) {
    color: @lk-content-box;
    display: block;
    line-height: 1.2;
    padding: 0.5rem 0;
    &:hover,
    &:active,
    &:focus {
      color: @lh-content-box;
    }
  }
  dl {
  }
  dt,
  dd {
  }
  dt {
  }
  dd {
  }
  &__title {
    .fa {
      font-size: @fontMedium;
    }
    &.collapseable {
      .fa {
      }
      &.in {
        .fa-angle-down {
        }
      }
    }
  }
  &__body {
    &.collapseable {
    }
  }
  /* MODIFICATION */
  ul,
  dl,
  &__body {
    padding: 1rem 1.5rem;
    border: @border;
    border-top: 0;
    background-color: @bg-content-box;
    border-bottom: @border;
  }
  &__badge-container {
	a, form, button {
	}
	.badge-dark {
		background-color: #343a40;
		& when (@colorModes = true) {
			  .mx-dark-mode-rules ({
			    background-color: @bg-active;
			  });
			  .mx-light-mode-rules ({
			    background-color: #343a40;
			  });
		}
		color: @white;

		&:hover,
		&:active,
		&:focus {
			color: @white;
			background-color: #5e5e5e;
			& when (@colorModes = true) {
			  .mx-dark-mode-rules ({
			  		background-color: @bg-hover;
			  });
			  .mx-light-mode-rules ({
			   		background-color: #5e5e5e;
			  });
			}
		}
	}
  }
  &__badge-container-heading {

  }
}

/* BREAKPOINT FOR LARGE DESKTOPS */
@media screen and (max-width: @largeBreakpoint) {
}

/* BREAKPOINT FOR DESKTOPS */
@media screen and (max-width: @mediumBreakpoint) {
}

/* BREAKPOINT FOR TABLETS */
@media screen and (max-width: @smallBreakpoint) {
}

/* BREAKPOINT FOR SMARTPHONES */
@media screen and (max-width: @xSmallBreakpoint) {
}
