/*
 * The site shell, without the WordPress stylesheets (§17.421).
 *
 * Rig Builder pages load the site's shared global.css and nothing else of the
 * theme's. These are the only rules from the theme's style.css, css/wp.css and
 * css/wp-dark.css that matched anything on a Rig Builder page (public and
 * admin, light and dark, desktop and phone), copied in their source order with
 * their source values. They draw the header, nav, breadcrumbs, page width, and
 * the base type, link, and form-control styles the Rig Builder's own CSS
 * builds on.
 *
 * Loads after global.css and before rigbuilder.css, where wp.css and
 * wp-dark.css used to, so every tie with global.css resolves as it did.
 *
 * If the site's header markup or chrome changes, update this file to match:
 * it no longer follows the theme on its own.
 */

/* From the theme's style.css */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
strong { font-weight: bolder; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="submit"] { -webkit-appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
[hidden] { display: none; }
*, *:before, *:after { box-sizing: inherit; }
html { box-sizing: border-box; }
body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; }
h1, h2, h3 { clear: both; }
p { margin-bottom: 1.5em; }
em, i { font-style: italic; }
pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }
abbr { border-bottom: 1px dotted #666; cursor: help; }
body { background: #fff; }
ul, ol { margin: 0 0 1.5em 3em; }
ol { list-style: decimal; }
dt { font-weight: 700; }
dd { margin: 0 1.5em 1.5em; }
img { height: auto; max-width: 100%; }
table { margin: 0 0 1.5em; width: 100%; }
a:hover, a:active { outline: 0; }
button { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; }
button:hover { border-color: #ccc #bbb #aaa; }
button:active, button:focus { border-color: #aaa #bbb #bbb; }
input[type="text"], input[type="url"], input[type="search"], input[type="number"], input[type="range"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; }
input[type="text"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="range"]:focus, textarea:focus { color: #111; }
select { border: 1px solid #ccc; }
textarea { width: 100%; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/* From the theme's css/wp.css */
html { color: #141414; background-color: #ececec; }
html:not(.has-browser-safari) { scroll-padding-top: 90px; }
a, a:visited { color: #004d90; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
h1 { margin: 0 0 5px; font-size: 35px; letter-spacing: -0.01em; line-height: 35px; }
h2 { font-size: 25px; line-height: 27px; }
body { background: #e4e4e4; }
.p-navSticky { box-shadow: 0 0 4px 1px rgb(0 0 0 / 30%); }
.p-navSticky { position: -webkit-sticky; position: sticky; top: 0; }
.p-navSticky { z-index: 100; }
.p-nav { background: #232323; border-top: solid 3px #d00000; border-bottom: solid 3px #00528c; }
.p-nav-inner { max-width: 1070px; padding: 0 10px; margin: 0 auto; padding-left: 0px; padding-right: 0px; display: flex; align-items: flex-end; }
.p-nav-inner:before, .p-nav-inner:after { content: " "; display: table; }
.p-nav a { color: rgb(255 255 255 / 75%); }
.p-nav a:hover, .p-nav a:active { text-decoration: none; }
.p-nav-bigLogo img { display: block; width: 200px; max-height: initial; margin: 2px 0 2px; }
.p-nav-smallLogo { max-width: 100px; align-self: center; }
.p-nav-smallLogo img { display: block; max-height: 35.6px; }
.p-nav-list { list-style: none; margin: 0; padding: 0; font-size: 0; }
.p-nav-list:before, .p-nav-list:after { display: inline-block; width: 10px; content: ''; }
.p-nav-list>li:first-child { margin-left: 0; }
.p-nav-list>li { display: inline-block; vertical-align: bottom; font-size: 14px; }
.p-nav-list .p-navEl { border-radius: 4px 4px 0 0; }
.p-nav-list .p-navEl-link { padding: 7px 15px; display: block; }
.p-navEl:before, .p-navEl:after { content: " "; display: table; }
.p-nav-list .p-navEl.is-selected { color: #004d90; font-weight: 700; background: #00528c; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.p-nav-list .p-navEl.is-selected a { color: white; }
.p-nav-list:before, .p-nav-list:after { display: inline-block; width: 10px; content: ''; }
.p-nav-opposite { margin-left: auto; text-align: right; flex-shrink: 0; font-size: 14px; }
.p-navgroup { float: left; background: rgb(20,20,20,0.85); border-top-left-radius: 4px; border-top-right-radius: 4px; }
.p-navgroup:before, .p-navgroup:after { content: " "; display: table; }
.p-navgroup-link:first-of-type { border-top-left-radius: 4px; border-left: none; }
.p-nav a { color: rgb(255 255 255 / 75%); }
.p-navgroup-link { float: left; padding: 7px 10px; border-left: 1px solid rgba(20,20,20,0.15); }
.p-navgroup-link .search-icon { height: 14px; display: inline-block; margin-bottom: -2px; }
.p-navgroup-link--account { display: none; }
/* The head script puts localStorage.usertype on <html>, as wp.css does on the main site: a forum member sees My Account instead of Log In and Register. */
.registered .p-navgroup-link--account, .premium .p-navgroup-link--account { display: initial; }
.premium .p-navgroup-link--logIn, .registered .p-navgroup-link--logIn, .premium .p-navgroup-link--register, .registered .p-navgroup-link--register { display: none; }
.p-navgroup-link:last-of-type { border-top-right-radius: 4px; }
.p-navgroup:before, .p-navgroup:after { content: " "; display: table; }
.p-navgroup.p-discovery { margin-left: .5em; }
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover, .p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover { text-decoration: none; background: rgba(188,222,245,0.06); }
.p-sectionLinks { font-size: 13px; color: #004d90; background: #f5f5f5; border-bottom: 1px solid #cbcbcb; }
.p-sectionLinks-inner { max-width: 1070px; padding: 0 10px; margin: 0 auto; height: 23px; padding-left: max(2px, env(safe-area-inset-left)); padding-right: max(2px, env(safe-area-inset-right)); }
.p-sectionLinks-inner:before, .p-sectionLinks-inner:after { content: " "; display: table; }
.p-breadcrumbs { list-style: none; margin: 2px 10px; padding: 0; margin-bottom: 5px; line-height: 1.5; }
.p-breadcrumbs:before, .p-breadcrumbs:after { content: " "; display: table; }
.p-breadcrumbs>li { float: left; font-size: 13px; }
.p-breadcrumbs>li a { display: inline-block; vertical-align: bottom; max-width: 300px; overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; }
.p-breadcrumbs>li:after { width: 4px; margin: 0 11px; content: url('/wp-content/themes/gtp16/images/icons/angle-right.svg'); display: inline-block; text-align: center; position: relative; top: 1px; }
.p-breadcrumbs>li:nth-last-child(2) { font-weight: 700; }
.p-breadcrumbs .current-item { display: none; }
.p-body-inner { display: flex; flex-direction: column; width: 100%; max-width: 1070px; padding: 0 10px; margin: 0 auto 0; padding-top: 30px; padding-bottom: 20px; }
@supports (padding: max(0px)) {
    .p-nav-inner, .p-body-inner { padding-left: max(10px, env(safe-area-inset-left)); padding-right: max(10px, env(safe-area-inset-right)); }
}
@media (max-width: 1000px) {
    .p-nav-list .p-navEl-link { padding: 7px 10px; }
}
@media (max-width: 767px) {
    .navigation-tabs { display: none; }
    .p-navgroup-link.p-navgroup-link--iconic .p-navgroup-linkText { display: none; }
}
@media (max-width: 650px) {
    h1 { font-size: 28px; line-height: 29px; }
    body { background: #fff; }
    .p-nav-inner { min-height: 45px; }
    .p-sectionLinks-inner { padding-left: max(5px, env(safe-area-inset-left)); padding-right: max(5px, env(safe-area-inset-right)); }
    .p-nav-smallLogo img { height: auto; max-width: 140px; }
    .p-nav-opposite { align-self: center; margin-right: 4px; }
    .p-nav-opposite .p-navgroup { background: none; margin-left: 0; line-height: .5em; }
    .p-navgroup-link.p-navgroup-link--textual { overflow: hidden; white-space: nowrap; word-wrap: normal; text-overflow: ellipsis; max-width: 110px; }
    .p-nav-opposite .p-navgroup-link { border: none; border-radius: 4px; }
    .p-navgroup-link .search-icon { margin: -3px 0 0 0; }
    .p-breadcrumbs { margin: 2px 5px; }
    .p-breadcrumbs>li:nth-child(n+2) { display: none; }
    .p-breadcrumbs>li:nth-last-child(2) { display: initial; }
    .p-body-inner { padding: 0; border-radius: 0; border: none; }
}

/* From the theme's css/wp-dark.css */
html.dark, .dark body { background: rgb(4 4 4); color: #d9d9d9; }
.dark .p-nav { background: rgb(20 20 20); }
.dark a { color: rgba(255, 255, 255, 0.75); }
.dark a:hover { color: rgba(255,255,255,.9); }
.dark .p-breadcrumbs > li a, .dark .p-breadcrumbs > li a:hover, .dark .p-navgroup a { color: #eee; }
.dark .p-navgroup a:hover { color: #d6d6d6; }
.dark .p-nav a { color: rgb(255 255 255 / 75%); }
.dark .p-sectionLinks, .dark .p-navgroup { background: rgb(40,40,40); }
.dark .p-sectionLinks { border-bottom-color: #3c3c3c; }
.dark button { background: #2e2e2e; border: 1px solid #4f4f4f; color: #c7c7c7; }
.dark input:focus { color: rgba(255,255,255,.95); }
.dark input, .dark textarea { background: #040404; border: 1px solid #595959; color: rgba(255,255,255,.95); }
@media (max-width: 650px) {
    .dark .p-nav, .dark .p-navgroup { background: #000; }
}