.cLibTile {
  background-color: #fff;
  color: #292929;
  padding: 20px;
  display: inline-block;
  min-height: 275px;
  border-radius: 20px;
  width: 100%;
}

.cLibTile:hover {
  transform: scale(1.05);
  transition: 0.4s;
}

.cIconContainer {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: #919191;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}

.cIconContainer .cType {
  height: 20px;
  background-position: left;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding: 0px 0 0 27px;
  background-image: url(//wso2.cachefly.net/wso2/sites/all/2022-optimized/library-2022/Read-gray.png);
}

.webinar.cIconContainer .cType,
.cScreenCast.cIconContainer .cType,
.cVideo.cIconContainer .cType {
  background-image: url(//wso2.cachefly.net/wso2/sites/all/2022-optimized/library-2022/Watch.png);
}

.cContentTileWrapper h2 {
  font-size: 1.1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
}

.cContentTileWrapper h2 a {
  color: #000;
  text-decoration: none;
}

.cContentTileWrapper h2 a:hover {
  text-decoration: underline;
}

.library-item-block {
  margin-bottom: 30px;
}

.cTagContainer {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  border-top: 1px solid #dbdbdb;
  padding-top: 10px;
  margin-top: 10px;
}

.cTagContainer a {
  width: auto;
  display: inline-flex;
  margin-right: 1px;
  margin-bottom: 4px;
  padding: 7px 10px 7px 12px;
  border-radius: 20px;
  font-size: 10px;
  background-color: #464444;
  color: #fff;
  text-decoration: none;
}

.cTagContainer a.cProductAreasTag {
  background-color: #e6e7ec;
  color: #000;
}

.cTagContainer a:hover {
  text-decoration: underline !important;
}

.cFilterControl {
  display: block;
}

.cLibraryListing .cFilterContainer form .fieldset-legend,
.cLibraryListing .cFilterContainer form .js-form-type-select label {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 5px;
  font-weight: 400;
  display: inline-block;
}

.cLibraryListing .cFilterContainer fieldset .fieldset-wrapper label {
  font-weight: 400;
}

.cLibraryListing .cFilterContainer h4.cLibraryAuthor {
  text-decoration: none;
  font-weight: 400;
  font-size: 15px;
}



.cLibraryListing .cFilterContainer h4.cLibraryAuthor a {
  text-decoration: none;
  color: #000000;
}

.cLibraryListing .cFilterContainer h4.cLibraryAuthor a:hover,
.Dark .cLibraryListing .cFilterContainer h4.cLibraryAuthor a:hover {
  color: #ff7300;
  text-decoration: underline;
}

.Dark .cLibraryListing .cFilterContainer h4.cLibraryAuthor {
  font-weight: 700;
}

.Dark .cLibraryListing .cFilterContainer h4.cLibraryAuthor a {
  color: #ffffff;
}


.cLibraryInnerLandingPages .library-item-block.views-row .cContentTileWrapper h2 {
  font-size: 2rem;
  line-height: 2.5rem;
}
.cContentTileWrapper h2 a:hover {
  text-decoration: underline !important;

}

.Dark ul.cLibraryProfileDetails li.cAuthor a {
  color: #ccc;
}

.Dark .cAuthor {
  font-weight: 600 !important;
}

.Dark ul li.cAuthor_designation,
.Dark .cAuthor_designation,
.Dark ul li.cDate,
.cDate {
  color: #ccc !important;
}


@media (max-width: 768px) {
  .cFilterControl {
    display: none;
  }

  .cLibraryHeaderSection .switch {
    margin-bottom: 25px;
    right: 45px;
  }
}
.Dark ul.cLibraryProfileDetails li.cAuthor a:hover {

  text-decoration: underline;
}

@media (max-width: 520px) {
  .cLibraryHeaderSection .switch {
    right: 0;
  }
}

@media (min-width: 991px) {
  .cFilterControl {
    display: none;
  }
}

.cFilterIcon {
  display: none;
}

.js-form-item.form-item {
  position: relative;
}

/* Base styling for checkboxes */
.form-checkboxes input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  border: 1px solid #888;
  background-color: #fff;
  transition: all 0.2s ease;
}

/* Show grey background when checked */
.form-checkboxes input[type="checkbox"]:checked {
  background-color: #ff7300;
  border-color: #ff7300;
}

/* Checkmark (✔️) when checked */
.form-checkboxes input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid #fff;
  background-color: #ff7300;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Show faint checkmark on hover (preview effect) */
.form-checkboxes input[type="checkbox"]:hover::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Slightly change border on hover for visual feedback */
.form-checkboxes input[type="checkbox"]:hover {
  border-color: #555;
}


@media screen and (max-width: 769px) {
  .cFilterIcon {
    display: inline-block;
    position: absolute;
    background: #ff7300;
    height: 30px;
    width: 30px;
    right: -45px !important;
    z-index: 99999;
    top: 45%;
    cursor: pointer;
    background-image: url(//wso2.cachefly.net/wso2/sites/all/2022-optimized/library-2022/filter.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    padding: 30px 30px 20px 14px !important;
    border-radius: 0 20px 20px 0;
  }
}

@media screen and (max-width: 990px) {
  .cFilterDisplayButton {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    padding: 20px;
    background: #ff7300;
    display: inline-block;
    margin-left: 15px;
    text-decoration: none;
  }

  .cFilterDisplayButton.show {
    background: #212a32;
    color: #fff;
  }

  .cFilterContainer .cFilterForm {
    height: 0px;
    overflow: hidden;
    padding: 0;
  }

  .cFilterContainer.show .cFilterForm {
    height: auto;
    overflow: hidden;
    padding: 2rem;
  }
}

@media screen and (max-width: 769px) {
  .cLibraryListing .cFilterContainer .cFilterForm {
    overflow: visible;
    height: 100vh !important;
    position: fixed !important;
    z-index: 999;
    padding: 30px;
    width: 300px !important;
    left: -298px !important;
    top: 0px;
    border-right: 5px solid #ff7300 !important;
    transition: all 0.5s ease 0s;
  }

  .cLibraryListing .cFilterContainer .cDisplayFilterPanel.cFilterForm {
    left: 0 !important;
    transition: all 0.5s ease 0s;
  }

  .cLibraryListing .cFilterContainer .cFilterForm.cStickyPanel {
    overflow: auto;
  }
}

@media screen and (max-width: 769px) {
  .cLibTile.cClickDisable a {
    pointer-events: none;
  }

  .cFilterIcon.cDisplayFilterPanel {
    background-image: url(//wso2.cachefly.net/wso2/sites/all/2022-optimized/library-2022/close.svg);
  }
}

ul.cLibraryProfileDetails {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
}

ul.cLibraryProfileDetails li {
  display: block;
  margin-right: 0.5rem;
  color: #979a9d;
  line-height: 17px;
}

ul.cLibraryProfileDetails li.cAuthor {
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}

ul.cLibraryProfileDetails li.cAuthor a {
  text-decoration: none;
  color: #494848;
}

ul.cLibraryProfileDetails li.cAuthor a:hover {
  text-decoration: underline !important;
  color: #ff7300;
}

ul li.cAuthor_designation {
  font-size: 9px;
  margin-right: 0.5rem;
  line-height: 17px;
  display: block;
  color: #494848;
}
a.cProductAreasTag:hover {
    color: #ff7300;
    text-decoration: underline !important;
}

/** dark theme **/
.Dark h1 {
  color: #fff;
}
.Dark .libTitle .cContentTileWrapper h2 a {
  color:#fff !important;
}
.Dark .cHighlighted.cWhiteBG.cFixedHeight.cMainWhiteBox,
.Dark .cLibTile,
.Dark .cFilterContainer form,
.Dark .cFilterForm {
  background: #202124;
}

.Dark .cContentTileWrapper h2,
.Dark .cContentTileWrapper h2 a,
.Dark .cFilterContainer form label,
.Dark .cFilterContainer form .form-checkboxes label {
  color: #ccc;
}
.Dark .cAuthor,
.Dark .cAuthor a,
.Dark .cFeaturedItemMoreLink,
.Dark .cAuthor_designation,
.Dark .cMore, 
.Dark .cLibrary2020NovFilterLable {
  color: #ccc !important;
}
.Dark .cAuthor,
.Dark .cAuthor a,
.Dark .cFeaturedItemMoreLink,
.Dark .cAuthor_designation,
.Dark .cMore,
.Dark .cLibrary2020NovFilterLable {
  color: #ccc !important;
}

.Dark .cFilterContainer form .fieldset-legend {
  color: #fff;

  color: #fff !important;
  margin-top: 0;
  width: 100%;
  margin-bottom: 0.5em;
  font-weight: 700 !important;
}
.Dark .cFilterContainer .cFilterForm {
   border-color:#000;
}
.wso2Events2025 .cEventsFilterContainer .js-form-type-select label,
.wso2Events2025 .cEventsFilterContainer .fieldgroup legend span {
  font-size: 19.2px !important;
  font-weight: 500 !important;
  padding-bottom: 6px;
  text-transform: none;

}

.wso2Events2025 .cEventsFilterContainer .fieldgroup legend span {
  margin-bottom: 1em;
  border-top: 1px solid #ccc;
  display: block;
}

.wso2Events2025 .cEventsFilterContainer .js-form-type-select {
  border-top: 1px solid #ccc;
}


.wso2Events2025 .cEventsFilterContainer .form-checkboxes ul {
  margin: 0;
  padding: 0;
}

.wso2Events2025 .cEventsFilterContainer .form-checkboxes label {
  color: #494848;
  font-size: 1rem;
  line-height: 1.6rem;
  padding-bottom: 0;

}

.wso2Events2025 .cEventsFilterContainer .cFilterForm {
  padding: 2em;
}
.Dark .cLibraryInnerLandingPages .cContentTileWrapper h2 a:hover {
    color: #ff7300;
    text-decoration: underline !important;
}

.Dar

.wso2Events2025 .cEventsFilterContainer a.cButtonN_Standard {
  font-family: 'Plus Jakarta Sans', sans-serif;
  margin-right: 0px;
  text-transform: none;
  word-spacing: 3px;
  letter-spacing: .008rem;
  text-transform: none;
  font-size: 21px;
  padding: 10px 20px 10px;
  width: 222px;
  background-color: #000;
  color: #fff;
  margin-bottom: 0.7rem;
  letter-spacing: 0.5px;
  font-weight: 500;
  margin-top: 1rem;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  border: solid 2px transparent;
  text-decoration: none;
}

.wso2Events2025 .cEventsFilterContainer a.cButtonN_Standard:hover,
.wso2Events2025 .cEventsFilterContainer .form-submit:hover {
  background-color: #ff7300 !important;
  border: solid 2px transparent;
  text-decoration: none !important;
}

.cFilterContainer form .form-checkboxes label {
  margin-bottom: 0;
}


nav.cBreadcrumb {
  display: none !important;
}

.cBreadCrumsSection.cMainMenuBreadCrumbs {
  display: block;
}