/* MYH Custom CSS */ 

.logo-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }

.logo-logo {
    max-width:100px; 
    width: 88px; height:auto; }

div.logo-logo {
      display: flex; 
     align-items: end; }
img.logo-footer {
      max-width:100px; 
    width:88px; height:auto; margin-left:20px; }

.pageimage { border: rgba(255, 255, 255, 0.44) 1px solid; }
.pageintroimg { border: rgba(255, 255, 255, 0.44) 1px solid; }

.logo-h1 {
    font-size: 2em; 
  margin-top: 20px; 
    margin-left: 20px;}


.ourheros-imgleft { width:350px; float:left; margin-right:40px; border: rgba(255, 255, 255, 0.44) 1px solid; }
.ourheros-imgright { width:350px; float:right; margin-left:40px; border: rgba(255, 255, 255, 0.44) 1px solid; }



.tm-toolbar .uk-subnav>*>:first-child { font-size: 12px; }
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {  font-size: 14px;}

.center { text-align:center; margin:0 auto: width:100%; }


.bookWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}

.book {
  flex: 1 1 calc(33.333% - 30px);
  box-sizing: border-box;
  text-align: center; /* Centers text and image */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.book img {
  width: 350px;  /* Fixed width */
  height: 350px; /* Fixed height */
  object-fit: cover;
  margin-bottom: 10px; /* Adds space between image and text */
}

.book p {
  font-size: 1.1rem;
  margin: 0;
}

/* Responsive layout: 1 column on small screens */
@media (max-width: 768px) {
  .book {
    flex: 1 1 100%;
  }
}

















  /* Button styles */
  .bst-button {
    display: inline-block;
    width: 180px;
    height: 50px;
    border-radius:8px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    border: rgba(255, 255, 255, 0.44) 1px solid;
  }

  /* Green button */
  .bst-button.green {
    background-color: #1e4c43;
    color: gold;
    font-weight: bold;

  }

  /* Gold button */
  .bst-button.gold {
    background-color: gold;
    color: #1e4c43;
    font-weight: bold;
  }

  /* Hover effect */
  .bst-button:hover {
    background-color: #1e4c43;
       border: rgba(255, 255, 255, 0.77) 1px solid;
    color: white;
  }


footer#4 {  border: #FFD700 1px solid; }
.footer#4 {  border: #FFD700 1px solid; }
.footer-trim {  border: #FFD700 1px solid; }