/*-------------------------------------------------------
Theme Name: Tema Accept
Author: Accept
Author URI: https://accept.pt/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/


/* Post and Resources Filters */
#post-filters input,
#post-filters select,
#resources-filters input,
#resources-filters select {
  min-width: 130px;
  width: 20%;
  padding: 0.45em;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
}

#resources-filters button[type="submit"],
#post-filters button[type="submit"] {
  padding: 0.45em;
  border-radius: 4px;
  min-width: 80px;
  border: none;
  background: #a4bc15;
  color: #fff;
  cursor: pointer;
}


/* Resources CSS */
.resource-filters {
	padding: 0;
}
.resources-section {
    background-color: #f1f1f1 !important;
}

.resource-container {
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
}

.resource-item {
    max-width: 100%;
    padding: 1rem;
    margin: 10px;
    background-color: #fff;
    border-radius: 0.5rem;
}

.resource-item__image {
    width: 100%;
    margin-bottom: 1em;
    border-radius: 0.5rem;
    background-color: lightblue;
}

.resource-item__title,
.resource-item p {
    color: #243746;
}

.resource-item__subtitle {
	display: block;
	color: #5C5C5C;
	padding-bottom: 1em;
}

@media (min-width: 900px) {
	.resource-item {
		max-width: calc((100% / 4) - 20px);
	}
	.resource-container {
		flex-direction: row;
	}
}