/* Blocks on index page */
.ipsWidget--wiki-simple-feed{
  /*border: 1px solid rgb(var(--theme-area_background));*/
  height: 100%;

}
.ipsWidget.ipsWidget--wiki-simple-feed{
	  border-bottom: none;
}
.ipsWidget--wiki-simple-feed .ipsDataItem_main{
  padding: 0 !important;
}

	.ipsWidget--wiki-simple-feed a{
		display: block !important;
		padding: .5em .8em;
	}

	.ipsWidget--wiki-simple-feed a:hover{
		text-decoration: underline;
	}

.ipsWidget--wiki-simple-feed .ipsDataItem {
	border: none;
}

.ipsWidget--wiki-simple-feed h3 {
	background: #f5f5f5;
    border-top-left-radius: 0; 
    border-top-right-radius: 0;
    font-size: 20px;
  	padding: 12px;
}

/* Category grid */
.wiki-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.wiki-grid ._item{
  outline: 1px solid rgb(var(--theme-area_background));
  position: relative;
  padding: 2.5em;
}

.wiki-grid ._item:hover{
  background: rgb(var(--theme-area_background_light));
}

.wiki-grid ._link{
  position: absolute;
  inset: 0;
}

.wiki-grid ._link span{
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.wiki-grid a{
  position: relative;
}

.wiki-grid ._icon{
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 30px;
  color: rgb(var(--theme-link));
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 20px;
}

.wiki-grid ._icon::before{
  content: var(--_icon, '\f0f6');
}

[href$="/how-to/"] ~ ._icon{
  --_icon: '\f02d';
}
[href$="/troubleshooting/"] ~ ._icon{
  --_icon: '\f071';
}
[href$="/integration/"] ~ ._icon{
  --_icon: '\f0ec';
}
[href$="/faq/"] ~ ._icon{
  --_icon: '\f059';
}
[href$="/getting-started/"] ~ ._icon{
  --_icon: '\f144';
}
[href$="/installation/"] ~ ._icon{
  --_icon: '\f019';
}
[href$="/ultimate-guide/"] ~ ._icon{
  --_icon: '\f19d';
}
[href$="/best-practices/"] ~ ._icon{
  --_icon: '\f164';
}
[href$="/code-sample/"] ~ ._icon{
  --_icon: '\f121';
}
[href$="/tips-n-tricks/"] ~ ._icon{
  --_icon: '\f02d';
}
[href$="/white-paper/"] ~ ._icon{
  --_icon: '\f0f6';
}
[href$="/reference/"] ~ ._icon{
  --_icon: '\f0cb';
}

.wiki-grid ._title{
  margin: 0;
  font-size: 1.4em;
  font-weight: bold;
}

.wiki-grid ._latest{
  display: none; /* Hide latest entry */
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}

.wiki-grid ._latest strong{
  font-weight: 600;
}

@media (max-width: 530px){
  .wiki-grid ._item{
    padding: 1.6em;
    padding-inline-start: 5em;
  }
  .wiki-grid ._icon{
    position: absolute;
    left: .6em;
  }
}



/* Table of contents */
.wiki-toc{
  position: -webkit-sticky;
  position: sticky;
  top: 15px;
  background: rgb(var(--theme-area_background_light));
  padding: 1em;
  max-height: calc(100vh - 30px);
  overflow: auto;
  width: 20em;
  overflow-wrap: break-word;
}

.wiki-toc h4{
  margin: 0 0 7px;
  color: rgb(var(--theme-text_dark));
  font-size: 1.1em;
}

.wiki-toc ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.wiki-toc a{
  display: block;
  padding: .4em 1em;
  border-radius: 5px;
  position: relative;
}

/* .wiki-toc [data-el]::before{
  content: '-';
  opacity: .6;
  inset-inline-start: 1em;
  position: absolute;
} */

.wiki-toc [data-el="H2"]{
  font-weight: 700;
}
.wiki-toc [data-el="H3"]{
  font-weight: 500;
  padding-inline-start: 2em;
}
.wiki-toc [data-el="H4"]{
  padding-inline-start: 3em;
}

.wiki-toc a:hover{
  text-decoration: underline;
}

/*
	Dialog: Custom sort options
	Make select fields extend to full width
*/
.ipsDialog_narrow .ipsFieldRow{
  padding-inline-end: 2em;
}
.ipsDialog_narrow .ipsFieldRow select{
  width: 100%;
}

/* Enforce table column widths */
:where(#elCmsPageWrap) table{
  table-layout: fixed;
}

:where(#elCmsPageWrap) :is(td, th){
  padding: .5em;
}





/* NEW CHANGES wiki-grid-new*/

.wiki-grid-new {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
  gap: 25px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.wiki-grid-new ._item {
	border-radius: 5px;
  	outline: none;
    box-shadow: 0px 0px 5px #c0c0c0;
}





/*Database Product Filters */
option[value="562"] {
 display:none; 
}