/* Add your own CSS code here */

div.trendingcontent {
	width:90%;
	margin:auto;
}

ul.nav-tabs {
	margin-bottom:0px;
}

li.nav-item {
	text-align:center;
}

li.nav-item:not(.active):not(:hover) > a > i {
	color:#333!important;
    --fa-primary-color: #ddd!important;
    --fa-secondary-color: #333!important;
	text-shadow:none!important;
}

li.nav-item.active a {
  background-color:#fff!important;
}

li.nav-item:not(.active) a {
  background-color:#ddd;
}

li.nav-item:not(.active) a:hover {
  background-color:#eee;
}

.tab-pane.active {
	border-radius: 0px 0px 10px 10px;

	background-color:#fff;
	
	border-bottom: 1px solid #ddd;
}

.wpp-author a {
	color:#333;
}


.dark-mode .wpp-author a {
	color:#fff;
}

a.wpp-post-title {
	font-size: 1.5em;
	font-family: 'Cinzel';
}

.dark-mode a.wpp-post-title {
	color:#fff;
	text-decoration:underline;
}

/* Add your own CSS code here */
li.nav-item {
	text-align:center;
}

li.nav-item:not(.active):not(:hover) > a > i {
	color:#333!important;
    --fa-primary-color: #ddd!important;
    --fa-secondary-color: #333!important;
	text-shadow:none!important;
}

.dark-mode i.fas.fa-book {
	color:deepskyblue!important;
}

li.nav-item.active a {
  background-color:#fff!important;
}

.dark-mode li.nav-item.active a {
  background-color:#555!important;
	color:#fff;
}

li.nav-item:not(.active) a {
  background-color:#ddd;
	color:#999;
}

.dark-mode li.nav-item:not(.active) a {
  background-color:rgba(250, 250, 250, .3);
}

li.nav-item:not(.active) a:hover {
  background-color:#eee;
}

.dark-mode li.nav-item:not(.active) a:hover {
  background-color:#bbb;
	color:#000;
}

.tab-pane.active {
	border-radius: 0px 0px 10px 10px;

	background-color:#fff;
	
}

.dark-mode .tab-pane.active {
	border-radius: 0px 0px 10px 10px;

	background-color:#555;
	
}

.trendingcontent {
	max-width:90%;
	margin:auto;
	padding-top:2%;

}

ul.nav {
	margin:0 0 0 0!important;
}

.tab-content {
	padding:.5rem .5rem .5rem .5rem!important;
	background-color:#fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	overflow:unset;
}

.dark-mode .tab-content {
	background-color:#555;
}
.wp-post-image {
	width:100%;
}

.dark-mode .wpp-author a {
	color:#fff;
}

a.wpp-post-title {
	font-size: 1.5em;
	font-family: 'Cinzel';
}

.dark-mode a.wpp-post-title {
	color:#fff;
	text-decoration:underline;
}

li::marker {
	font-size:1.5em;
	font-family: 'Cinzel';
	
}


ol {
	 display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    justify-content: space-evenly;
    column-gap: 30px;
    row-gap: 15px;
}

ol >li {
	color:#333;
}

.dark-mode ol >li {
	color:#fff;
}