

:root {
  
    --body-bg-color: #F4EDE5;
  
  
    --bg-page-header: #AC9A72;
  
  
    --link-color: #525252;
  
  
    --link-hover-color: #000000;
  
  
    --icon-color: #4E4E50;
   
}










  body {
    background-color: #F4EDE5;
  }

  @media print {
    .header {
      background-color: #F4EDE5 !important;
    }
  }

  .widget .widget-button {
    background-color: rgba(244, 237, 229, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(32, 41%, 78%);
  }





  .background-image {
    display: block;
  }









  a,
  .link-color,
  .collapse-button__icon-wrapper {
    color: #525252;
  }

  .btn--link-color {
    background-color: #525252 !important;
  }

  a:focus,
  a:hover,
  .link-color:focus,
  .link-color:hover,
  .collapse-button:focus .collapse-button__icon-wrapper,
  .collapse-button:hover .collapse-button__icon-wrapper,
  .category-list-item__heading-link:focus,
  .category-list-item__heading-link:hover {
    color: #000000;
  }

  .btn--link-color:focus,
  .btn--link-color:hover,
  .btn--link-color:active {
    background-color: #000000 !important;
  }

  .preview__icon {
    stroke: #525252;
  }

  .preview__link:focus + .preview__icon,
  .preview__link:hover + .preview__icon {
    stroke: #000000;
  }

  .helpful__button--selected,
  .helpful__question:not(.helpful__question--voted) .helpful__button:focus,
  .helpful__question:not(.helpful__question--voted) .helpful__button:hover {
    color: white !important;
    background-color: #525252 !important;
    border-color: #525252 !important;
  }

  @media screen {
    a[target="_blank"]::after {
      background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 14 14' fill='%23525252' fill-rule='evenodd'%3E%3Cpath d='M10 8c-.553 0-1 .448-1 1v3H2V5h3c.553 0 1-.448 1-1s-.447-1-1-1H1c-.553 0-1 .448-1 1v9c0 .552.447 1 1 1h9c.553 0 1-.448 1-1V9c0-.552-.447-1-1-1z'/%3E%3Cpath d='M13 0H8c-.553 0-1 .448-1 1s.447 1 1 1h2.586L4.293 8.293c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293.256 0 .512-.098.707-.293L12 3.414V6c0 .552.447 1 1 1 .553 0 1-.448 1-1V1c0-.552-.447-1-1-1z'/%3E%3C/svg%3E");
    }

    a[target="_blank"]:focus::after,
    a[target="_blank"]:hover::after {
      background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 14 14' fill='%23000000' fill-rule='evenodd'%3E%3Cpath d='M10 8c-.553 0-1 .448-1 1v3H2V5h3c.553 0 1-.448 1-1s-.447-1-1-1H1c-.553 0-1 .448-1 1v9c0 .552.447 1 1 1h9c.553 0 1-.448 1-1V9c0-.552-.447-1-1-1z'/%3E%3Cpath d='M13 0H8c-.553 0-1 .448-1 1s.447 1 1 1h2.586L4.293 8.293c-.391.391-.391 1.023 0 1.414.195.195.451.293.707.293.256 0 .512-.098.707-.293L12 3.414V6c0 .552.447 1 1 1 .553 0 1-.448 1-1V1c0-.552-.447-1-1-1z'/%3E%3C/svg%3E");
    }
  }




  .header {
    color: #4E4E50;
  }



  .background-image,
  .widget .background-image {
    background-color: #AC9A72;
  }

  @media print {
    .header {
      background-color: #AC9A72 !important;
    }
  }

  .widget .widget-button {
    background-color: rgba(172, 154, 114, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(41, 26%, 41%);
  }



  .icon-color,
  .custom-icon-wrapper,
  .custom-icon-wrapper--color-only {
    color: #4E4E50;
  }

  a:focus .icon-color,
  a:hover .icon-color,
  button:focus .icon-color,
  button:hover .icon-color,
  a:focus .custom-icon-wrapper,
  a:hover .custom-icon-wrapper,
  .main__aside button:focus .custom-icon-wrapper,
  .main__aside button:hover .custom-icon-wrapper,
  .category-list a:focus .custom-icon-wrapper,
  .category-list a:hover .custom-icon-wrapper {
    color: #AC9A72;
  }

  @media print {
    .main__aside .category-list-item__icon,
    .main__aside .category-list-item .link-color[aria-expanded="true"] .custom-icon-wrapper,
    a:focus .custom-icon-wrapper,
    a:hover .custom-icon-wrapper,
    .main__aside button:focus .custom-icon-wrapper,
    .main__aside button:hover .custom-icon-wrapper,
    .category-list a:focus .custom-icon-wrapper,
    .category-list a:hover .custom-icon-wrapper,
    .category-list a:focus .custom-icon-wrapper--color-only,
    .category-list a:hover .custom-icon-wrapper--color-only {
      color: #4E4E50;
    }
  }


