/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .ep-certificate-attendee-header #header a{
    display: none;
 }
 .ep-certificate-custom-cover{
   background-size: contain;
   background-repeat: no-repeat;
 }

 /* Style for the certificate container */
.ep-certificate-container {
  display: flex;
  flex-direction: column; /* By default, align items in a column (for smaller screens) */
  justify-content: center;
  align-items: center;
  padding: 20px;
  margin-bottom: 20px;
}

/* Style for the buttons container to align them side by side */
.ep-certificate-buttons {
  display: flex;
  gap: 10px; /* Adds space between the buttons */
  margin-top: 20px;
}

.ep-btn {
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
}

.ep-btn-primary {
  background-color: #0073aa;
  color: #fff;
  border: none;
}

.ep-btn-secondary {
  background-color: #ccc;
  color: #333;
  border: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .ep-certificate-buttons {
      flex-direction: column;
      width: 100%;
      align-items: center;
  }

  .ep-btn {
      width: 100%; /* Makes buttons full width on smaller screens */
  }
}
/* .type-ep_certificate .wp-block-cover img, .single-ep_certificate .wp-block-cover img, .ep-certificate-container .wo-block-cover img{
  object-fit: contain;
}  */
/* .wp-block-cover{
  object-fit: contain !important;
} */