@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);

h1, h2, h3, h4, h5, h6 {font-family: "Raleway", sans-serif; font-weight: 700; text-transform: uppercase;}

/** accessibility-links & shortcuts **/
#accessibility-links{}
#accessibility-links ul, #accessibility-shortcuts ul{overflow: hidden; height: auto; width: auto; margin: 0; padding:0;}
#accessibility-links ul li, #accessibility-shortcuts ul li{margin: 0; padding: 0; list-style: none;}
#accessibility-links ul li a, #accessibility-shortcuts ul li a{display: block; padding: 0 20px;}
#accessibility-links ul li a, #accessibility-shortcuts ul li a{font-size: 0;}
#accessibility-links ul li.access-focus a, #accessibility-shortcuts ul li.access-focus a{font-size: inherit;}

#a11y-modal {padding-top:50px;}
#acc-widget {min-width:inherit;}
#acc-widget i {margin:0; padding:0;}
button#acc-button {padding:0 1rem; color:white;}

/** top-bar - off canvas **/
#search-canvas{padding:1rem 0.5rem 0 0.5rem;}
#main-nav {background: #0e5579; height:58px;}
#me2{padding:0 5px;}
#govph h1{font-size:1.1875rem; padding:0; margin:0; font-weight:normal;}
#govph a{padding-right:1rem;}
.is-submenu-parent-item{font-weight: bold; border-bottom:solid .025rem #ccc;}
#acc-widget li > a {
  text-align: center;
  font-size: 12px !important;
  gap: 0rem;
}
.title-bar{background-color: #0e5579; color:#000; border-bottom:solid 0px #e9e9e9; padding:10px 0 10px 10px;}
.title-bar-title{font-size:1.1875rem; color:#ffffff; margin:0; font-weight:normal;}
.menu-icon:after{background:#ffffff; box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; margin-right: 0.5rem;}
.is-drilldown ul li{font-size:1.125rem;}
.is-drilldown ul li a, .is-drilldown ul li span{color:#ffffff;}
.is-drilldown ul li a:hover, .is-drilldown ul li span:hover{font-weight: bold;}
.is-drilldown-submenu-item a, .is-drilldown-submenu-item span{font-size:0.9375rem; color:#606060;}
.is-drilldown-submenu {
   background: #063c58 !important;
}
#search-canvas {
  display: none;
}
.off-canvas{background:#0f5479}
#offCanvasRight .is-drilldown {max-width: 250px !important; height:96%;}
#offCanvasRight{height:100%;}
#amenu h6{margin:0; padding:0.7rem 1rem; border-top:solid 1px #ddd; color:#ccc;}

/** top bar sticky **/
.sticky{width:100%; background:#0e5579;}
.sticky, #auxiliary{background: #0e5579; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px; z-index: 20 !important;}
.top-bar, .top-bar ul, #auxiliary{background: #0e5579; padding:0;}
#gwt-menu a, #auxiliary a{color:#ffffff;}
/* Highlight any link inside the top-bar on hover */
#gwt-menu a:hover,
.top-bar a:hover {
  color: #f1b609;
  text-decoration: none;
}

/* Optional: keep it bold */
#gwt-menu li.active > a,
#gwt-menu li.current > a {
  background: none !important;
  color: #f1b609;
  font-weight: bold;
}

#gwt-menu li, #auxiliary ul li{height:58px;}
.divider,
.deeper{
  color: white;
  font-weight: medium;
}

.com-content-category-blog {
  background-color: #ffffff !important;
  padding: 40px;
  border-radius: 10px;
}

.com-content-category-blog .page-header h2{
  text-align: start !important;
  font-size: 24px !important;
}

.com-content-category-blog h1 {
  font-size: 34px !important;
  text-align: center !important;
  color: #0c5374 !important;
  font-weight: 800 !important;
}

.com-content-category-blog .item-image img{
  display: none;
}

.com-content-category-blog .blog-item {
  border-bottom: 1px solid #e4e4e5;
}

/* ▼ Default Downward Caret (White) */
.dropdown.menu > li.is-dropdown-submenu-parent > span::after,
.dropdown.menu > li.is-dropdown-submenu-parent > a::after
 {
  content: "";
  display: inline-block;
  margin-left: 0.4em;
  vertical-align: middle;
  border: 5px solid;
  border-color: white transparent transparent;
}

.dropdown.menu > li.is-active.is-dropdown-submenu-parent > span::after,
.dropdown.menu > li.is-active.is-dropdown-submenu-parent > a::after {
  content: "";
  display: inline-block;
  margin-left: 0.4em;
  vertical-align: middle;
  border: 5px solid;
  border-color: #f1b609 transparent transparent transparent; /* yellow-orange bold caret */
}

/* ► Opens Right Caret */
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > span::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after
 {
  content: "";
  display: inline-block;
  margin-left: auto; /* push caret to the far right */
  margin-right: 2px;  /* add spacing from the edge */
  vertical-align: middle;
  border: 5px solid;
  border-color: transparent transparent transparent white;
  float: right; /* ensure it's positioned at the edge */
}

/* ◄ Opens Left Caret */
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > span::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after
 {
  content: "";
  display: inline-block;
  margin-left: 0.4em;
  vertical-align: middle;
  border: 5px solid;
  border-color: transparent white transparent transparent;
}

/* ▼ Active Downward Caret (Yellow-Orange) */
.dropdown.menu > li.is-active.is-dropdown-submenu-parent > span::after,
.dropdown.menu > li.is-active.is-dropdown-submenu-parent > a::after {
  border-color: #ffbc00 transparent transparent;
}

/* ► Active Right Caret (Yellow-Orange) */
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right.is-active > span::after {
  border-color: transparent transparent transparent #ffbc00;
}

/* ◄ Active Left Caret (Yellow-Orange) */
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left.is-active > span::after {
  border-color: transparent #ffbc00 transparent transparent;
}

.djslider-default .load-button {
  background-color: #ffbc00;
  border-color: #ffbc00;
  color: white; 
}

.dj-image {
  border-radius: 20px; 
}

.is-drilldown-submenu-parent > a::after{border-color:transparent transparent transparent #;}
.js-drilldown-back > a::before{border-color:transparent #505050;}
#gwt-menu li.gmenu, #auxiliary li.is-submenu-item{height:40px !important;}
.top-bar .active > a, 
#auxiliary .active > a {
  background: none !important;
  color: #f1b609 !important;
  font-weight: bold;
}

.top-bar ul li.gmenu:hover,
li.gmenu:hover::after,
.top-bar ul li.active,
#auxiliary ul li.gmenu:hover,
ul#acc-widget li:hover,
#auxiliary ul li.active,
.is-drilldown li.active a,
.is-drilldown li.active span {
  background: #063d59;
  color: #f1b609;
  transition: background 0.5s ease-out, color 0.3s ease-out;
}

.readmore a {
  display: inline-block;
  background: #063d59;       /* button background */
  color: #fff;               /* text color */
  padding: 8px 16px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 14px;
  transition: background 0.3s ease, color 0.3s ease;
  margin-bottom: 8px;
}

.page-header h2 > a {
  color: #0c5374;
  font-weight: bold;
  font-size: 24px !important;
  margin: auto;
}

.page-header h2 > a:hover {
  color: #f1b609;
  font-weight: bold;
  font-size: 24px !important;
  transition: color 0.3s ease;
  margin: auto;
}

.modulearticle.press-card .readmore {
  display: none;
}

.readmore a:hover {
  background: #f1b609;       /* hover background */
  color: #063d59;            /* hover text */
}


/* .top-bar .active a, #auxiliary .active a{background:none !important; color:#f1b609 !important;font-weight: bold;} */
/* .top-bar-left ul li.gmenu, #tb_search, #govph{border-right:0.0625rem solid #ebebeb;} */
/* .top-bar-right ul li.gmenu, #tb_search{border-left:0.0625rem solid #ebebeb;} */
#gwt-menu li.gmenu, #auxiliary li.gmenu{font-size: 1rem;}
#auxiliary li.gmenu span{font-weight: bold;}
/* Highlight active submenu link */
.top-bar li li.active > a,
#auxiliary li li.active > a {
  background: none !important;
  color: #f1b609 !important;
  font-weight: bold;
}
.top-bar li.active > .mod-menu__separator,
.top-bar li.active > a,
#auxiliary li.active > .mod-menu__separator,
#auxiliary li.active > a {
  background: none !important;
  color: #f1b609 !important;
  font-weight: bold;
}
.top-bar-right 
.top-bar input{margin:0;}
.top-bar .search{padding-left:1rem;}
.menu > li > span {display: block; padding: 0.7rem 1rem; line-height: 1;}
.com-newsfeeds-category {
  display: none;
}
.newsfeed-category {
  display: none;
}
/*** masthead text logo ***/
#masthead {background:#fff; border-bottom: 0px solid #f2f2f2; padding: 1.25rem 0; overflow:hidden;}
#masthead #logo h1 {margin:0; padding:0;}
#masthead #logo p {padding:0;}
#aname{border-top: 1px solid #000; line-height: 1; font-size: 3rem !important; font-weight: 900;
	margin:0; padding:0;}
#headerlist li{display:inline-block;	vertical-align: middle;}
#headerlistname{display:table;	vertical-align: middle;}
#headerlistname li{	display:block;}
#logoheader ul, #logoheader ul li{margin:0;}

/** banner **/
.orbit-container{height:auto !important;}
.orbit-caption p{margin-bottom:0; font-size:0.85rem;}
.orbit-bullets button{width:1rem; height:1rem;}
.orbit-button-controls{ position:absolute; top:0; right:0; z-index:10; color:#fff; text-shadow:1px 1px 3px #000; height:auto !important; padding:10px 20px;}
#orbit_cnt{position:absolute; top:1%; left:2%; z-index:10; color:#fff; font-size:0.8rem; text-shadow:1px 1px 3px #000;}
#banner {background: #fcfcfc; border-bottom: 1px solid #f2f2f2; padding: 1.25rem 0;}
#banner .bg-banner {background: #f2f2f2; border: 1px solid #d8d8d8;}
#banner #featured01 {padding: 1.25rem;}
#featured01 h3, #featured01 h4, #featured01 p {color: #666;}
#banner .bg-banner {border: none; background: none;}
#fullbanner img, #fullbanner ul, #fullbanner ul li{width:100%; height:100%;}
#fullbanner .orbit-bullets{display:none;}

/** breadcrumbs **/
.breadcrumbs{display: block; padding: 0.5625rem 0.875rem 0.5625rem; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: whitesmoke; border-color: #dddddd; border-radius: 3px; margin-top: 1rem;}
.breadcrumbs li:first-child::after { margin-right: 0px;}
.breadcrumbs li:not(:last-child)::after { margin:1px; }
.breadcrumbs li{ margin-right:3px;}

#breadcrumbs {
  background-color: #063d59;
}

.accordion-item.is-active {
  background-color: #f1b609 !important; /* or any color you prefer */
}

.accordion-item.is-active .accordion-title {
  color: #073d58 !important; /* or any contrasting color */
}

.accordion-title::before {
  content: "▼"; /* default: caret down */
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
  vertical-align: middle;
  transition: transform 0.2s ease;
  border-radius: 10px;
}

.accordion-title:hover, .accordion-title:focus {
    background-color: black;
}

.accordion-title:hover {
    color: white !important;
}

.accordion-item.is-active > .accordion-title::before {
  content: "▲"; /* caret up when active */
}

#about-mission-vision .about-columns {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  gap: 3rem;
}

body.menu-news-and-updates #standard-footer {
    background: #073d58 !important;
}

/* Tabs */

.tabs {
  border: 0px;
}

.tabs-scroll-wrapper {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

#collapsing-tabs {
  display: flex;
  flex-wrap: nowrap;
  border-bottom: 0px;
}

#collapsing-tabs .tabs-title {
  white-space: nowrap;
  flex-shrink: 0;
  background-color: #e6e6e6;
  border-radius: 10px 10px 0 0; /* Top corners rounded only */
  border: 1px solid #ddd;
  margin-right: 4px; /* add right gap */
}

.tabs-title {
  white-space: nowrap;
  flex-shrink: 0;
  background-color: #f9f9f9;
  border: 1px solid #ddd; /* full border always */
  border-radius: 10px 10px 0 0;
  margin-right: -1px; /* prevent double border between tabs */
  position: relative;
  z-index: 2;
}

.tabs-title.is-active {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom: none; /* this connects with .tabs-content */
  border-radius: 10px 10px 0 0;
}

.tabs-title a {
  font-weight: bold;
  font-size: 16px;
  color: #000;
}

/* ✅ Remove only bottom border of active tab */
#collapsing-tabs .tabs-title.is-active {
  border: 1px solid #ddd;
  border-bottom: none;
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
}

/* Optional: ensure the inner <a> doesn't add a border */
.tabs-title > a[aria-selected='true'],
.tabs-title > a[aria-selected='true']::after {
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected='true'] {
  background: #ffffff;
  border-radius: 10px 10px 0 0;
  border: none;
}

.tabs-title > a:hover,
.tabs-title > a[aria-selected='true'] {
  background: #ffffff;
  border-radius: 10px 10px 0 0;
  border: none;
}

.tabs-scroll-wrapper::-webkit-scrollbar {
  display: none;
}
.tabs-scroll-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.tabs-content {
  border: 1px solid #ddd;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 10px 10px;
  padding: 0;
  background-color: #fff;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}

.item-page{
  padding: 2rem;
  background-color: #feffff;
  border-radius: 20px;;
}

#about-mission-vision .about-column,
#about-mission-vision .about-column-last {
  flex: 1;
  padding: 1rem;
}

#about-mission-vision .about-columns::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background-color: #f1b609;
  transform: translateX(-50%);
}

.page-header {
  text-align: center;
}

a.btn.next {
    display: none !important;
}

a.btn.previous {
    display: none !important;
}

.accordion,
.accordion-item,
.accordion-title {
  border-radius: 10px;
  overflow: hidden;
  border: 0px;
  margin-top: 0px;
}

.accordion-item.is-active > .accordion-title {
  background-color: transparent !important;
  border-radius: inherit;
  box-shadow: none;
}

.accordion-item {
  background-color: #f1b609;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.accordion-item.is-active {
  margin-bottom: 10px;
}

:last-child:not(.is-active) > .accordion-title {
  border-bottom: 0px;
}

:last-child > .accordion-content:last-child {
  border-bottom: 0px;
}


/** content **/
.print-icon, .email-icon{float:left; margin-right: 40px;}
.print-icon, .email-icon, .edit-icon {font-size: .875rem; font-weight:bold; text-transform: uppercase;}
.print-icon, .email-icon, .edit-icon {list-style: none;}
.p-icons{margin:0; padding:0;}

.article-info, .tags, .post-box p {clear: left;}
.article-info-term {display: none;}
dd {display: inline-block; padding-right: 12px; font-size: 0.75rem; color: #999; }
.createdby, .category-name, .published, .create, .modified, .hits {margin: 0;}
.tags .label {background: #fcfcfc; border: 1px solid #F2F2F2; color: #258FAF; padding: 10px;}
.tags {padding: 10px 0 20px;}
.readmore {font-size: 0.875rem; font-weight: bold;}
p.counter {display: none;}
.pagination {float: none; text-align: center; text-transform: uppercase;}
.pagination ul {display: inherit; text-align: center;}
.pagination ul li {display: inline; margin: 0 5px;}
.pagination a, .pagination span {float: none; display: inline-block; font-size: 0.75rem; font-weight: bold;}
.pagination li span.pagenav{padding: 0.1875rem 0.625rem; background: #2199e8; color: #fefefe;}
.pagination li.pagination-start span, .pagination li.pagination-end span, 
.pagination li.pagination-prev span, .pagination li.pagination-next span{background:none; color:#ccc;}
ul.pager li, ul.pagenav li {display: inline; margin: 0 5px;}
ul.pager, ul.pagenav {float: none; text-align: center; text-transform: uppercase; font-size: 0.75rem; font-weight: bold;}
#main-content {background-color: #073d58;}
#main-content, .sidebar-module{padding:1rem 0;}

/* newsflash */
h4.newsflash-title {border-top: 1px solid #ddd; padding-top: 5px;}

/* login form, edit */
#login-form {border: 1px solid #D8D8D8; padding: 15px; background: #F2F2F2;}
#login-form li {font-size: 0.875rem;}
#login-form .btn {padding: .75rem 1.5rem .75rem;}
#jform_publish_up_img, #jform_publish_down_img {display: none;}
#editor-xtd-buttons {padding: 10px 0; float: left;}
#editor-xtd-buttons a {font-weight: bold; margin-right: 15px;}
.toggle-editor .btn-group {font-weight: bold; float: right; padding: 10px 0;}

/** Back to Top **/
#back-to-top {position: fixed; bottom: 2em; right: 0px; text-decoration: none; color: #ffffff; background-color: #111111; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 0.75rem; padding: 1em; display: none; z-index:101; opacity:0.6;}
#back-to-top:hover {opacity:1;}

/* Hover background for entire row */
.nav-child li.gmenu:hover,
.nav-child li.gmenu:hover > span,
.nav-child li.gmenu:hover > a {
    background-color: #f1b609 !important;
    color: #0c5374 !important;
}

/* Make links/spans fill the whole width */
.nav-child li.gmenu > a,
.nav-child li.gmenu > span {
    display: block;
    width: 100%;
    padding: 0.7rem 1rem; /* match your existing padding */
    transition: background-color 0.3s ease, color 0.3s ease;
}

body.menu-gad-corner #masthead {
    background-color: #073d58 !important;
}

body.menu-gad-corner #main-nav .sticky,
body.menu-gad-corner #gwt-menu,
body.menu-gad-corner #gwt-menu .gmenu,
body.menu-gad-corner #gwt-menu ul,
body.menu-gad-corner .button.expanded
{
    background-color: #0f5578 !important;
}

body.menu-gad-corner .button.expanded {
    color: #ffffff !important;
    font-weight: bold !important;
}

body.menu-gad-corner .button.expanded:hover {
    background-color:  #f1b609 !important;
    color: #073d58 !important;
    font-weight: bold !important;
}

body.menu-gad-corner #masthead,
body.menu-gad-corner #breadcrumbs,
body.menu-gad-corner #breadcrumbs .djslider,
body.menu-gad-corner #breadcrumbs ul,
body.menu-gad-corner #breadcrumbs li,
body.menu-gad-corner #main-content
{
    background-color: #073c59 !important;
}

body.menu-gad-corner #standard-footer{
  background: linear-gradient(to bottom, #073d58, #222323, #222323);!important;
}

body.menu-gad-corner #standard-footer p{
  color: #ffffff !important;
}


/** gad sidebar **/

/* General sidebar style */
.gad-custom-sidebar {
    background-color: #b57aec;
    border-radius: 10px;
}

/* Sidebar title */
.gad-custom-sidebar .sidebar-title {
    background-color: #b57aec;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    font-size: 1.2em;
    margin-bottom: 15px;
    text-align: center;
}

/* Menu links */
.gad-custom-sidebar .gad-sidebar-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gad-custom-sidebar .gad-sidebar-menu li {
    margin-bottom: 10px;
    background-color: #aa74f0;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
}

.gad-custom-sidebar .gad-sidebar-menu li a {
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    display: block;
    font-size: 16px;
    padding: 12px 14px;
    border-radius: 6px;
    transition: background 0.3s, color 0.3s;
}

.tabs-wrapper {
  display: flex;   /* makes tabs + content sit inline */
  align-items: stretch;   /* stretch both vertically */
}

/* Tabs list */
.tabs.vertical {
  border: none; /* remove right border so it merges with content */
  width: 30%;
  background-color: #063d59;
  margin-right: 10px;
}

body.menu-gad-corner li.tabs-title {
  border-radius: 16px;
  border: 0px;
  margin-bottom: 4px;
  background-color: #aa74f0;
}

body.menu-gad-corner li.tabs-title a {
  text-align: center;
}

body.menu-gad-corner li.tabs-title > a:hover,
body.menu-gad-corner li.tabs-title > a:focus,
body.menu-gad-corner li.tabs-title.is-active > a,
body.menu-gad-corner li.tabs-title.is-active {
  background-color: #7030ab;
  color: #ffffff;
  border-radius: 16px;
  border: 0px;
}

/* Tabs content */
.tabs-content.vertical {
  border-radius: 10px;
  background-color: #fff;
  padding: 1rem;
  width: 70%; /* fill remaining space */
}

.gad-custom-sidebar .gad-sidebar-menu li a:hover,
.gad-custom-sidebar .gad-sidebar-menu li a:focus,
.gad-custom-sidebar .gad-sidebar-menu li.active > a {
    background-color: #063d59;
    font-weight: bold;
    color: #ffffff;
    transition: background-color 0.3s ease, color 0.3s ease; /* fixed */
}

/* body.menu-gad-corner #content{
    width: 66.6% !important;
} */

/** @media **/
@media screen and (min-width: 64em){
	.moduletable p {font-size: 16px !important;}
	.moduletable h1 {font-size: 2.75rem !important;}
	.moduletable h2 {font-size: 2.3125rem !important;}
	.moduletable h3 {font-size: 1.6875rem !important;}
	.moduletable h4 {font-size: 1.4375rem !important;}
	.moduletable h5 {font-size: 1.125rem !important;}
	.moduletable h6 {font-size: 1rem !important;}
  .modulearticle.press-card .readmore {
    display: none;
  }
}

@media only screen and (max-width: 40em) {
#headerlist { text-align: center; }
.modulearticle.press-card .readmore {
  display: none;
}
}

@media only screen
and (min-width: 300px)
and (max-width: 667px) {

  .core-columns {
    display: flex;
    flex-direction: column; /* stack all children vertically */
  }

  .core-columns .core-column,
  .core-columns .core-column-first,
  .core-columns .core-column-last {
    width: 100%;       /* each column takes full width */
    margin-bottom: 1rem; /* spacing between rows */
  }

  .core-column-first p{
    text-align: start !important;
    font-size: 24px !important; /* smaller font size */
    margin-left: 0px !important;
    margin-bottom: 0px !important;
  }

  /* optional: adjust text for smaller screens */
  .core-columns p {
    font-size: 16px;
    line-height: 1.5;
  }

  .core-columns p[style*="font-size: 26px"] {
    font-size: 20px !important;
  }

    .members-columns {
    display: flex;
    flex-direction: column; /* stack vertically */
  }

  .members-columns .members-column-first,
  .members-columns .members-column-last {
    width: 100%;          /* each takes full row */
    margin-bottom: 1rem;  /* spacing between them */
  }

  /* optional: adjust text size for readability on mobile */
  .members-columns p {
    font-size: 16px;
    line-height: 1.5;
  }

  .modulearticle.press-card .readmore {
    display: none;
  }

  #govph-seal{
    max-width: 30%;   /* or 100px, whatever looks best */
    height: auto;
    margin-bottom: 8px;;
  }

  #about-govph{
    margin-bottom: 16px;
  }

  #logo img {
    max-width: 110%; /* make logo responsive */
    height: auto; /* maintain aspect ratio */
  }

  [data-label]::after {
    content: attr(data-label);
  }
  [data-label] {
    font-size: 0; /* hide original text */
  }
  [data-label]::after {
    font-size: 0.8rem; /* show short version */
  }

  #footer-branding p{
    text-align: center; /* center the content */
    margin-top: 8px;
    font-size: 12px !important;
    font-style: italic;
  }

  .about-section {
    text-align: center; /* center the content */
    padding: 10px !important; /* reduce padding for smaller screens */
  }

  .about-section h3 {
    font-size: 1.5rem !important; /* smaller heading */
    text-align: center !important;
    margin-top: 14px !important; /* center the heading */
  }

  .about-column-first{
    margin: 0 !important; /* remove margin */
    font-size: 24px !important; /* smaller font size */
  }
  
  .about-column p{
    margin: 0 !important; /* remove margin */
    font-size: 12px !important; /* smaller font size */
  }

  .about-column-last p{
    margin: 0 !important; /* remove margin */ 
    font-size: 12px !important; /* smaller font size */
  }

  .core-section {
    padding: 10px !important; /* reduce padding for smaller screens */
  }

  .core-section h3 {
    font-size: 1.5rem !important; /* smaller heading */
    text-align: center; /* center the heading */
  }
  
  .core-column p{
    margin: 0 !important; /* remove margin */
    font-size: 14px !important; /* smaller font size */
    text-align: start !important;
  }

  .core-column-last p{
    margin: 0 !important; /* remove margin */ 
    font-size: 14px !important; /* smaller font size */
    text-align: end !important;
  }

  .members-column-first p{
    margin: 0 !important; /* remove margin */
    font-size: 18px !important; /* smaller font size */
    text-align: start !important;
  }

  .members-column-last{
    margin: 0 !important; /* remove margin */
    font-size: 18px !important; /* smaller font size */
    text-align: start !important;
  }

  #relevant-links{
    font-size: 18px !important;
  }

  .banner-logos {
    margin: 8px;
    display: flex;
    justify-content: center; /* center horizontally */
    align-items: center;     /* align vertically if they wrap */
    flex-wrap: wrap;   
  }

  .banner-logos img {
    width: 48px !important; /* adjust size as needed */
    height: 48px !important; /* space between logos */
  }

  .banner-pst,
  .banner-time{
    font-size: 14px;
    display: flex;
    justify-content: center; /* center horizontally */
    align-items: center;     /* align vertically if they wrap */
    flex-wrap: wrap;   
  }

  .press-card {
      display: block !important;     
      width: 100% !important;         
      margin-bottom: 20px !important;
      padding: 0 80px !important;      
  }

  a.press-card.view-more div{
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    font-size: 20px !important;
  }

  div .view-more {
    display: none !important;
  }

  .press-card.view-more {
    padding: 10px !important;
    background-color: transparent !important;
    color:  #f1b609 !important;
  }

  .blog-featured p {
      font-size: 24px !important; /* smaller font size for mobile */
      text-align: center; /* justify text for better readability */
      margin: 0px;
  }

  span.title-bar-title {
    display: none !important;
  }

  .title-bar-right{
    margin-right: 8px;
  }

  #mod-custom123 .container.contact-us {
    padding: 10px !important; /* reduce padding for mobile */
    padding-top: 20px !important;
    border-radius: 20px;
  }

  /* Stack flex children vertically */
  #mod-custom123 .container.contact-us > div {
    flex-direction: column !important;
    gap: 1.5rem;
  }

  #mod-custom123 .container.contact-us > div > div {
    min-width: 100% !important;
    max-width: 100% !important;
  }

  /* Adjust text for readability */
  #mod-custom123 p,
  #mod-custom123 span {
    font-size: 14px !important;
    line-height: 1.5;
    text-align: left !important;
  }

  #mod-custom123 iframe.embedGoogleMap {
    height: 200px; /* smaller map on mobile */
  }

  #mod-custom123 table {
    font-size: 14px;
    width: 100% !important;
    display: block;
    overflow-x: auto; /* allow horizontal scroll if needed */
  }

}

ul.dropdown.menu{display:block !important;}
div.popover{display:none !important;}

#footer-gwt-frame, #footer-gwt-frame iframe {
    margin-right: 0 !important;
    background-color: #222222 !important;
}

body.menu-news-and-updates #main-content.content-container {
  padding: 0px !important;
}

body.menu-gad-corner .com-content-category-blog{
    margin-top: 10px;
    background-color: #ffffff !important;
    padding: 30px;
    border-radius: 15px;
}

body.menu-gad-corner .page-header h1 {
    font-size: 28px !important;
    text-align: start !important;
    color: #073d58 !important;
    font-weight: bold !important;
}

body.menu-gad-corner .com-content-category-blog .item-content p{
    text-align: justify;
}

body.menu-gad-corner .com-content-category-blog .item-content .page-header h2 a{
    font-size: 24px !important;
    color: #7030ab !important;
    text-align: start !important;
}

body.menu-gad-corner .com-content-category-blog .item-content .page-header{
    text-align: start !important;
}

.gad-module {
  display: none; /* hidden by default */
  padding: 20px;
  margin: 20px 0;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.gad-module.active {
  display: block; /* only active one shows */
}

.gad-sidebar-menu li.active a {
  background-color: #7030ab;
  font-weight: bold;
  color: #fff;
}

.com-content-category.category-list{
  background-color: #ffffff !important;
  padding: 20px;
  border-radius: 10px;
}

.com-tags-tag.tag-category{
  background-color: #ffffff !important;
  padding: 20px;
  border-radius: 10px;
}

.list-group-item h3 > a {
  color: #0c5374;
  font-weight: bold;
  font-size: 18px !important;
  margin: auto;
}

.list-group-item h3 {
  margin: 0px;
  padding: 0px;
}

ul.list-group {
  list-style: none; /* removes all markers */
  padding-left: 0; /* optional: align flush */
}
ul.list-group li.list-group-item::marker {
  content: none; /* hide marker */
}

li.list-group-item {
  padding: 0px;
}

.content-category h1 {
  font-size: 28px !important;
  text-align: center !important;
  color: #0c5374 !important;
  font-weight: 800 !important;
}

.page-header h2 {
  font-size: 32px !important;
  text-align: center !important;
  color: #0c5374 !important;
  font-weight: 800 !important;
}

#content-top.item-page{
  padding: 30px !important;
}

table.com-content-category__table {
  border-radius: 10px;
  border: 1px solid #ddd;
}

table caption.visually-hidden {
  display: none !important;
}

table.com-content-category__table thead {
  text-align: center;
  vertical-align: middle;
  background-color: #0c5374;
}

table.com-content-category__table th {
  text-align: start;
  vertical-align: middle;
}

table.com-content-category__table th > a{
  color: #ffffff;
}

table.com-content-category__table tbody tr > th,
table.com-content-category__table tbody tr > th a {
  color: #0c5374;
}

table.com-content-category__table span.badge.bg-info{
  background: transparent !important;
  font-size: 18px !important;
  color: #0c5374;
  font-weight: bold;
}

table.com-content-category__table td {
  text-align: start; 
  vertical-align: middle;
}