/*
 * R.css
 *
 * Copyright (C) 2022 by Posit Software, PBC
 *
 * Unless you have received this program directly from Posit Software pursuant
 * to the terms of a commercial license agreement with Posit Software, then
 * this program is licensed to you under the terms of version 3 of the
 * GNU Affero General Public License. This program is distributed WITHOUT
 * ANY EXPRESS OR IMPLIED WARRANTY, INCLUDING THOSE OF NON-INFRINGEMENT,
 * MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE. Please refer to the
 * AGPL (http://www.gnu.org/licenses/agpl-3.0.txt) for more details.
 *
 */

body, td {
   font-family: sans-serif;
   font-size: 10pt;
}

body.macintosh, body.macintosh td {
   font-family: "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.macintosh code,
body.macintosh pre {
   font-family: Courier, monospace;
}

::selection {
   background: rgb(181, 213, 255);
}

::-moz-selection{
   background: rgb(181, 213, 255);
}

a:visited {
   color: rgb(50%, 0%, 50%);
}

h1 {
   font-size: x-large;
}

h2 {
   font-size: x-large;
   font-weight: normal;
}

h3 {
   color: rgb(35%, 35%, 35%);
}

h4 {
   color: rgb(35%, 35%, 35%);
   font-style: italic;
}

h5 {
   color: rgb(35%, 35%, 35%);
}

h6 {
   color: rgb(35%, 35%, 35%);
   font-style: italic;
}

.rstudio-themes-dark-grey h1,
.rstudio-themes-dark-grey h2,
.rstudio-themes-dark-grey h3,
.rstudio-themes-dark-grey h4,
.rstudio-themes-dark-grey h5,
.rstudio-themes-dark-grey h6 {
   color: inherit;
}

.rstudio-themes-dark-grey *::selection,
.rstudio-themes-dark-grey *::selection {
   background: rgba(255, 255, 255, 0.15);
   color: #FFF;
}

/* Force a more prominent background color for selected text. */
/* This is also used for text search in the Help pane. */
.rstudio-themes-flat.rstudio-themes-dark.editor_dark.ace_editor_theme ::selection {
   background: rgb(71, 98, 135) !important;
}

img.toplogo {
   max-width: 4em;
   vertical-align: middle;
}

img.arrow {
   width: 30px;
   height: 30px;
   border: 0;
}

span.acronym {
   font-size: small;
}

span.env {
   font-family: monospace;
}

span.file {
   font-family: monospace;
}

span.option {
   font-family: monospace;
}

span.pkg {
   font-weight: bold;
}

span.samp {
   font-family: monospace;
}

div.vignettes a:hover {
   background: rgb(85%, 85%, 85%);
}

table p {
   margin-top: 0;
   margin-bottom: 6px;
}

h3.r-arguments-title + table tr td:first-child {
   vertical-align: top;
   min-width: 24px;
   padding-right: 12px;
}

/* Used for a table of contents with R (>= 4.4.0), which we don't currently support. */
nav.topic {
   display: none;
}

/* Navigation TOC:

nav.topic is for dynamic help pages, and should be hidden on narrow screens.

nav.package is for single page manuals for an entire package, as
produced by pkg2HTML(), and should be shown on top on narrow screens.

 */

nav.topic {
   display: none; /* hide TOC on narrow screens */
}

nav {
   /* width: 100%; */
   /* height: 100%; */
   overflow: hidden;
}

nav h1, nav h2 {
   text-align: left;
}

nav a:hover {
   color: rgb(40%, 40%, 40%);
}


.dropdown-menu ul
{
   list-style: none;
   padding-left: 0px;
}

.dropdown-menu ul ul
{
   padding-left: 20px;
}

.dropdown-menu a
{
   text-decoration: none;
}

@media (min-width: 1020px) {

   header.top { display: none }

   nav.topic {
      display: block; /* show TOC on wide screens */
   }

   .container {
      padding-right: 10px;
      padding-left: 10px;
      margin-right: auto;
      margin-left: auto;
      width: 1000px;
   }

   main {
      width: 700px;
      margin-left: 300px;
      padding-left: 10px;
      float: right;
   }

   nav {
      position: fixed;
      float: left;
      width: 300px;
   }
   nav hr {
      display: none;
   }

   .dropdown-menu {
      max-height: 95vh;
      width: 95%;
      padding: 5px;
      overflow-y: auto;
   }


}

@media (min-width: 1220px) {

   .container {
      padding-right: 10px;
      padding-left: 10px;
      margin-right: auto;
      margin-left: auto;
      width: 1200px;
   }

   main {
      width: 800px;
      margin-left: 400px;
      padding-left: 10px;
   }

   nav {
      width: 400px;
   }
}


