/*
 Theme Name:   Pasteles D' Lulu Child
 Template:     generatepress
 Version:      1.0.0
*/

.post-title {
  color: #2a0a3a;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 5px;
}

.post-title a {
  /*text-decoration: none;*/
  color: #2a0a3a;
}

.post-thumbnail {
  aspect-ratio: 2/3;
  /*display: block;*/
  height: auto;
  margin-bottom: 30px;
  max-width: 100%;
  object-fit: cover;
}

.post-card {
  background-color: #ffffff;
  margin: 5px;
  padding: 20px;
}

.looper {
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));

  row-gap: 20px;
  border: 1px solid rgba(42,10,59,0.21);
}

.loop-heading {
  background-color: rgba(42,10,59,0.21);
  color: #2a0a3a;
  text-align: center;
  border: 3px solid #5d3372;
}

.loop-heading a {
  text-decoration: none;
  color: #2a0a3a;
}

.loop-container {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  background-color: #f4dfff;
}

@media (max-width: 1024px) and (min-width: 768px) { /*Tablet styles*/
  .loop-container {
  	margin-bottom: 0px;
  }
}

@media (max-width: 767px) { /*Mobile styles*/
	.post-title {
		padding-right: 5px;
		padding-left: 10px;
		font-size: 1.25rem;
		text-align: left;
	}

	.post-thumbnail {
		margin-bottom: 15px;
	}

	.post-card {
		padding: 0;
		background-color: #f4dfff;
	}

	.looper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 10px;
		border: 1px solid rgba(42, 10, 59, 0.21);
	}

	.loop-heading {
		padding: 10px 0;
		font-size: 20px;
	}
}

/*Rank Math FAQ*/
.rank-math-list-item {
  border: 1px solid rgba(42, 10, 59, 0.21);
  margin-bottom: 10px;
  background-color: #fff;
}

.rank-math-question {
  cursor: pointer;
  position: relative;
  padding: 14px 20px 14px 40px; /* left padding makes room for the +/− */
  margin: 0;
  color: #2a0a3a;
}

.rank-math-question::before {
  content: "+";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}

.rank-math-question.active::before {
  content: "−";
}

.rank-math-question:hover {
  opacity: 0.8;
}

.rank-math-answer {
  padding: 0 20px 16px 40px; /* left padding lines up with the question text above */
}

#rank-math-faq {
    padding-bottom: 40px;
}