/*=============================================================================
  File:         timezone.earth/css/var.css
  Language:     CSS
  Copyright:    Read Write Tools © 2019
  License:      CC-BY-NC-ND 4.0
  Initial date: Sep 13, 2019
  Contents:     CSS variables
=============================================================================*/

/* --------------------- layout --------------------- */
html {
	--masthead-height: 2.0rem;
	--component-bottom: var(--masthead-height);
	--masthead-color:  var(--background-color) !important;		
}

/*-------------------------- rwt-orthographic-earth component -----------------------------*/
rwt-orthographic-earth {
}

/*-------------------------- rwt-sitenav component -----------------------------*/
rwt-sitenav {
	--top: var(--banner-height-plus-borders);
	--bottom: var(--masthead-height);
	--width: 18rem;
}

/*-------------------------- info & rights shadowbox -----------------------------*/
rwt-shadowbox#info,
rwt-shadowbox#rights {
	--bottom: var(--component-bottom);
	--left: 1rem;
	--min-width: 10rem;
	--optimal-width: 80vw;
	--max-width: 40rem;
	--min-height: 10rem;
	--optimal-height: 75vh;
	--max-height: 40rem;
}

/*-------------------------- 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: 5;
	--item-height: 2.5rem;
	--icon-size: 1.5rem;
	--width: 18rem;
	--sidebar-width: 2rem;
	--bottom: var(--component-bottom);
	--right: 1rem;
}