/*=============================================================================
  File:         readwritetools.com/css/settings.css
  Language:     CSS
  Copyright:    Read Write Tools © 2019
  License:      CC-BY-NC-ND 4.0
  Initial date: Sep 13, 2019
  Contents:     CSS variables for DOM components
=============================================================================*/

/*-------------------------- rwt-sitenav component -----------------------------*/
rwt-sitenav {
	--top: calc(var(--banner-height-plus-borders) - 1px);
    --bottom: calc(var(--masthead-height-plus-borders) - 1px);
	--width: 18rem;
	--hamburger-button: block;
	--z-index: 5;
}

/*-------------------------- info & rights shadowbox -----------------------------*/
rwt-shadowbox#info,
rwt-shadowbox#rights {
	--bottom: 3rem;
	--left: 3rem;
	--min-width: 10rem;
	--optimal-width: 80vw;
	--max-width: 40rem;
	--min-height: 10rem;
	--optimal-height: 75vh;
	--max-height: 40rem;
	--z-index: 5;
}

/*-------------------------- rwt-xenotools component -----------------------------*/
rwt-xenotools {
	--bottom: var(--component-bottom);
	--height: 11rem;
	--width: 30rem;
}

/*-------------------------- rwt-search component -----------------------------*/
rwt-search {
	--bottom: var(--component-bottom);
	--right: 1rem;
	--width: 80vw;
	--height: 75vh;
}

/*-------------------------- rwt-favorites component -----------------------------*/
rwt-favorites {
	--bottom: var(--component-bottom);
	--right: 1rem;
	--width: 80vw;
	--height: 75vh;
}

/*-------------------------- rwt-corner-pocket component -----------------------------*/
rwt-corner-pocket {
	--num-items: 9;
	--item-height: 2.5rem;
	--icon-size: 1.5rem;
	--width: 18rem;
	--sidebar-width: 2rem;
	--bottom: var(--component-bottom);
	--right: 1rem;
}