.popular-actions .btn {
  width: 100%;
  margin-bottom: 10px;
  display: inline-block;
  background: #008928; 
  color: #fff;
  font-size: 1.0em;
  line-height: 1;
  font-weight: bold;
  padding: 20px;
  border: 0;
  text-align: center;
  font-weight: 500;
  letter-spacing: .05em;
  text-decoration: none;
}

/* Button Alt Variants - Exact match from front page */
.btn.alt {
  background-color: #0072bb !important;
  color: #fff !important;
}

.btn.alt:hover, .btn.alt:focus {
  background: #005388 !important;
  color: #fff !important;
}

.btn.alt-2 {
  background-color: #0f2345 !important;
  color: #fff !important;
}

.btn.alt-3 {
  /*background-color: #6c757d; */
  color: #fff !important;
}

/* FontAwesome icons */
.fa {
  font-family: 'Font Awesome 5 Free', 'FontAwesome', FontAwesome, sans-serif;
  font-weight: 900;
  font-style: normal;
  display: inline-block;
}

.fa-institution:before { 
  content: "\f19c"; 
}

.fa-file-text-o:before { 
  content: "\f0f6"; 
}

/* Layout Builder three-column layout matching front page exactly */
.layout--threecol-section {
  display: flex;
  width: 100%;
  gap: 0;
}

/* Left sidebar - menu navigation (matches front page l-sidebar) */
.layout--threecol-section .layout__region--first {
  flex: 0 0 25%;
  width: 25%;
  background-color: #163963;
  padding: 0;
}

/* Center content area (matches front page l-main) */  
.layout--threecol-section .layout__region--second {
  flex: 1;
  background-color: #fff;
  padding: 20px;
  margin: 0 20px 0 0;
}

/* Right sidebar (matches front page r-sidebar) */
.layout--threecol-section .layout__region--third {
  flex: 0 0 25%;
  width: 25%;
  padding: 0;
}

/* Left sidebar navigation styling - matching front page tabHeader */
.layout__region--first .field--name-field-menu-links,
.layout__region--first .field--name-field-menu-links .field__items {
  background-color: #163963;
  margin: 0 0 0 1rem;
  padding: 0;
  list-style: none;
}

.layout__region--first .field--name-field-menu-links .field__item {
  margin: 0;
  padding: 0px 0px 0px 0px;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.1); */
}
.field__item.tabHeader.active.menu-active {
    padding: 8px 0 8px 0;
}

.layout__region--first .field--name-field-menu-links .field__item a {
  color: white !important;
  display: block;
  padding: 11px 20px;
  text-decoration: none !important;
  font-size: 1.1em;
  font-weight: 500;
  border: none;
  background: transparent;
  transition: background-color 0.3s ease;
}

.layout__region--first .field--name-field-menu-links .field__item a:hover {
  background-color: #0072bb !important;
  color: white !important;
}

/* Add dropdown arrows to left menu items */
.layout__region--first .field--name-field-menu-links .field__item a::after {
  content: "\f054";
  font-family: 'Font Awesome 5 Free', 'FontAwesome', FontAwesome, sans-serif;
  font-weight: 900;
  float: right;
  color: #1a91dd;
  font-size: 16px;
}

.layout__region--first .field--name-field-menu-links .field__item a:hover::after {
color: #ff901a !important;
}

/* Active menu item highlighting */
.layout__region--first .field--name-field-menu-links .field__item.active a,
.layout__region--first .field--name-field-menu-links .field__item.menu-active a {
  color: #0072bb !important;
  background-color: white !important;
  font-weight: 500;
}

.layout__region--first .field--name-field-menu-links .field__item.menu-active a::after,
.layout__region--first .field--name-field-menu-links .field__item.active a::after {
  color: #ff901a !important;
}

/* Info box in left sidebar */
.layout__region--first .info-box {
  margin: 20px 0 0 0;
}

.layout__region--first .info-box > div,
.layout__region--first .info-box .info-body {
  background-color: #0072bb;
  padding: 20px;
  border-radius: 4px;
}

.layout__region--first .info-box h1,
.layout__region--first .info-box h2, 
.layout__region--first .info-box h3,
.layout__region--first .info-box h4,
.layout__region--first .info-box h5,
.layout__region--first .info-box h6,
.layout__region--first .info-box p {
  color: white !important;
}

.layout__region--first .info-box a {
  color: #fff !important;
  text-decoration: underline;
}

/* Center content styling */
.layout__region--second {
  background-color: #fff;
  padding: 20px;
}

.layout__region--second .field--name-body,
.layout__region--second .field--type-text-with-summary {
  color: #333;
  line-height: 1.6;
}

.layout__region--second h3.tabItem-headline {
  margin-top: 0px;
  font-size: 1.5em;
  color: #333;
  margin-bottom: 20px;
}

.layout__region--second img {
  max-width: 100%;
  height: auto;
  margin: 10px 0;
}

/* Accordion styling in content */
.layout__region--second .accordion-handle {
  font-size: 1.1em;
  padding-top: 0px;
  margin-bottom: 1rem; 
  margin-top: 1rem;
}

.layout__region--second .acc-handle {
  color: #0072bb;
  display: flex;
  position: relative;
  border-bottom: 1px solid #eee;
  font-size: 1.08em;
  text-decoration: none !important;
  padding: 0 1px 0 0;
  justify-content: space-between;
  width: 100%;
}

.layout__region--second .acc-handle:after {
  content: "\f13a";
  font-family: 'FontAwesome', 'Font Awesome 5 Free';
  float: right;
  color: #9fa2a9;
  font-size: 20px;
  background-color: white;
  font-weight: 900;
}

.layout__region--second .topic-content {
  margin-left: 8px;
  margin-right: 8px;
   padding: 15px 0; 
}

/* Right sidebar styling - matching front page */
.layout__region--third .popular-actions {
  background: transparent;
  padding: 0;
}

/* Right sidebar - default transparent background for all blocks */
.layout__region--third .block {
  margin-bottom: 20px;
  background-color: transparent;
}

/* Related Links gets white background - more specific selectors */
.layout__region--third .related-links {
  background-color: white !important;
  margin-bottom: 20px;
}

.layout__region--third .section-sidebar.related-links {
  background-color: white !important;
}

.layout__region--third .block-block-content-related-links {
  background-color: transparent !important;
}

.layout__region--third .block-block-content-related-links .section {
  background-color: white !important;
}

/* Explicitly keep Action Buttons transparent */
.layout__region--third .section.popular-actions,
.layout__region--third .block-block-content-action-buttons,
.layout__region--third .block-block-content-action-buttons .section {
  background-color: transparent !important;
}

.layout__region--third .block h2 {
  font-size: 1.05em;
  padding: 10px;
  border-bottom: 1px solid #eee;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
  background: transparent;
}

/* Related Links section styling with white background */
.layout__region--third .section-sidebar {
  margin-bottom: 20px;
}

.layout__region--third .sidebar-title {
  font-size: 1.05em;
  padding: 10px;
  border-bottom: 1px solid #eee;
  font-weight: 600;
  margin-bottom: 0;
  background: transparent;
}

.layout__region--third .sidebar-body {
  padding: 20px;
}

.layout__region--third .related-links .field--name-field-menu-links,
.layout__region--third .related-links ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.layout__region--third .field--name-field-menu-links .field__item {
  margin: 0 0 7px 0;
  padding: 0;
}

.layout__region--third .field--name-field-menu-links .field__item a {
  color: #0072bb;
  font-weight: 400 !important;
  text-decoration: underline;
  font-size: 1.0em !important;
  background: transparent !important;
  padding: 0 !important;
  display: block !important;
  line-height: 1.4;
}

.layout__region--third .field--name-field-menu-links .field__item a:hover {
  color: #005388 !important;
  background: transparent !important;
}

/* Remove arrows from right sidebar links */
.layout__region--third .field--name-field-menu-links .field__item a::after {
  display: none;
}

/* Layout Builder admin controls */
.layout-builder__layout .layout__region {
  position: relative;
  min-height: 50px;
  border: 1px dashed transparent;
}

.layout-builder__layout .layout__region:hover {
  border-color: #0073aa;
  background-color: rgba(0, 115, 170, 0.05);
}

.layout-builder__layout .contextual {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
}

/* Admin tabs (Edit button) styling */
.tabs {
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
  padding: 0;
}

.tabs ul,
ul.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.tabs ul li,
ul.tabs li {
  margin: 0;
  padding: 0;
}

.tabs ul li a,
ul.tabs li a {
  display: inline-block;
  padding: 10px 20px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-bottom: none;
  margin-right: 5px;
  text-decoration: none;
  color: #333;
  border-radius: 4px 4px 0 0;
}

.tabs ul li a:hover,
ul.tabs li a:hover {
  background-color: #e9e9e9;
}

.tabs ul li.is-active a,
.tabs ul li.active a,
ul.tabs li.is-active a,
ul.tabs li.active a {
  background-color: white;
  color: #0072bb;
  font-weight: 600;
}

/* Local actions (e.g. Add content buttons) */
.local-actions {
  margin: 20px 0;
}

.local-actions ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.local-actions li {
  display: inline-block;
  margin-right: 10px;
}

.local-actions a {
  display: inline-block;
  padding: 8px 16px;
  background-color: #0072bb;
  color: white !important;
  text-decoration: none;
  border-radius: 4px;
}

.local-actions a:hover {
  background-color: #005388;
}

/* Admin Node Action Buttons - Prominent edit buttons for page content */
.admin-node-actions {
  margin: 20px 0;
  padding: 15px;
  background-color: #f8f9fa;
  border: 2px solid #0072bb;
  border-radius: 4px;
  text-align: center;
}

.btn-edit-node,
.btn-edit-layout {
  display: inline-block;
  padding: 12px 24px;
  margin: 0 10px;
  background-color: #0072bb;
  color: white !important;
  text-decoration: none !important;
  border-radius: 4px;
  font-weight: 600;
  font-size: 1.1em;
  transition: background-color 0.3s ease;
}

.btn-edit-node:hover,
.btn-edit-layout:hover {
  background-color: #005388;
  color: white !important;
}

.btn-edit-layout {
  background-color: #6c757d;
}

.btn-edit-layout:hover {
  background-color: #5a6268;
}

.btn-edit-node .fa,
.btn-edit-layout .fa {
  margin-right: 8px;
}

/* FontAwesome pencil icon */
.fa-pencil:before {
  content: "\f303";
}

.fa-columns:before {
  content: "\f0db";
}

/* Mobile responsive */
@media (max-width: 768px) {
  .layout--threecol-section {
    flex-direction: column !important;
  }
  
  .layout--threecol-section .layout__region--first,
  .layout--threecol-section .layout__region--second,
  .layout--threecol-section .layout__region--third {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 0 20px 0 !important;
    padding: 10px !important;
  }
  
  /* Proper stacking order */
  .layout--threecol-section .layout__region--first {
    order: 1;
  }
  
  .layout--threecol-section .layout__region--second {
    order: 2;
  }
  
  .layout--threecol-section .layout__region--third {
    order: 3;
  }
}
.pdf-doc a {
  		color: #6c6f74 !important;
        text-decoration: none !important;
}

layout__region--third a{

    color: #337ab7 !important;
    text-decoration: underline !important;


}