/* Define color names for the WA company colors (WA_BrandGuidelines_R3_compressed.pdf) */
:root {
	--wa-prim-red: #e1251b;
	--wa-prim-dark-brown: #4b3d2a;
	--wa-prim-light-brown: #bc955c;
	--wa-sec-red: #aa1f2e;
	--wa-sec-green: #4e5b31;
	--wa-sec-brown: #826040;
	--wa-sec-beige: #ecd2ab;

    /* Admonition Colors */
    --wa-admonition-accent: #666;
    --wa-admonition-background: #e8e8e8;
}

/* 
Importing company fonts from Adobe.
*/

@import url("https://p.typekit.net/p.css?s=1&k=iry2aoa&ht=tk&f=34122.34124.41693.41694.41695.41699.41700&a=115500708&app=typekit&e=css");

@font-face {
font-family:"ropa-mix-pro";
src:url("https://use.typekit.net/af/655861/00000000000000003b9af995/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/655861/00000000000000003b9af995/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/655861/00000000000000003b9af995/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"ropa-mix-pro";
src:url("https://use.typekit.net/af/44de30/00000000000000003b9af997/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/44de30/00000000000000003b9af997/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/44de30/00000000000000003b9af997/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:900;font-stretch:normal;
}

@font-face {
font-family:"protipo";
src:url("https://use.typekit.net/af/f928b5/00000000000000007735b722/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/f928b5/00000000000000007735b722/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/f928b5/00000000000000007735b722/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"protipo";
src:url("https://use.typekit.net/af/d62f21/00000000000000007735b725/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/d62f21/00000000000000007735b725/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/d62f21/00000000000000007735b725/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:swap;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"protipo";
src:url("https://use.typekit.net/af/c1afac/00000000000000007735b727/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/c1afac/00000000000000007735b727/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/c1afac/00000000000000007735b727/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
font-family:"protipo";
src:url("https://use.typekit.net/af/633257/00000000000000007735b736/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/633257/00000000000000007735b736/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/633257/00000000000000007735b736/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:swap;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"protipo";
src:url("https://use.typekit.net/af/83accf/00000000000000007735b739/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/83accf/00000000000000007735b739/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/83accf/00000000000000007735b739/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:swap;font-style:italic;font-weight:700;font-stretch:normal;
}

.tk-ropa-mix-pro { font-family: "ropa-mix-pro",sans-serif; }
.tk-protipo { font-family: "protipo",sans-serif; }

/*-----------------------------------------------------------------*/

/* Set Body Font, text size, and color */
body {
    font-family: 'protipo', sans-serif;
    font-size: 14px;
    color: #333;
}

/* For procedures, italicize the text of any "results" */
html:not(:lang(ja),:lang(zh),:lang(ko)) .result p {
    font-style: italic;
}


/* Define the styling of guibutton elements */
.guibutton {
    color: black;
    border: 2px;
    border-style: dashed;
    border-color: lightgrey;
	padding: 0px 2px;
    font-weight: bold;
}

/* Define the styling of guilabel elements */
.guilabel {
    font-weight: bold;
    background-color: #e0e0e0;
    color: black;
    padding: 0px 2px;
}

/* Define the styling of code elements, which include filename elements */
code {
    padding: 2px 4px;
    font-size: 90%;
    color: var(--wa-prim-red);
    background-color: #eee;
    border-radius: 4px;
}

code.email {
    font-family: inherit;
}


/* Link Colors: standard and hover */

a {
    color: var(--wa-prim-red);
}

a:visited, a:hover, a:active {
    color: var(--wa-sec-red);
}

/* Define the styling of programlisting elements, also called "code blocks" */
.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #eee;
    color: #000;
}

/* Prevent elements in programlistings from being colored automatically */
.hljs-bullet, .hljs-link, .hljs-literal, .hljs-meta, .hljs-number, .hljs-symbol {
    color: #000;
}

/* For procedures, set the color of the graphic step numbers to company red */
.theme1 .procedure > li::before, .theme1 .procedure > li::marker {
	background-color: var(--wa-prim-red);
}

/*-----------------------------------------------------------------*/

/* Headings */

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
    text-transform: none;
}

.h1, h1 {
    /* padding: 5px; */
    font-size: 350%;
    color: black;
    /* color: var(--wa-sec-green); */
/*    font-family: ropa-mix-pro !important;*/
    font-family: 'protipo',sans-serif;
    font-weight: 900 !important;
    text-transform: uppercase;
}

.h2, h2 {
    /* padding: 5px; */
    /*color: white;  */
    font-size: 250%;
    /*  background-color: var(--wa-prim-dark-brown); */
    /* color: var(--wa-prim-red); */
    color: black;
    font-family: 'protipo',sans-serif;
    font-weight: 900;
    /*text-transform: uppercase;*/
}

.h3, h3 {
	font-size: 200%;
	color: black;
	font-weight: bold;
}

.h4, h4 {
    font-size: 150%;
    /* color: white;
    background-color: var(--wa-sec-green); */
    color: black;
    font-weight: bold;
    /* padding: 3px; */
}

h5, .h5 {
    font-size: 125%;
    color: black;
}

.h6, h6 {
    font-size: 112.5%;
    color: black;
    /* color: var(--wa-prim-red); */
}

/* Admonitions */
/*
.warning, .note, .important, .caution, .tip, .warning.danger {
    background-color: var(--wa-admonition-background);
    border-left-color: var(--wa-admonition-accent);
}

.warning::before, .note::before, .important::before, .caution::before, .tip::before, .warning.danger::before {
    color: var(--wa-admonition-accent);
}*/


.site-sidebar {
	background-color: var(--wa-prim-dark-brown);
}

/* Increase logo size from default */
.theme1 .site-sidebar .logo {
    width: 70%;
    max-width: 160px;
    padding: 45px 0;
    padding-top: 20px;
    display: inline-block;
}

.nav-site-sidebar ul a {
    color: rgba(255, 255, 255, .8);
    padding: 5px 15px 5px 30px;
    font-size: 0.9em;
}

.pager li>a:hover, .pager li>span:hover {
    background-color: var(--wa-prim-red);
    color: white;
}

.pager li>a, .pager li>span {
    color: var(--wa-prim-red);
    display: inline-block !important;
}

/* Lists */

ol.procedure ol.procedure li::before {
    float: left;
    margin-left: -40px;
    width: 24px;
    padding-left: 0px;
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #FFFFFF;
    display: block;
    font-weight: 700;
    content: counter(step-counter, lower-alpha);
    font-size: 14px;
    text-align: center;
}

ol.procedure ol.procedure {
    list-style-type: none !important;
}

/* Captions */

.caption ol.orderedlist {
	font-style: normal;
	counter-reset: caption-number;
}

/*Table*/
.informaltable {
    margin-bottom: .5em;
}