/* vw */
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #111;
  }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: "Baskervville", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.body-font {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/* large icons */
i.bi {
    font-size: 36px;
  }

footer li a, footer p {
	font-size: 14px;
}

h2.fixedbg {
  font-size: 60px;
  text-align: center;
  margin: 0;
  padding-top: 25%;
  padding-bottom: 10%;
  color: #fff;
  font-weight: bold;
  text-shadow: #111 5px 5px 10px;
}

ul.footer-links {
	padding-left: 1.25rem;
}
ul.footer-links li {
	margin-bottom: 7px;
}
ul.footer-links li a, .footer-links a, a.footer-links {
	color: #fefefe;
	text-decoration: none;
}
ul.footer-links li a:hover, .footer-links a:hover, a.footer-links:hover {
	color: #ccc;
}

/* checkmark bullet */
ul.whychoose {
  list-style-type: '\2713';
}
ul.whychoose li {
	padding-left: 7px;
	margin-bottom: 9px;
}

em {
  color: #111;
}

div.accordion {
	font-size: 15px;
}
button.accordion-button {
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
}
div.accordion h2 {
	font-size: 26px;
}

/* change indicator to white on open item */
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

#top-row {
font-size: 12px;
background-color: #efefef;
padding-top: 5px;
padding-bottom: 5px;
}

.icons {
	font-size: 1.2rem;
	color: var(--bs-primary);
	padding-right: 10px;
}

#sticky-menu {
background-color: #fff;
border-bottom: 1px solid #dedede;
}
.p7menudiv {
margin-top: 35px;
}


/* make all images fluid */
img {
  width: 100%;
  height: auto;
}

.home-bg-img {
    background-image: url('../images/home/hyperion-banner.jpg');
    height: 85vh;
}

section#leadership p.card-text {
  font-size: 14px;
}
section#leadership h3 {
  font-size: 1.25rem;
}
section#leadership p.card-title {
  font-size: 14px;
}

.scrollToTopBtn {
  background-color: black;
  border: none;
  color: white;
  cursor: pointer;
 /* font-size: 12px; */
  width: 30px;

  /* place it at the bottom right corner */
  position: fixed;
  bottom: 20px;
  right: 20px;
  /* keep it at the top of everything else */
  z-index: 100;
  /* hide with opacity */
  opacity: 0;
  /* also add a translate effect */
  transform: translateY(100px);
  /* and a transition */
  transition: all 0.5s ease;
}

.showBtn {
  opacity: 0.5;
  transform: translateY(0);
}

/* background image positioning */
.background-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.background-left-top {
    background-position: left top;
}
.background-left-center {
    background-position: left center;
}
.background-left-bottom {
    background-position: left bottom;
}
.background-right-top {
    background-position: right top;
}
.background-right-center {
    background-position: right center;
}
.background-right-bottom {
    background-position: right bottom;
}
.background-center-top {
    background-position: center top;
}
.background-center-center {
    background-position: center center;
}
.background-center-bottom {
    background-position: center bottom;
}



/*=========== media queries =========*/

/* Small devices */
@media (max-width: 576px) {
.location {
justify-content: flex-start !important;
}
}

/* Medium devices (tablets) */
@media (min-width: 577px) and (max-width: 992px) {
.p7menudiv {
margin-top: 10px;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 993px) and (max-width: 1200px)
{
.p7menudiv {
margin-top: 25px;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1201px) {
.p7menudiv {
margin-top: 45px;
}
}