/* Global Styles */
*,
*:before,
*:after {
  box-sizing: border-box;
}

.wrap_content {
    position: relative;
    background-image: url(/ctm/31291/projects/ermita/gallery/2025/08/sky-heaven-gradient.png);
    background-size: cover;
    background-position: center center;
    padding: 40px 0;
}

/* Table Styles */
.event-table {
  background-color: #fff;
  border: none;
  border-spacing: 0;
	margin: 0 auto;
}

@media screen and (min-width: 600px) {
  .event-table {
		margin: 0 auto;
		padding: 0;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		max-width: 800px;
  }
}

.event-table thead {
  display: none;
  color: #fff;
  background-color: #34495e;
}

@media screen and (min-width: 600px) {
  .event-table thead {
    display: table-header-group;
    background-color: var(--color_p);
  }
}

.event-table tr {
  display: block;
  padding: 20px 0 10px;
  border: 0;
  border-bottom: 1px solid #bdc3c7;
}

@media screen and (min-width: 600px) {
  .event-table tr {
    display: table-row;
    padding: 5px;
  }
}

.event-table tr:after {
  content: '';
  clear: both;
  display: table;
}

.event-table tr:before {
  display: block;
}

.event-table td {
  clear: left;
  display: block;
  float: left;
  padding: 10px 18px;
  border: 0;
	text-align: left !important;
}

@media screen and (min-width: 600px) {
  .event-table td {
    text-align: center;
  }
}

.event-table td:before {
  content: attr(data-label)':';
  display: block;
  float: left;
  margin-right: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

@media screen and (min-width: 600px) {
  .event-table td:before {
    display: none;
  }
}

.event-table td[data-label="Date"] {
  	width: 100%;
    background: var(--color_p);
    color: #FFF;
}

@media screen and (min-width: 600px) {
  .event-table td[data-label="Date"] {
    width: 14%;
	text-align: center !important;
  }

  .event-table td[data-label="Date"] span {
    margin-bottom: 3px;
    font-size: 1.4rem;
    display: block;
  }
}

@media (max-width: 600px) {
  br.custom-break {
    display: none;
  }
}

.event-table td[data-label="Description"]:before {
  float: none;
  margin-bottom: 20px;
}

@media screen and (min-width: 600px) {
  .event-table td[data-label="Description"] {
    text-align: left;
  }
	
}

.event-table th,
.event-table td {
  display: block;
  float: left;
  clear: left;
}

@media screen and (min-width: 600px) {
  .event-table th,
  .event-table td {
    display: table-cell;
    float: none;
    clear: none;
  }
}

.event-table th {
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  background-color: var(--color_p);
  border: 0;
}

@media screen and (min-width: 600px) {
  .event-table th {
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    background-color: #ba7600;
    border: 0;
	font-size: 20px;
  }

  .event-table th[colspan="2"] {
    padding-left: 10px;
  }
}

/* Event Styles */
.event__cta {
  position: relative;
  bottom: 10px;
  display: block;
  padding: 10px;
  width: 120px;
  overflow: hidden;
  color: #34495e;
  text-align: center;
  text-decoration: none;
  border: 1px solid #34495e;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.event__cta:hover {
  color: #fff;
  background-color: #34495e;
}

@media screen and (min-width: 600px) {
  .event__cta {
    bottom: 0;
  }
}






/* Pilgrimage Styles */
.wrap_pilgriamge {
	background: #ffffff url(/ctm/31291/projects/ermita/gallery/2025/02/banner-jubilee-pilgrimage.png) no-repeat center center;
	padding: 25px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.wrap_pilgriamge h3 span {
    background: #9b1512;
    border-color: #9b1512;
    box-shadow: 0 0 0 3px #9b1512;
    color: #FFF;
    border-radius: 100%;
    padding: 10px 13px;
    display: inline-block;
    text-align: center;
    margin-right: 11px;
}



.wrap_prossetion {
    background: #fff0d3;
}

.wrap_prossetion .content{
    padding: 0;
}

.wrap_prossetion .imgC{
   margin-bottom: 0;
}