@charset "UTF-8";
#rky_slides .item.render-bg div {
  height: 380px;
  background-position: bottom !important; }

.rky-slide-text {
  background-color: rgba(20, 20, 20, 0.15) !important; }

.rky-slide-text h1 {
  margin-top: 8% !important; }

@media only screen and (max-width: 1024px) {
  #rky_slides .item.render-bg div {
    height: 300px;
    max-width: 1024px;
    background-size: 200%; }
  .rky-slide-text h1 {
    margin-top: 4%;
    font-size: 40px; }
  .rky-slide-text h2 {
    font-size: 20px; } }

@media only screen and (max-width: 800px) {
  #rky_slides .item.render-bg div {
    height: 160px;
    max-width: 1024px;
    background-size: 220%; }
  .rky-slide-text h1 {
    margin-top: 4%;
    font-size: 24px; }
  .rky-slide-text h2 {
    font-size: 14px; } }

.recent-event-list .item {
  border: 1px solid #ccc;
  padding: 6px;
  background-color: #ccc;
  margin-bottom: 30px;
  text-align: center; }

/* --- CENTRALIZAR TÍTULO NO MEIO DO BANNER --- */
#rky_slides .item.render-bg {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  /* centro vertical */
  justify-content: center !important;
  /* centro horizontal */
  height: 380px !important;
  /* mantém sua altura */
  overflow: hidden; }

/* deixa a imagem como fundo absoluto */
#rky_slides .item.render-bg .rky-slide-img {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center !important;
  z-index: 1; }

/* texto centralizado */
#rky_slides .item.render-bg .rky-slide-text {
  position: relative !important;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  width: 100%;
  padding: 10px;
  background: none !important;
  /* remova o fundo translúcido */ }

/* remove margin que estava empurrando para baixo */
#rky_slides .item.render-bg .rky-slide-text h1 {
  margin: 0 !important;
  color: #fff !important;
  font-weight: 300; }

.rky-thumb-center {
  margin: 0 0 5px 0;
  border: 2px solid #fff;
  padding: 0 !important; }

.recent-event-list .item a {
  color: #333; }