/* css styles */

h3{
  font-style: italic
}

h5{
  font-size:16px;
  font-weight: bold
}

h6{margin-left: 20px}

.purple-background {
  background-color: #d3d7e9;
}

/*
.button {
  border: none;
  border-radius: 0px;
  color: black;
  background-color: #939bc9;
  padding: 0.85em 1em;
  text-align: center;
  display: inline-block;
  margin-top: 0.6em; 
  margin-bottom: 0.25em; 
  margin-left: 1.5em; 
  margin-right: 1.5em;
  cursor: pointer;
}
*/

/* Table of Content (right) */
.sidebar nav[role="doc-toc"] ul > li > a.active {
    color: #939bc9 !important;
    border-left: 1px solid #939bc9;
    font-weight: bold;
}

.sidebar nav[role="doc-toc"] ul li a:hover {
    color: #939bc9 !important;
    border-left: 1px solid #939bc9
}

.sidebar nav[role=doc-toc] ul>li>a:hover, .sidebar nav[role=doc-toc] ul>li>ul>li>a:hover {
    color: #939bc9 !important;
}

.sidebar nav[role=doc-toc] ul>li>a.active, .sidebar nav[role=doc-toc] ul>li>ul>li>a.active {
    border-left: 1px solid #939bc9;
    color: #939bc9 !important;
}


/* Buttons */
.button-link {
    background-color: black; 
    color: white !important;
    border: none; 
    padding: 10px 20px; /* Padding inside the button */
    text-align: center; /* Center text */
    display: inline-block; /* Display as inline-block to allow width and height */
    font-size: 16px; /* Font size */
    cursor: pointer; /* Cursor changes to pointer on hover */
    border-radius: 2px; /* Rounded corners */
    text-decoration: none; /* Ensure no underline */
    margin: 0 auto; /* Centers the button as inline-block */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for background and text color */
}

.button-link:hover {
    background-color: black; 
    color: #939bc9 !important;
}

.button-link a {
    color: inherit; /* Inherit color from .button-link */
    text-decoration: none;
    font-weight: bold;
}

.button-link a:hover {
    color: #939bc9!important;
    text-decoration: none;
}

.about-us-button{
    width: 40%; /* Set a fixed width or a max-width */
}

.button-link:hover {
    color: #d3d7e9;
}


/* Callouts */
div.callout-caution.callout-style-default>.callout-header {
    background-color: #d3d7e9
}

div.callout-caution.callout {
    border-left-color: #939bc9;
}


/* Landing page */
.purple-background {
  background-color: #d3d7e9;
}

.container, .row, .grid {
    width: 100% !important;
    max-width: none; /* Remove max-width to allow full width */
    margin: 0 auto; /* Center container */
    padding: 0; /* Adjust padding if needed */
}

.content-container {
  padding-left: 1.5em;
  padding-right: 1.5em;
  max-width: 100% !important;
  width: 100% !important;
}

.top-story {
  max-width: 1000px !important;
  margin: 0 auto;
  margin-bottom: 1em; 
  box-sizing: border-box;
  height: auto;
  display: flex;
  align-items: center;
}

/*.top-story {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto;
  margin-bottom: 1em; 
  box-sizing: border-box;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
*/

.top-story img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 768px) {
  .top-story-img {
    display: none;
  }
}

.top-story-text {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0;
  /*display: flex;
  flex-direction: column;
  align-items: center; 
  justify-content: center;   */
}


.top-story-text h2 {
  margin-top: 1.5rem;
}

.top-story-img p {
  margin-bottom: 0;
}

.header-block {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 1.8em; 
  box-sizing: border-box;
  border-bottom: 1px solid black;
  text-align: center; /* Centers the content inside the header-block, including the button */
}

.listing-block {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 1.1em; 
  box-sizing: border-box;
  border-bottom: 1px solid black;
}

.listing-block h2 {
  color: black;
  border-bottom: none;
}

/*.listing-block h2:hover {
  color: #939bc9;
}
*/



/* Links
.button-link a {
    color: white !important;
    text-decoration: none;
    font-weight: bold;
}

.button-link a:hover {
    color:  #939bc9 !important;
    text-decoration: none;
    font-weight: bold;
  
}
*/

.header-block a {
    color: #939bc9;
    text-decoration: none;
    font-weight: bold;
}

.header-block a:hover {
    color:  black;
    text-decoration: none;
    font-weight: bold;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: black;
    text-decoration: none;
}

.callout a {
    color: #939bc9;
    text-decoration: none;

}

.callout a:hover {
    color: black;
    text-decoration: none;
}