body  {
  font-size: 16px;
  background-color:#fff;
  font-height: 1.5;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* :link, :visited, :hover, and :active pseudo-classes all target the <a> */
h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
	color: #333;
}


ul.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

/*
.logo-img {
  margin: 5px 0px 15px 0px;
  padding:0px;
  height: 90px;
}
*/

/* Remove underscore from links */
p a {
	color: #1b3761;
	text-decoration: none;
}

/* Default logo size */
.ecgs-logo-img {
  height: 52px; /* Default height for mobile */
  width: auto;  /* Maintain aspect ratio */
  transition: height 0.3s ease; /* Smooth resize */
}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .ecgs-logo-img {
	height:76px;
  }
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .ecgs-logo-img {
	  height: 78px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .ecgs-logo-img {
	  height: 80px
	}
}


/* Navigation Bar with ECGS Logo */
/* bootstrap_5_wp_nav_menu_walker (from functions.php) .navlink_- change the link color */

.navbar {
	margin:0;
	padding-top:3x;
	padding-bottom:6px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;	
}

/* 
   IMPORTANT! Must be enabled for navbar and WP-NavWalkerv5
   or else the Dropdown items will not be displayed 
*/

.navbar-nav .menu-item-has-children:hover { 
	 .dropdown-menu {
		 display:block !important;
	 }
	 color: #1b3761;
 }

.navbar-nav .nav-link {
 	color: #1b3761;
	text-decoration: none;
	font-weight: 500;
	
}

.navbar-nav .nav-link.active  {
	/* color: #363636; */
    color: #1b3761;	
	text-decoration: none;
	font-weight: 500;
		
}

.navbar-nav .nav-link:hover  {
	/* color: #e80; */
	/* text-decoration: underline; */
	display:inline-block;
	background: #efefef;
}

/* ID .post - used for single Post single.php and page.php */

.post p, .post ul {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	margin: 7px 0px 6px 0px;
	
	font-size: 16px;
	line-height: 1.6;
	text-align: justify;
}

.post p.small {
	 font-size: 0.72em;
}


ul, .post ul {
	margin: 10px 0px 10px 10px;
	padding-left:5px;
}

.post ul li {
	margin-left: 6px;
	padding-left: 3px; 
	margin-bottom: 8px;
}

.post a {
	text-decoration: underline;
	color: #333;
}

.post ul li a:hover {
	text-decoration: underline;
}

.post h3 {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.post h4, .post h5 {
	margin: 12px 0px 12px 0px;
	padding: 0px 0px 10px 0px;
}

.post img {
	margin: 10px 0px 10px 0px;
}

#events .category  {
	font-size: 0.80em;
	font-weight: 300;
}

.table img {
	height: 40px;
}

/* 
   Homepage
   https://stackoverflow.com/questions/37287153/how-to-get-images-in-bootstraps-card-to-be-the-same-height-width
*/

.card-title {
	color: #333;
}

h5.card-title a {
	margin:0px;
	padding: 0px; 
	color: #333;
	font-weight:500;
}

#homepage .card-text {
	margin-top: 11px;
}

#homepage ul.list-group {
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

#homepage li.list-group-item {
	font-size: 0.90rem;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
}

#homepage .list-group a,
#homepage li.list-group-item a:hover,
#homepage li.list-group-item a:focus,
#homepage li.list-group-item a:active {
	text-decoration: none;
	color: #363636;
}


#homepage li.list-group-item a:link {
  color: #555;
}

#homepage li.list-group-item a:hover {
  color: #08c;
}

#homepage button.ecgs-highlight-caption-button {
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40%;
  padding: 2px 5px 2px 5px;
  text-align: left;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

#homepage button.ecgs-highlight-caption-button:hover {
  background-color:rgb(44, 69, 121);
  border-color: rgb(44, 69, 121);
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.75) 1.80px 1.80px 2.0px;
}

#homepage button.ecgs-highlight-caption-button:hover,
#homepage button.ecgs-highlight-caption-button:hover h5,
#homepage button.ecgs-highlight-caption-button:hover p {
  color: #ffffff; /* White text for all child elements */
}

/* Default styles for larger screens */
#homepage  button.ecgs-highlight-caption-button h5 {
  font-size: 1.0rem;
  font-weight:600;
}

#homepage button.ecgs-highlight-caption-button p {
  font-size: 0.82rem;
}

/* Adjust for medium screens (e.g., tablets) */
@media (max-width: 992px) {
  #homepage button.ecgs-highlight-caption-button h5 {
	font-size: 0.82rem;
  }
  #homepage button.ecgs-highlight-caption-button p {
	font-size: 0.76rem;
  }
}

/* Adjust for small screens (e.g., mobile) */
@media (max-width: 576px) {
  #homepage button.ecgs-highlight-caption-button h5 {
	font-size: 0.70rem;
  }
  #homepage button.ecgs-highlight-caption-button p {
	font-size: 0.70rem;
  }
}


#homepage button.carousel-control-prev,
#homepage button.carousel-control-next {
  margin-top: 20%;
  width: 34px;
  height: 34px;
  opacity: 0.7;
  background-color: rgb(44, 69, 121);
  border-radius: 2px;
}

#homepage button.carousel-control-prev:hover,
#homepage button.carousel-control-next:hover {
	background-color: rgb(44, 69, 121);
	opacity: 1.0;
}


#homepage button.carousel-control-prev {
	margin-left: 1%;
	padding-left:2px;
}

#homepage button.carousel-control-next {
	margin-right: 1%;
	padding-right:2px;
}	

/*  Publications */

#publications p a {
	text-decoration: underline;	
}

#publications h6 a {
	text-decoration: none;	
}

/* Events */

#events h5 a {
	text-decoration: none;
	color: #112962;
}

#events h5 a:hover {
	text-decoration: underline;	
}


/*  Breadcrumb */

.breadcrumb {
	font-family: sans-serif;
	margin: 10px 0px 3px 0px;
	padding: 4px 0px 4px 16px;
	font-size: 0.92rem;
}

.breadcrumb a  {
	color: #666;
	text-decoration: none;	
}

.breadcrumb  a:hover {
	text-decoration: underline;
}

.breadcrumb .current-item {
	color: #333;
	text-decoration: none;
	font-weight: 600;
}

/* ECGS related links */

#links-page .links-external-logo {
	height: 100px;
	width: 260px;
	margin: 10px;
	object-fit: contain;
}

#links-page .links-external-logo-text {
	margin-top: 10px;
	font-weight: 500;
	color: #333;
}

#links-page .links-external-logo-text a {
	color: #333;
	text-decoration: none;	
}

#links-page .links-external-logo-text a:hover {
	text-decoration: underline;
}

/* Search page */

#search-page a:link {
  color: #112962;
}

#search-page a:hover {
  text-decoration: underline;
}


/* Footer */

#footer {
	margin: 0 0 0 0;
	padding: 1.0rem 0 0 0;
	font-size: 0.92em;	
}

#footer h4 {
	color: #555;
	font-weight: 400;
}

#footer p {
	color: #666;
}

#footer ul li {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	color: #666;
}

#footer img .footer-address {
	margin: 0;
	padding: 0;
}

#footer a:visited, #footer a:link, #footer a:active {
	text-decoration: none;
	color: #666;
}

#footer a:hover {
	color: #28c;	
}