/*
 * Additional doc site styling to handle page structure.
 */ 

div#languagePickerMenu {
  position: absolute;
  background-color: #ffffff;
  top: 55px;
  right: 85px;
}

* {
  box-sizing: border-box;
}

div#header {
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0px;
  height: 64px;
}

div#docContent {
  position: absolute;
  top: 64px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
}

div#tocNavigation {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20%;
  height: 100%;
  overflow: auto;
}

div#content {
  position: absolute;
  top: 0px;
  height: 100%;
  overflow: auto;
}

div#primaryContent {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  overflow: auto;
}

div#secondaryContent {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  overflow: auto;
}

/*
 * Top-level content div left/right alignment and width
 * Based on context from doc section level
 */

div.contentNoToc {
  left: 0px;
  width: 100%;
}
div.contentNoSecondary {
  left: 20%;
  width: 80%;
}
div.contentTocAndSecondary {
  left: 20%;
  width: 80%;
}
div.contentNoTocNoSecondary {
  left: 0px;
  width: 100%;
}

/*
 * Primary content div left/right alignment and width
 * Based on context from doc section level
 */

div.contentNoToc div#primaryContent {
  left: 0px;
  width: 80%;
}
div.contentNoTocNoSecondary div#primaryContent {
  left: 0px;
  width: 100%;
}
div.contentNoSecondary div#primaryContent {
  left: 0px;
  width: 100%;
}
div.contentTocAndSecondary div#primaryContent {
  left: 0px;
  width: 75%;
}

/*
 * Secondary content div left/right alignment and width
 * Based on context from doc section level
 */

div.contentNoToc div#secondaryContent {
  right: 0px;
  width: 20%;
}

div.contentTocAndSecondary div#secondaryContent {
  right: 0px;
  width: 25%;
}

/*
 * Font face information that corresponds to the Toast Tailwind styling
 */

@font-face {
  font-family: 'Source-Sans-Pro';
  src: url('https://cdn.toasttab.com/static/273e44f3c591cc61089c4bb7fd21bdd0a6c7c965/fonts/SourceSansPro-Regular.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Source-Sans-Pro';
  src: url('https://cdn.toasttab.com/static/273e44f3c591cc61089c4bb7fd21bdd0a6c7c965/fonts/SourceSansPro-SemiBold.ttf')
    format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Source-Sans-Pro';
  src: url('https://cdn.toasttab.com/static/273e44f3c591cc61089c4bb7fd21bdd0a6c7c965/fonts/SourceSansPro-SemiBold.ttf')
    format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'Source-Sans-Pro';
  src: url('https://cdn.toasttab.com/static/273e44f3c591cc61089c4bb7fd21bdd0a6c7c965/fonts/SourceSansPro-Bold.ttf')
    format('truetype');
  font-weight: bold;
}
@font-face {
  font-family: 'Effra';
  src: url('https://cdn.toasttab.com/static/273e44f3c591cc61089c4bb7fd21bdd0a6c7c965/fonts/Effra-StdRg.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Effra';
  src: url('https://cdn.toasttab.com/static/273e44f3c591cc61089c4bb7fd21bdd0a6c7c965/fonts/Effra-Bold.ttf')
    format('truetype');
  font-weight: bold;
}