.layout-top-navigation, thead {
  background-color: #dad1d2 !important;
}

.top-navigation ul.menu > li > a{
  color: #3c3c3c !important;
}

.left-navigation ul.menu > li.menu-separator{
  color: #dad1d2 !important;;
  border-color: #dad1d2 !important;;
}

.layout-breadcrumbs{
  display: none;
}

.entry-header{
  display: none;
}
    
.header-image { 
  position: relative;
}  

.overlay-text {
  width: max-content;
  position: absolute;
  top: 50%; 
  left: 75%; 
  transform: translate(-50%, -50%); 
  color: #fff; 
  font-size: 70px; 
  text-align: center;
  font-weight: bold;
}

    @media print, screen and (max-width: 64em) { 
      .header-image img { 
        display: none;
      } 
      .header-image { 
        background-color: #04050c !important;
        display: flex;
        justify-content: center;
        align-items: anchor-center;
      } 
      .overlay-text {
        width: max-content;
        position: initial;
        transform: none;
        padding-top: 50px;
        padding-bottom: 50px;
      }
    }
    
    @media print, screen and (max-width: 1500px) { 
      .layout-header-block-1{
        width:100%;
        height:3rem;
        background-color: #886750;
      }

      .layout-header-block-2{
        width:100%;
        height:3rem;
        background-color: #dad1d2;
      }
    }
    
 
    @media print, screen and (max-width: 1400px) { 
      .layout-header-block-1{
        width:100%;
        height:3rem;
        background-color: #886750;
      }

      .layout-header-block-2{
        width:100%;
        height:3rem;
        background-color: #dad1d2;
      }
    } 
        

    @media print, screen and (max-width: 1115px) { 
      .layout-header-block-1{
        width:100%;
        height:3rem;
        background-color: #886750;
      }

      .layout-header-block-2{
        width:100%;
        height:3rem;
        background-color: #dad1d2;
      }
    } 

    @media print, screen and (max-width: 850px) { 
      .layout-header-block-1{
        width:100%;
        height:3rem;
        background-color: #886750;
      }

      .layout-header-block-2{
        width:100%;
        height:3rem;
        background-color: #dad1d2;
      }
    } 

    
    @media print, screen and (max-width: 770px) { 
      .layout-header-block-1{
        width:100%;
        height:3rem;
        background-color: #886750;
      }

      .layout-header-block-2{
        width:100%;
        height:3rem;
        background-color: #dad1d2;
      }
    } 
        
    @media print, screen and (max-width: 620px) { 
      .layout-header-block-1{
        width:100%;
        height:3rem;
        background-color: #886750;
      }

      .layout-header-block-2{
        width:100%;
        height:3rem;
        background-color: #dad1d2;
      }
    } 
    
    @media print, screen and (max-width: 520px) { 
      .layout-header-block-1{
        width:100%;
        height:3rem;
        background-color: #886750;
      }

      .layout-header-block-2{
        width:100%;
        height:3rem;
        background-color: #dad1d2;
      }
    } 
    
    @media print, screen and (max-width: 420px) { 
      .layout-header-block-1{
        width:100%;
        height:3rem;
        background-color: #886750;
      }

      .layout-header-block-2{
        width:100%;
        height:3rem;
        background-color: #dad1d2;
      }
    } 
     
/* Accordion Section */

  @media print, screen and (max-width: 75em) {
    .graphic-container {
        min-width: 100%;
        text-align:center;
    }
  }

  @media print, screen and (max-width: 75em) {
    .accordion {
        min-width: 100%;
    }
  }

.accordion-container{
  display: flex;
  flex-wrap: wrap;
  
}

.graphic-container{
  display: inline-block;
  max-width:20%;
  width: 100%;
  padding: 1rem;
}

.accordion-graphic{
  width: 200px;
}

.accordion {
  display: inline-block;
  max-width:80%;
  width: 100%;
}

.accordion h1 {
  padding-top: 1rem;
}

.accordion-ol {
  list-style-type: none;
  padding-left: 0;
  margin-left: -10px;
}

.accordion-title:before {
  content: " ";
}

.accordion-title[aria-expanded=true]:before {
  content: " ";
}

.accordion-title{
  font-weight: 800;
  color: #3c3c3c;
  font-size: 1rem;
  line-height: 1.6;
  border: none !important;
  padding: 0;
}

.accordion-title::before {
  position: relative;
  top: 50%;
  left: 7rem;
  margin-top: -0.8rem;
  content: "+";
  font-weight: 800; }
.is-active > .accordion-title::before {
  content: "–";
  font-weight: 800; } 


.accordion-title:hover{
  background-color: #FFFFFF;
  text-decoration: underline;
}

.accordion-title:focus{
  background-color: #FFFFFF;
  text-decoration: underline;
}

.accordion-content {
  padding-top: 1rem;
  border: none !important;
}

.language-buttons-list {
  display: flex;
  list-style-type: none;
  width: 100%;
    justify-content: flex-start;
    padding-left: 0px;
    column-gap: 20px;
    margin: 0px !important;
    margin-left: 1rem !important;
}

.language-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dad1d2 !important;
  line-height: 1.6;
 /* padding: 0.5rem 0.75rem 0.5rem 1rem; */
 padding: 0.3125rem 0.75rem 0.5rem 1rem;
 margin: 0px !important;
  color: #3c3c3c;
  text-decoration: none;
  width: 80px;
  border-radius: 2rem;
  text-decoration: none !important;
  font-size: inherit;
}
.language-buttons:hover {
  background-color: #04050c !important;
  color: white;
}