/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Targeting the page tab buttons */
.menu-link:hover {
	background: linear-gradient(to top, #000000, #df0202) !important;
	color: rgb(255, 255, 255) !important;
  }
  
  #gotoTop {
	/* ...your existing styles... */
	transition: background-color 0.3s ease; /* Smooth transition */
  }
  
  #gotoTop:hover {
	background-color: rgb(255, 0, 0) !important; /* Gold background on hover */
  }

  .text-medium {
	color: red !important; /* Default link color */
	transition: color 0.3s ease; /* Smooth transition */
  }
  
  .text-medium:hover {
	color: rgb(156, 134, 8) !important; /* Gold color on hover */
  }
  
h1, h2, h3, h4, h5, h6 {
  font-family: nautica, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: rgb(206, 161, 49) !important; /* This sets the text color to a bronzer shade of gold */
}
h2.mb-0 {
    font-weight: 600;  /* Sets the font weight to bold */
}


  
  .primary-menu {
	margin: 0 auto;
	text-align: center;
  }
  .primary-menu li {
	display: inline;
	margin-right: 15px;
  }
  a {
    color: rgb(218, 165, 32); /* Gold color for normal state */
    text-decoration: none; /* Remove underline */
  }
  
  a:hover {
    color: rgb(255, 0, 0); /* Red when hovered */
  }
  
  a:active {
    color: rgb(255, 0, 0); /* Red when clicked (active) */
  }