html {
    background:#fff;
}
html, body {
	font-family: 'Nunito Sans', sans-serif!important;
}
h1, h2, h3, h4, h5, h6, #top-bar-cig {
    font-family: 'Urbanist', sans-serif!important;
}
section#pageContent h1, section#pageContent h2 {
	font-size:2rem;
	color:#0F4C81;
	padding:1em 0;
	font-weight:700;
}
section#pageContent img {
	width:250px;
}
html body .inner-content a {
	color:#000;
}
img.hosted {
	display: block;
  width: 180px;
  margin: 0 auto;
}
html body .inner-content p a {
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
.off-canvas-wrapper {
    max-width:900px;
    background:#FFF;
    margin:0 auto;
}
.mobmenul-container i {
	color:#000!important;
}
body .entry-content img.alignright {
	max-width:50%;
}
body.logged-in #top-bar-cig {
    margin-top:32px;
}
#top-bar-cig {
	background:#FFF;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle drop shadow */
}

#top-bar-cig #top-logo-cig {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
#top-bar-cig #top-logo-cig > div:nth-child(1) {
  justify-self: start;
  padding:0.5em;
}
#top-bar-cig #top-logo-cig > div:nth-child(2) {
  justify-self: center;
  text-align:center;
}
#top-bar-cig #top-logo-cig > div:nth-child(3) {
  justify-self: end;
}

ul#main-nav li {
    margin:0 0.2em;
}
ul#main-nav li a {
    text-transform:uppercase;
    font-weight:700;
    color:#fff;
}
#top-menu-cig-parent {
    padding:0.7em;
	background:#0f4c82;
    display:flex;
     justify-content: center;
    align-items: end;
}
#top-menu-cig a {
    border-radius:10px;
    padding:0.4em 1em;
	border: #fff 2px solid;
}
#top-menu-cig a:hover {
    border: #000 2px solid;
    background:#555;
}
html body .inner-content a.button {
	border-radius:10px;
	background:#000;
	font-size:1.2em;
	color:#fff;
}
.main-footer {
	text-align: center;
	background:#0F4C81;
	color:#fff;
	padding:1em 0;
	margin:2em 0;
}
.entry-content table th:nth-child(1),
.entry-content table td:nth-child(1) {
    width: 17% !important;
}

.entry-content table th:nth-child(2),
.entry-content table td:nth-child(2) {
    width: 13% !important;
}

.entry-content table th:nth-child(3),
.entry-content table td:nth-child(3) {
    width: 40% !important;
}

.entry-content table th:nth-child(4),
.entry-content table td:nth-child(4) {
    width: 30% !important;
}
.entry-content table {
    table-layout: fixed !important;
    width: 100% !important;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
    .writer-flex-container {
        flex-direction: column; /* Stack photo and text vertically */
        align-items: center; /* Center align content */
        text-align: center;
    }

    .writer-photo {
        width: 200px; /* Smaller photo for mobile */
        height: 200px;
        margin: 0 0 15px; /* Adjust spacing */
    }

    .writer-name {
        font-size: 2rem;
    }

    .writer-title {
        font-size: 1.3rem;
    }

    .writer-bio {
        font-size: 0.95rem;
    }

    .writer-post-item {
        flex-direction: column; /* Stack content and image */
    }

    .writer-post-thumbnail {
        float: none; /* Disable float for smaller screens */
        width: 100%; /* Full width for smaller screens */
        max-width: 300px;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .writer-post-content {
        padding-right: 0;
        text-align: center; /* Center align content for smaller screens */
    }
	section#pageContent img {
	width:125px;
}
.mob-menu-logo-holder .headertext::after {
  content: "09:30–17:00 THU 11 SEP 2025\A MARRIOTT GRAND BALLROOM A\A NEWPORT WORLD RESORTS, MANILA";
  display: block;
  margin-top: 5px;
  font-size: 11px;
  text-align: center;
  white-space: pre-line; /* allows \A to render as line breaks */
}
.entry-content table th:nth-child(1),
.entry-content table td:nth-child(1) {
    width: 20% !important;
}

.entry-content table th:nth-child(2),
.entry-content table td:nth-child(2) {
    width: 20% !important;
}

.entry-content table th:nth-child(3),
.entry-content table td:nth-child(3) {
    width: 33% !important;
}

.entry-content table th:nth-child(4),
.entry-content table td:nth-child(4) {
    width: 27% !important;
}
td, th {
	font-size:0.65em;
}
}