#masterLogoArea img {
  width: 100%;
  max-width: 280px;
  margin-top: 25px;
}

.nav-auxiliary .WTZone {
  display: flex;
  align-items: center;
}

.social-home-container {
  display: flex;
  align-items: center;
}

button.navbar-toggle.collapsed.searchbar-toggle {
  display: none;
}

@media (max-width: 767px) {
  button.navbar-toggle.collapsed.searchbar-toggle {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .menu-toggle {
    background-image: url(images/menu.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px 34px;
    padding: 10px !important;
    height: 40px;
    width: 40px;
    margin: 0;
  }

  .navbar-toggle {
    margin-left: 10px !important;
  }

  .header {
    padding-bottom: 20px;
  }

  #ste_container_ciSocialIcons .social-icons-wrapper {
    display: none;
  }

  .header-logo-container {
    float: none;
    text-align: center;
  }

  .navbar-header {
    float: none;
    text-align: center;
  }

  .nav-auxiliary .WTZone {
    display: flex;
    align-items: center;
  }

  .navbar-header .home-link-wrapper {
    margin: 10px 10px 0 0;
  }

  #ste_container_ciUtilityNavigation {
    margin-top: 20px;
  }

  .rmGroup.rmLevel1 .rmLink {
    padding: 0px 30px 0px 30px !important;
    font-weight: 300;
  }

  .RadMenu_Austin .rmSlide .rmExpandRight,
  .RadMenu_Austin .rmSlide .rmGroup a.rmLink.rmExpandRight,
  .RadMenu_Austin .rmSlide .rmExpandRight.rmExpanded,
  .RadMenu_Austin .rmSlide .rmGroup a.rmLink.rmExpandRight.rmExpanded {
    background-image: none;
  }

  .header-container {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 20px;
  }

  .RadMenu.RadMenu_Austin .rmLink:hover .rmToggle > .rmIcon,
  .RadMenu.RadMenu_Austin .rmLink.rmFocused .rmToggle > .rmIcon {
    transform: rotate(180deg);
  }

  .RadMenu.RadMenu_Austin .rmSlide ul.rmGroup {
    left: 0 !important;
    display: block;
  }

  .RadMenu .rmGroup.rmLevel1 .rmToggle {
    display: none;
  }

  input[type="text"].search-field {
    width: 200px;
    border: 1px solid #000;
    background-position: 7px center;
  }
}

.HomePageFullWidthArea .panel-body,
.HomePageFullWidthArea .PanelBody {
  padding: 0px;
}

.padding40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.padding60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.padding80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.wave {
  position: relative;
}

.wave:before {
  position: absolute;
  content: "";
  width: 50%;
  left: -100px;
  bottom: 25px;
  height: 200px;
  background-image: url(images/wave.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 768px) and (max-width: 1000px) {
  .wave .col-sm-6 {
    width: 60%;
  }
}

@media (max-width: 768px) {
  .wave {
    padding-bottom: 40px !important;
  }

  .wave:before {
    width: 100%;
    bottom: 35px;
    height: 80px;
    left: -170px;
  }

  .navbar-header .home-link-wrapper {
    margin: 20px 10px 0 0;
  }
}

@media (max-width: 500px) {
  .wave {
    padding-bottom: 0px !important;
  }

  .wave:before {
    width: 110%;
    bottom: 0;
    height: 100px;
    left: -100px;
  }
}

.Wrapper-FullWidth #masterContentArea {
  max-width: 100%;
  margin: 0;
  padding-left: 0px;
  padding-right: 0;
}

.Wrapper-FullWidth #masterContentArea .row {
  max-width: 1200px;
  margin: 0px auto;
}

.Wrapper-FullWidth .col-secondary {
  display: none;
}

.Wrapper-FullWidth .col-primary {
  width: 100%;
}

.Wrapper-FullWidth .iMIS-WebPart > .ContentItemContainer,
.Wrapper-FullWidth .WebPartZone > .ContentItemContainer {
  margin: 0;
}

.grey {
  background: #e5e5e5;
  width: 100%;
  display: block;
}

.row-wrapper {
  background-size: cover;
  background-position: center;
}

ul.dash {
  list-style: none;
  padding-inline-start: 25px;
}

ul.dash li {
  position: relative;
}

ul.dash li:before {
  content: "";
  width: 15px;
  height: 1px;
  display: block;
  background-color: #fff;
  position: absolute;
  left: -23px;
  top: 13px;
}

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6 {
  color: #fff;
}

#ft {
  font-weight: 300;
}

#ft h5 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}

#ft ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#ft ul a,
#ft ul a:visited {
  text-decoration: none;
}

#ft ul a:hover,
#ft ul a:focus {
  text-decoration: underline;
}

.footer-copyright ul {
  float: right;
}

.footer-copyright li {
  display: inline-block;
}

.footer-copyright li:after {
  content: "|";
  margin: 0px 5px;
}

.footer-copyright li:last-child:after {
  display: none;
}

@media (max-width: 767px) {
  #ft h5 {
    margin-bottom: 10px;
    margin-top: 30px;
  }

  .footer-copyright ul {
    float: none;
  }

  .footer-copyright li {
    display: block;
  }

  .footer-copyright li:after {
    display: none;
  }
}

/** Homepage **/

div#mainContentWrapper {
  margin-bottom: 6rem;
}

div#HomePageContent {
  margin-bottom: 8rem;
}

.HomePageFullWidthArea h1.homepage-title {
  font-size: 40px;
  padding: 25px 10px;
}

.HomePageFullWidthArea .carousel-control {
  display: none;
}

.HomePageFullWidthArea .carousel-indicators li,
.HomePageFullWidthArea .carousel-indicators .active {
  border-radius: 15px;
  width: 15px;
  height: 15px;
  margin: 0px 5px;
  border: 2px solid #fff;
}

.HomePageFullWidthArea .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  text-shadow: none;
  padding: 30px;
}

.HomePageFullWidthArea h1 {
  font-size: 72px;
  text-transform: uppercase;
}

.HomePageFullWidthArea .carousel-inner.bg-img > .item.overlay:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
}

@media (max-width: 767px) {
  .HomePageFullWidthArea h1 {
    font-size: 35px;
  }

  .HomePageFullWidthArea .carousel-caption {
    left: 5%;
    right: 5%;
    padding: 30px 0px;
  }

  .carousel-inner.bg-img > .item {
    height: 500px !important;
  }
}

.CTA .text {
  padding: 20px;
  display: block;
}

@media (max-width: 900px) {
  .CTA h1 {
    font-size: 28px;
  }
}

@media (max-width: 767px) {
  .CTA {
    display: block;
    max-width: 350px;
    margin: 30px auto 0px auto;
  }
}

a.readMore,
a.readMore:visited {
  text-decoration: none;
  font-family: canada-type-gibson;
  font-size: 18px;
}

a.readMore:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(images/arrow-blue-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
  vertical-align: middle;
  margin-left: 5px;
  -webkit-transition: all 0.2s 0s ease;
  -moz-transition: all 0.2s 0s ease;
  -o-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

a.readMore:hover:after,
a.readMore:focus:after {
  background-image: url(images/arrow-dblue-right.svg);
  margin-left: 10px;
}

.CTA-tall {
  text-align: center;
  display: block;
  border: 4px solid #000;
  padding: 20px 20px 80px 20px;
  position: relative;
  max-width: 240px;
  margin: 30px auto;
  letter-spacing: 3px;
}

.CTA-tall.teal {
  border-color: #21bbbd;
}

.CTA-tall.blue {
  border-color: #4f87c1;
}

.CTA-tall.navy {
  border-color: #0e3c66;
}

.CTA-tall.green {
  border-color: #0d5549;
}

.CTA-tall a {
  text-decoration: none;
}

.CTA-tall h3 {
  display: block;
  background: #ffffff;
  padding: 15px 0 0 0;
  position: absolute;
  left: -4px;
  right: -4px;
  margin: auto;
  font-size: 18px;
}

.CTA-tall .imgWrapper {
  height: 300px;
  width: 100%;
  max-width: 200px;
  margin: 0px auto;
  overflow: hidden;
  display: block;
}

.CTA-tall .image {
  height: 300px !important;
  width: 100%;
  max-width: 200px;
  margin: 0px auto;
  -webkit-transition: all 0.2s 0s ease;
  -moz-transition: all 0.2s 0s ease;
  -o-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
  background-size: cover;
  background-position: center;
}

.CTA-tall a:hover .image {
  transform: scale(1.15);
}

@media (min-width: 768px) and (max-width: 1000px) {
  .CTA-collapse .col-sm-3 {
    width: 50%;
  }

  .CTA-collapse {
    max-width: 630px !important;
  }
}

/*ticker*/
/*marquee*/

.marqueeWrapper {
  display: block;
  width: 100%;
  margin: 50px 0px;
  height: 100px;
  position: relative;
}

.marquee {
  width: 100%;
  overflow: hidden;
  position: absolute;
}

.marquee a img,
.marquee a:focus img {
  opacity: 0.7;
  height: 100px !important;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 20px;
}

.marquee a:hover img,
.marquee a:focus img {
  filter: none;
  opacity: 1;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
}

/* Advertisements */

.top-ads {
  margin-bottom: 5rem;
}

/* Slideshow Ads */

.banner-ad-slideshow .item {
  height: 260px !important;
}

.banner-ad-slideshow .carousel-inner.bg-img > .item {
  background-color: transparent;
  background-size: contain !important;
  height: auto;
}

.banner-ad-slideshow .carousel-indicators {
  bottom: 20px;
  display: none;
}

.banner-ad-slideshow div[id$="SlideshowControls"] {
  display: none;
}

@media (max-width: 767px) {
  .banner-ad-slideshow .carousel-inner.bg-img > .item {
    height: 260px !important;
  }
}

/* Accordion */

.accordion {
  max-width: 100%;
  margin: 0 auto;
}

.accordion input[type="checkbox"] {
  display: none;
}

.accordion input[type="checkbox"]:checked + label + .content {
  display: block;
}

.accordion-title h2 {
  font-size: 20px;
  font-weight: bold;
}

.accordion label {
  display: block;
  background-color: transparent;
  padding: 10px;
  color: #4f87c1;
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid #4c85c1;
  border-radius: 0;
  margin-bottom: 5px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.33, 2, 0.8, 1);
}

.accordion-icon {
  float: right;
  transition: transform 0.2s ease-in-out;
}

.accordion input[type="checkbox"]:checked + label .accordion-icon {
  transform: rotate(180deg);
}

.accordion label:hover {
  transform: scale(1.02);
  box-shadow: 0.5rem 0.5rem 1.75rem rgba(0, 0, 0, 0.15);
  background-color: transparent;
}

.accordion .content {
  display: none;
  padding: 10px;
  border-bottom: 1px solid #4c85c1;
}

.accordion .content p {
  line-height: 1.4;
  font-size: 18px;
}

.accordion .content ul {
  line-height: 1.5;
  font-size: 18px;
}

.accordion .content a {
  color: #4f87c1;
  text-decoration: none;
}

/* Book Styling */

.book-container {
  width: 100%;
  height: 93vh;
  margin: 20px auto;
  border: 1px solid #fafafa;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  display: flex;
  flex-direction: column;
}

.book-container .page-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.book-container .page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  padding: 35px 65px;
  box-sizing: border-box;
  background-color: white;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.book-container .page.active {
  opacity: 1;
  visibility: visible;
}

.book-container .navigation {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  box-sizing: border-box;
}

.book-container .nav-btn {
  padding: 10px 18px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #4f87c1;
  border-radius: 0;
  font-size: 25px;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

/* Target the scrollbar track */
.page-content::-webkit-scrollbar {
  width: 10px; /* Set the width of the scrollbar */
}

/* Target the scrollbar thumb (the draggable part) */
.page-content::-webkit-scrollbar-thumb {
  background-color: #888; /* Set the color of the thumb */
  border-radius: 5px; /* Add rounded corners */
  border: 2px solid white;
}

/* Target the scrollbar track when the thumb is hovered */
.page-content::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Darker color on hover */
}

/* Target the scrollbar track (the background) */
.page-content::-webkit-scrollbar-track {
  background-color: #ffffff; /* Set the color of the track */
}

/* For Firefox (using the newer standard properties) */
.page-content {
  scrollbar-width: thin; /* "auto" or "thin" */
  scrollbar-color: #e7e7e7 #ffffff; /* thumb track */
}

/* Scrollable Content Page Styles */

.scroll-book-container {
  width: 100%;
  height: 90vh;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.scroll-book-container .gallery {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  width: 100%;
  height: 100%;
}

.scroll-book-container .page {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  scroll-snap-align: start;
  overflow-y: auto;
  padding: 35px 45px;
  box-sizing: border-box;
  background-color: #a0c4eb;
  border-right: 1px solid white;
}

/* Scrollbar styling */
.scroll-book-container .page::-webkit-scrollbar {
  width: 8px;
}

.scroll-book-container .page::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.scroll-book-container .page::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.scroll-book-container .page::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Firefox scrollbar styling */
.scroll-book-container .page {
  scrollbar-width: thin;
  scrollbar-color: #4f87c1 #a0c4eb;
}

/* For Firefox (more limited customization) */
.scroll-book-container .gallery {
  scrollbar-width: thin;
  scrollbar-color: #4f87c1 #a0c4eb;
}

/* Updated Nav styling */

div#ste_container_HeaderLogoSpan {
  width: 250px;
}

@media (min-width: 992px) {
  #masterHeaderBackground,
  .header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .header-top-container {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 0 30px;
  }

  .header-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    float: none;
  }

  .header-bottom-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1500px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  ul.rmRootGroup.rmToggleHandles.rmHorizontal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* .mobile-aux-nav {
    display: none;
  } */
}

@media (max-width: 992px) {
  .mobile-aux-nav {
    margin-top: 30px;
  }

  /* .header-top-container {
    display: none;
  } */
}

.social-icons-wrapper {
  margin-left: 10px;
}

.socialIcons {
  display: block;
}

.home-link-wrapper a.home-link {
  text-decoration: none !important;
}

.home-link-wrapper a.home-link:hover {
  color: #4f87c1;
}

.home-link-wrapper em.fa-solid.fa-house {
  margin-right: 5px;
}

.socialIcons .social-icons-wrapper a,
.socialIcons .social-icons-wrapper a:visited {
  display: block;
  float: left;
  width: 30px;
  margin: 0px 7px 0px 0px;
  -webkit-transition: all 0.2s 0s ease;
  -moz-transition: all 0.2s 0s ease;
  -o-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.socialIcons a:hover,
.socialIcons a:focus {
  margin-top: -5px;
  padding-bottom: 5px;
}