body {
  color: #000;
}

hr {
  opacity: 1;
}

.placeholder {
  background-color: transparent;
}

.node-preview-backlink {
  color: #fff;
}

.btn {
  border-radius: 0;
}

article img {
  max-width: 100%;
}

.hero img {
  max-height: 840px;
}

.img-fluid {
  width: 100%;
}

.container-fluid {
  max-width: 1440px;
}

.bg-light {
  background-color: #fff!important;
}

.no_style0 {
  list-style: none;
}
.no_style0 li {
  display: block;
}

/* Table */

table {
  caption-side: top;
}

/* Card */

.card {
  border: 1px solid #000;
  border-radius: 0;
}

#block-isaac-page-title h1 {
  border-bottom: 2px solid #d01f25;
  padding-top: 0.5rem;
}

.block-views-blocklatest-articles-block-1 header .h2, .h4, .block-views-blocklatest-articles-block-1 header h2, h4, caption {
  border-bottom: 1px solid #d01f25;
}

caption {
  font-size: 1.5rem;
  color: #000;
}

.btn-primary:hover, .btn-primary:active, btn-primary:focus, .btn-check:focus+.btn-primary, .btn-primary:focus {
  color: #fff;
}
body .navbar-light .navbar-nav a.nav-link {
  color: #000 !important;
}
body .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: #000;
}
body .navbar-light .navbar-nav .nav-link:hover {
  color: #ccc !important;
}
body .navbar-light .navbar-nav .nav-link.active {
  color: #d01f25 !important;
  font-weight: bold;
  border-bottom-color: #d01f25;
}

/* Navbar */

.navbar .navbar-brand img {
  width: 12rem;
  transition: all .5s ease;
}

body .navbar-brand {
  font-size: 1.4rem;
}

.scrolled .navbar-brand {
  font-size: 1.4rem;
}
.scrolled .navbar .navbar-brand img {
  width: 12rem;
  transition: all .4s ease;
  max-height: 100%;
}

.navbar-light .navbar-brand, .scrolled .navbar-light .navbar-brand {
  color: #000;
}

.navbar-nav .nav-item {
  /* border-bottom: 1px solid #000; */
  flex: 1;
}

.navbar-nav .nav-item a {
  font-size: 1.2rem;
}

.navbar .navbar-nav .nav-item .nav-link {
  padding-left: 0;
  padding-right: 2rem;
  border-bottom: 2px solid #000;
}

.brand-word {
  display: inline-block;
  margin-right: 5px; /* Spacing between words, adjust as needed */
  text-transform: uppercase;
}

.brand-word::first-letter {
  font-size: calc(1.4rem + 0.4rem); /* 0.6rem larger than the rest of the text */
  font-weight: bold; /* Optionally make the first letter bold */
  color: #d01f25;
}

/* Header */

header, header.scrolled {
  background-color: #fff !important;
}

.scrolled .hide0 {
  display: none;
}

header:not(.scrolled) .unhide0 {
  display: none;
}

/* Top Logo Bar Rainbow Effect Style */

header .logo_bar0 {
  width: 27.3rem;
  background: linear-gradient(
  90deg,
  rgba(255, 0, 0, 1) 0%,
  rgba(255, 154, 0, 1) 10%,
  rgba(208, 222, 33, 1) 20%,
  rgba(79, 220, 74, 1) 30%,
  rgba(63, 218, 216, 1) 40%,
  rgba(47, 201, 226, 1) 50%,
  rgba(28, 127, 238, 1) 60%,
  rgba(95, 21, 242, 1) 70%,
  rgba(186, 12, 248, 1) 80%,
  rgba(251, 7, 217, 1) 90%,
  rgba(255, 0, 0, 1) 100%
  );
  height: 0.375rem;

}


/* Accordion */

.ckeditor-accordion-container {
  border-top: 2px solid #000;
  margin: 2rem 0;
}
.ckeditor-accordion-container > dl {
  border: none;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  left: 0;
}

.ckeditor-accordion-container > dl dd {
  padding: 0;
}

.ckeditor-accordion-container dd > p {
  padding: 15px 0 0 0;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
  background: #000;
}

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button), 
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
  background-color: #fff;
  border-top: none;
  border-bottom: 1px solid #000;
  color: #000;
  border-left: none;
  border-right: none;
  text-decoration: none;
  padding-left: 40px;
}

.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
  color: #000;
}


/* Views Grid - Project */

.views-projects .views-view-grid.container-fluid {
  padding: 0;
}

.views-projects .views-view-grid .card .card-title {
  height: 100%;
}

.views-projects .views-view-grid .views-col.col-1 {
  padding-right: 0.5rem;
}

.views-projects .views-view-grid .views-col.col-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.views-projects .views-view-grid .views-col.col-2 {
  padding-left: 0.5rem;
}

.views-projects .views-view-grid .card {
  border: none;
}

.views-projects .views-view-grid .card a {
  text-decoration: none;
}

/* Logo Text Style */

.logo_text0 {
  display: flex; /* Ensures the logo and the div are in a row */
  align-items: flex-start; /* Aligns items to the start of the cross axis */
}

.logo_text0 img {
  display: block; /* Removes bottom space under the image */
}

.line-break {
 max-height: 122px;;
}

.line-break .word0 {
  display: block; /* Each .word0 takes up a full line */
  font-size: 1rem;;
}


.bg-dark a {
  color: #fff;
}
.bg-dark a:hover {
  color: #ccc;
}

/* Footer Logo Text Style */

footer .partners .row div {
  display: flex;
  align-items: center;
  flex-direction: column; /* Stack paragraphs vertically */
  justify-content: center;
}
footer .partners  img {
  max-height: 150px;
  width: auto;
}

/* Carousel */

.carousel-item-wrapper {
  width: 1024px;
  height: 439px;
  overflow: hidden;
}

.carousel-item-wrapper iframe {
  width: 100%;
  height: 100%;
  max-width: 100%;
}

/* Vertical Secondary Menu */
/* Styles for menu--main-vertical.html.twig */

.menu--main-vertical .menu {
  list-style-type: none;
  padding-left: 0;
  /* border-top: 1px solid #000; */ /* border around the whole menu */
}

.menu--main-vertical .menu.level-0 > li {
  border-bottom: 1px solid #000; /* border around the whole menu */
}

.menu--main-vertical .menu.level-1 {
  border-top: 1px solid #000; /* border around the whole menu */
}

.menu--main-vertical .menu-item {
  margin: 0.5em 0;
  border: 1px solid #ddd; /* border for each item */
  border-radius: 4px; /* rounded corners for each item */
  background-color: #fff; /* background color for each item */
  transition: background-color 0.3s; /* smooth transition for background color change */
}

.menu--main-vertical .menu li {
  padding: 0.5em 0 0 0; /* padding inside each item */
  border-bottom: none; /* remove bottom border if using full borders */
}
.menu--main-vertical .menu .menu-item-level-0 {
  padding: 0;
}

.menu--main-vertical .level-0 > li {
  padding-left: 0;
}

.menu--main-vertical a.menu-link {
  text-decoration: none;
}

.menu--main-vertical .active-trail > a,
.menu--main-vertical .active {
  font-weight: bold;
  color: #000; /* Active link color */
  text-decoration: none;
}

/* Hover effect for menu items */
.menu--main-vertical .menu li:hover {
  background-color: #fff; /* background color on hover */
}
/* Remove underline for for parent menu items */
.menu--main-vertical .menu header a {
  text-decoration: none;
}

/* Indentation based on hierarchy */
.menu--main-vertical [class*='level-'] > li, .menu--main-vertical [class*='menu-item-level-'] > a {
  padding-left: var(--base-indent); /* Use the base indent */
}

/* Show submenu if active-trail */
.menu--main-vertical .active-trail .menu {
  display: block;
}

/* Style adjustments for submenus to differentiate from main level */
.menu--main-vertical .level-1 {
  background-color: #fff; /* slightly different background for submenus */
}

/* Further adjustments for deeper levels if necessary */
.menu--main-vertical .level-2 {
  background-color: #fff;
}

/**
 * Add a background color to the header on mobile.
 */
 @media (max-width: 991px) {

  header.sticky-top,
  header.fixed-top {
    background-color: #fff !important;
  }
}