@charset "utf-8";
/* CSS Document */

body {
	font-family: "Noto Sans", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.leviathanLogo, .navbar-brand {
	font-family: "cooper-black-std", serif;
    font-weight: 300;
    font-style: normal;
}

.logo-tagline-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2em; /* Adjust as needed */
}

.logo-tagline {
  font-family: "Noto Sans", serif;
  font-weight: 300;
  font-size: 0.3em !important;
  text-transform: uppercase;
  padding: 0 0.5em; /* Adds spacing between the tagline and lines */
}

.line {
  flex-grow: 1;
  height: 1px; /* Thickness of the lines */
  background-color: #6bc5de; /* Match the color of your navbar-brand */
}


.navbar-brand {
	color:#6bc5de !important;
	font-size: 1.9em;
	padding: 0;
	margin:0;
	line-height:0.6em;
	text-align: center;
}

.sr-only {
    display: none;
}

h1 {
    color:#d4a35a;
    font-size: 4em;
    font-weight: bold;
}

.home p {
    color: white;
    font-weight: bold;
    font-size: 1.2em;
}

h2 {
	color:#1e3a5f;
	font-weight: bold;
	font-size:1.3em;
}

.jumbotron-spacer-30vh {
	min-height: 30vh;
}
.jumbotron-spacer-40vh {
	min-height: 40vh;
}
.jumbotron-spacer-50vh {
	min-height: 50vh;
}
.jumbotron-spacer-60vh {
	min-height: 60vh;
}

.footer p {
	color:#a1b0c4;
	font-size:.8em;
	margin: 0;
	padding: 0;
}

.footer a {
    color: #93b0d7; /* Primary link color */
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.footer a:hover {
    color: #7293c8; /* Darker shade for better contrast */
    text-decoration: underline;
}

.footer a:visited {
    color: #6c89b5; /* Slightly muted version of the primary color */
}

.footer a:active {
    color: #506b92; /* Even darker shade for active state */
}

/* Default styling for the middle element */
.middle-element {
  position: relative; /* Required for pseudo-elements positioning */
}

.middle-element::before,
.middle-element::after {
  content: ''; /* Required for pseudo-elements */
  position: absolute;
  background-color: #a1b0c4; /* Adjust the border color */
  width: 1px; /* Adjust the border width */
  height: 50%; /* Border height is 50% */
}

/* Left border */
.middle-element::before {
  left: 0;
  top: 50%; /* Start from the center */
  transform: translateY(-50%); /* Center-align vertically */
}

/* Right border */
.middle-element::after {
  right: 0;
  top: 50%; /* Start from the center */
  transform: translateY(-50%); /* Center-align vertically */
}

/* At the md breakpoint and smaller */
@media (max-width: 992px) {
  .middle-element::before,
  .middle-element::after {
    content: none; /* Remove side borders */
  }

  .middle-element {
    border-top: 1px solid #a1b0c4; /* Add top border */
    border-bottom: 1px solid #a1b0c4; /* Add bottom border */
  }
  
  h1 {
  	font-size: 2em;
  }
  
  .navbar-brand {
  	font-size:1.5em;
  }
}

nav .primary-nav ul li, .primary-nav .dropdown-menu a {
	text-align: right !important;
}

.primary-nav .dropdown-menu {
	background-color: #6bc5de;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
	margin-bottom:1em;
}

.primary-nav .dropdown-menu a {
	color: white;
}

.primary-nav .dropdown-item:hover {
	background-color:#71a2b0;
	color: white;
}