/* General */

.header-logo img {
	width: 50px;
	border-radius: 10px;
}
	
.header-navbar {
		max-width: 1200px;
		margin: auto;
		border-bottom: 0px !important;
	}

/* Homepage */

.producthunt_div{
	display:flex;
}

.home-hero {
	height: 50VH;
	align-content: center;
	border-radius: 5px;
background: linear-gradient(45deg, #ffffff 20%, transparent 20%, transparent 80%, #ffffff 80%),linear-gradient(135deg, #ffffff 40%, #000000 40%, #000000 60%, #000000 60%, #ffffff 60%) , linear-gradient(45deg, #ffffff 20%, #000000 20%, #000000 80%, #ffffff 80%);
        background-size: 3em 3em;
        background-color: #d4e6ff;
        opacity: 1
}

.home-hero-title {
	margin: auto;
	width: 70%;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media (max-width:600px){
	h2.has-background {
		padding: 10px;
		font-size: medium;
	}
}

figure.post-thumbnail {
	border-radius:5px;
}

#content > div > div > div.hp-listing-categories.hp-grid.hp-block > div > div > article > header > div.hp-listing-category__item-count.hp-listing-category__count{
	background:black;
}

#content > div > div > div.hp-listing-categories.hp-grid.hp-block > div > div > article > header > div.hp-listing-category__image{
	border-radius:5px;
}

#content > div > div > div.hp-listing-categories.hp-grid.hp-block > div > div:nth-child(1) > article > header > div.hp-listing-category__image {
background: linear-gradient(-71deg, #2a2a2a 25%, transparent 26%, transparent 74%, #2a2a2a 75%);
        background-size: 3em 3em;
        background-color: #808080;
        opacity: 1
}

#content > div > div > div.hp-listing-categories.hp-grid.hp-block > div > div:nth-child(2) > article > header > div.hp-listing-category__image {
background: linear-gradient(19deg, #2a2a2a 25%, transparent 26%, transparent 74%, #2a2a2a 75%);
        background-size: 3em 3em;
        background-color: #808080;
        opacity: 1;
}

#content > div > div > div.hp-listing-categories.hp-grid.hp-block > div > div:nth-child(3) > article > header > div.hp-listing-category__image {
background: radial-gradient(circle at 40% 40%, #2a2a2a 25%, transparent 26%),radial-gradient(circle at 60% 60%, #2a2a2a80 25%, transparent 26%);
        background-size: 3em 3em;
        background-color: #808080;
        opacity: 1
}

#content > div > div > div.hp-listing-categories.hp-grid.hp-block > div > div:nth-child(4) > article > header > div.hp-listing-category__image {
background: radial-gradient(circle, transparent 25%, #808080  26%),linear-gradient(0deg, transparent 44%, #2a2a2a 45%, #2a2a2a 55%, transparent 56%), linear-gradient(90deg, transparent 44%, #2a2a2a 45%, #2a2a2a 55%, transparent 56%);
        background-size: 2em 2em;
        background-color: #808080;
        opacity: 1
}

#content > div > div > div.hp-listing-categories.hp-grid.hp-block > div > div:nth-child(1) > article > header > div.hp-listing-category__image > a > img{
	opacity: 0;
}

#content > div > div > div.hp-listing-categories.hp-grid.hp-block > div > div:nth-child(2) > article > header > div.hp-listing-category__image > a > img{
	opacity: 0;
}

#content > div > div > div.hp-listing-categories.hp-grid.hp-block > div > div:nth-child(3) > article > header > div.hp-listing-category__image > a > img{
	opacity: 0;
}

#content > div > div > div.hp-listing-categories.hp-grid.hp-block > div > div:nth-child(4) > article > header > div.hp-listing-category__image > a > img{
	opacity: 0;
}




/* Listing Block */

#content > div > div > div.hp-listings.hp-block.hp-grid > div > div > article > div > h4{
	margin-bottom: 0px;
}

.hp-listing--view-block .hp-listing__created-date,
.hp-listing--view-page .hp-listing__created-date {
  display: none;
}

#content > div > div > div.hp-listings.hp-block.hp-grid > div > div > article > div > div.hp-listing__categories.hp-listing__category > a{
	border-radius: 5px;
	margin-bottom:15px;
}

.hp-listing--view-block .hp-listing__attributes--primary{
    flex-wrap:wrap;
		margin:0px;
}

#content > div > div > div.hp-listings.hp-block.hp-grid > div > div > article > footer > div.hp-block.hp-listing__attributes.hp-listing__attributes--primary > div.hp-listing__attribute.hp-listing__attribute--slogan{
	margin-bottom: 10px;
	font-size: 0.9em;
}

#content > div > div > div.hp-listings.hp-block.hp-grid > div > div > article > footer > div.hp-block.hp-listing__attributes.hp-listing__attributes--primary > div.hp-listing__attribute.hp-listing__attribute--price{
		font-size: 0.75em;
    border-style:solid;
		border-width: 1px;
		padding-left: 10px;
		padding-right: 10px;
}

/* Other Listing Block */

#content > div > div > div > div > div:nth-child(2) > div.hp-listings.hp-block.hp-grid > div > div > article > div > div.hp-listing__categories.hp-listing__category a {
	border-radius: 5px;
	margin-bottom:15px;
}

#content > div > div > div > div > div:nth-child(2) > div.hp-listings.hp-block.hp-grid > div > div > article > footer > div.hp-block.hp-listing__attributes.hp-listing__attributes--primary{
		display: flex;
		flex-direction: column;
		margin:0px;
		align-items:flex-start;
}

#content > div > div > div > div > div:nth-child(2) > div.hp-listings.hp-block.hp-grid > div > div > article > footer > div.hp-block.hp-listing__attributes.hp-listing__attributes--primary > div.hp-listing__attribute.hp-listing__attribute--slogan{
	margin-bottom: 10px;
	font-size: 0.9em;
}

#content > div > div > div > div > div:nth-child(2) > div.hp-listings.hp-block.hp-grid > div > div > article > footer > div.hp-block.hp-listing__attributes.hp-listing__attributes--primary > div.hp-listing__attribute.hp-listing__attribute--price {
	font-size: 0.75em;
    border-style:solid;
		border-width: 1px;
		padding-left: 10px;
		padding-right: 10px;
}

/* Single Listing Page */


#content > div > div > div > div {
	justify-content: center;
}

#content > div > div > div > div > aside{
}

#content > div > div > div > div > div > div.hp-block.hp-listing__attributes.hp-listing__attributes--ternary{
	display:flex;
	flex-direction: column;
	align-items:center;
}

#content > div > div > div > div > div > div.hp-block.hp-listing__attributes.hp-listing__attributes--ternary > div.hp-listing__attribute.hp-listing__attribute--price{
	border-style: solid;
	border-width: 1px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 5px;
	width:fit-content;
}

#content > div > div > div > footer > div > div > div > div > article > div > div.hp-listing__categories.hp-listing__category > a{
	border-radius: 5px;
	margin-bottom:15px;
}

#content > div > div > div > footer > div > div > div > div > article > footer > div.hp-block.hp-listing__attributes.hp-listing__attributes--primary > div.hp-listing__attribute.hp-listing__attribute--slogan{
	margin-bottom: 10px;
	font-size: 0.9em;
}

#content > div > div > div > footer > div > div > div > div> article > footer > div.hp-block.hp-listing__attributes.hp-listing__attributes--primary > div.hp-listing__attribute.hp-listing__attribute--price{
	font-size: 0.75em;
    border-style:solid;
		border-width: 1px;
		padding-left: 10px;
		padding-right: 10px;
}

#text-9 > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#text-9 > div > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* Single Posts Page */

.post .post__author{
	display: none;
}

body > div.site-container > header > section > div > div > div > div > div > div.post__details > time::after{
	display:none;
}

.wp-block-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.wp-block-table thead {
	border-bottom: none;
}

.wp-block-table thead tr {
    background-color: black;
    text-align: left;
}

.wp-block-table th{
	color:white;
}

.wp-block-table td {
    padding: 12px 15px;
	
}

.wp-block-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.wp-block-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.wp-block-table tbody tr:last-of-type {
    border-bottom: 2px solid black;
}

.post-featured-button-parent{
	justify-content:center;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding-top:50px;
	padding-bottom:50px;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	border-radius: 20px;
}

.post-featured-button-child > div{
	display:flex;
	flex-direction: column;
	align-items: center;
}

/* Sign in Page */
.hp-col-sm-offset-4 {
	margin-left: auto;
	margin-right: auto;
}

/* Bottom Footer */
.footer-navbar__menu{
	display: none;
}

.title::before, .footer-widgets .widget__title::before, .hp-page__title::before, .hp-section__title::before, .hp-listing--view-block .hp-listing__featured-badge{
	display:none;
}

body > footer > div > div.footer-widgets > div a {
	color:grey;
}