/*~~~~~ FONTS ~~~~~*/
/*~~~~~~~~~~~~~~~~~*/
/* LEE ADDED NEXT LINE */
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Text&display=swap");
/*

 * toolbar

*/
/*

 * menu (nav & toc/index)

*/
/*

 * page

*/
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * header

*/
/*

 * footer

*/
/*

 * lightbox

*/
/*

 * unsupported browser

*/
/*

 * modal (cookies disabled message)

*/
/*~~~~~ SIZING ~~~~~*/
/*~~~~~~~~~~~~~~~~~~*/
/*

 * generation variables

 * these are modified by the generation process according to Target Settings

*/
/*

 * generic values

*/
/*  LEE MODIFIED NEXT LINE

 * $logo_generic_height: 35px;  */
/*

 * header

*/
/* $header_height: 85px;

 * @if $header_generate == false {

 *  $header_height: 0px; 

 */
/* LEE MODIFIED NEXT LINE  */
/* $header_height: 112px;  - SPACE FOR CORPORATE MENUS */
/*

 * footer

*/
/* $footer_height: 200px;

 * @if $footer_generate == false {

  $footer_height: 0px;

*/
/* LEE MODIFIED */
/* LEE ADDED THIS SECTION FROM SKINS.SCSS:  */
.ww_skin_document_last_modified_date {
  margin-top: 25px; }

/*

 * menu

*/
/* LEE MODIFIED */
/* $menu_toc_item_padding: 5px;

*/
/* LEE MODIFIED */
/* $menu_toc_item_indentation_amount_first_level: 8px;

 * $menu_toc_item_indentation_amount: 20px;

*/
/*

 * toolbar

 *

 * $toolbar-height should be equal or greater than all other

 * values or the layout will produce unexpected results

*/
/* LEE MODIFIED */
/* $toolbar_height: 62px;

*/
/*

 * toolbar - logo section (Menu Button & Logo)

*/
/*

 * toolbar - search section (Search Scope Selector, Search Input, & Search Button)

*/
/*

 * toolbar - button section (Previous Button, Next Button, Home Button)

*/
/*

 * was this helpful buttons & message

*/
/*

 * page

*/
/*

 * mini toc

*/
/*

 * related topics

*/
/*

 * search

*/
/*

 * lightbox

*/
/*

 * unsupported browser

*/
/*

 * calculated sizes

 *

 * the values in the below section are calculated & dependent upon multiple above values.

*/
/*

 * toolbar

*/
/*

 * menu

*/
/*

 * page

*/
@media only screen and (min-width: 900px) {
  #layout_div.layout_initial #presentation_div.menu_initial #menu_frame {
    left: 0; }
  #layout_div.layout_initial #presentation_div.menu_initial #page_div, #layout_div.layout_initial #presentation_div.menu_initial #search_div {
    margin-left: 300px;
    width: calc(100vw - 300px); } }

@media only screen and (max-width: 900px) {
  #layout_div.layout_initial #presentation_div.menu_initial #menu_frame {
    left: -300px; }
  #layout_div.layout_initial #presentation_div.menu_initial #menu_backdrop {
    display: none; } }

/* Toggle Buttons - Initial State */
#layout_div.layout_narrow #presentation_div.menu_initial #menu_toggle_show {
  display: table; }

#layout_div.layout_narrow #presentation_div.menu_initial #menu_toggle_hide {
  display: none; }

#layout_div.layout_wide #presentation_div.menu_initial #menu_toggle_show {
  display: none; }

#layout_div.layout_wide #presentation_div.menu_initial #menu_toggle_hide {
  display: table; }

/* Menu - Initial State */
#layout_div.layout_narrow #presentation_div.menu_initial #menu_frame {
  left: -300px; }

#layout_div.layout_narrow #presentation_div.menu_initial #menu_backdrop {
  display: none; }

#layout_div.layout_wide #presentation_div.menu_initial #menu_frame {
  left: 0; }

#layout_div.layout_wide #presentation_div.menu_initial #page_div {
  margin-left: 300px; }