/* Privitar Customization by FundaMedia				*/
/*    www.fundamedia.com							*/
/* Coders: Mike Levey and Reynan Guieb              */
/* Last UPDATED by Tony Vinciguerra: September 2, 2023      */

/*************************************/
/* Table of Contents                 */
/* 1) Define imported CSS properties */
/* 2) Variable Definitions           */
/* 3) Typography settings            */
/* 4) Main topic panel settings      */
/* 5) Footer settings                */
/* 6) Body (content page) settings   */
/* 7) Hide copyright from the bottom of all pages  */
/*************************************/


/* 1) Define imported CSS properties */

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');  /* import the Google Material Icons. Currently not being used. We're using feather icons.*/
/* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css'); not needed since FA is provided with Paligo */

/* load Termina font                 */
@font-face {
    font-family: 'Termina';
    font-weight: 700;
    font-style: normal;
    src: url(https://res.cloudinary.com/brandpad/raw/upload/v1622806459/wsxfwpofbno4umxvlqgj) format("opentype");
}
@font-face {
    font-family: 'Termina';
    font-weight: 600;
    font-style: normal;
    src: url(https://res.cloudinary.com/brandpad/raw/upload/v1622808737/jxp84wwgycjxdbojdmc0) format("opentype");
}

/* load DM Sans font                 */
/* latin-ext */
@font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Fp2ywxg089UriCZa4ET-DNl0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Fp2ywxg089UriCZa4Hz-D.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Ap2ywxg089UriCZaw7ByWB3wTyCg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Ap2ywxg089UriCZaw7ByWCXwT.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Ap2ywxg089UriCZawpBqWB3wTyCg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: italic;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Ap2ywxg089UriCZawpBqWCXwT.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriAWCrCBamC2QX.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriAWCrCBimCw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitCBamC2QX.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/dmsans/v11/rP2Cp2ywxg089UriASitCBimCw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }


/* 2) Variable Definitions           */
html {
    --bodyfont:             'DM Sans', Arial, sans-serif;                 /* currently used for all text and headings, except hero image text */ 
    --headingfont:          Termina, Arial, sans-serif;                   /* only used on hero image text */ 
    --adline_thickness:     5px;                /* Admonition Line Thickness*/ 
    --border_radius:        25px;

    /* colors                        */
    --note_icon_clr:        #0d1d3b;
    --tip_icon_clr:         #2c1ebe;
    --important_icon_clr:   #2c1ebe;
    --warning_icon_clr:     #cf2c67;

    --note_vert_line:       #f3f4f5;
    --tip_vert_line:        #d5d2f2;
    --important_vert_line:  #d5d2f2;
    --warning_vert_line:    #faeaf0;

    --text_clr:             #0d1d3b;                 /* All text color is this color unless specified eslewhere. */ 
    --hover_clr:            var(--lightgrey);          /* Text hover color for "Learn More" and so on. */ 

    /* color pallette                */
    /* primary colors                */
    --neutral:              rgb(255,255,255);
    --darkblue:             rgb(13,29,59);
    --deepblue:             rgb(44,30,190);
    --hotorange:            rgb(254,78,32);
    --znazzypurple:         rgb(123,13,209);
    /* secondary colors              */
    --lightgrey:            rgb(234,234,234);
    --warningpink:          rgb(207,43,103);
    --goodgreen:            rgb(48,219,136);

/* 2a) Portal panel icons            */
    --icon_size:            36px;  /* defines the size for the portal topic link icons */
    --add_data:             url(../en/image/uuid-d18dbceb-37cd-dc09-f99f-9be689627a3e.svg);                /* database icon */ 
    --approve_requests:     url(../en/image/uuid-adb31534-d7f3-a821-ecfd-1cbafb6e6954.svg);                /* clipboard icon */ 
    --bus_info:             url(../en/image/uuid-3c32b416-0fa4-3451-6103-90246a050cc3.svg);                /* tag or label icon */ 
    --glossary:             url(../en/image/uuid-ea696e4f-4e45-001b-e64d-65ce75aa8584.svg);                /* book icon */ 
    --policies:             url(../en/image/uuid-3bb8d181-f883-d2cb-afc6-556ed33c6db3.svg);                /* shield icon */ 
    --search_data:          url(../en/image/uuid-5a8501a0-016f-943f-4327-a9f725763b27.svg);                /* folder icon */ 
    --welcome:              url(../en/image/uuid-57f8bb73-9bbd-d106-1364-267e685dbe6a.svg);                /* house icon */ 
    --search:               url(../en/image/uuid-4f70cd01-1545-47cb-1e42-e8df9d5cf44d.svg);                /* magnifying glass icon */ 
    --tools:                url(../en/image/uuid-f2f3e880-6ea7-f012-2325-c5dbf5721758.svg);                /* wrench icon */ 
    --authorize:            url(../en/image/uuid-745268f9-82e4-c940-0a70-a85b4a095377.svg);                /* key icon */ 
    --api:                  url(../en/image/uuid-828fe17e-3534-0ddd-5d23-b414c4589325.svg);                /* git-pull-request icon */ 
    --help:                 url(../en/image/uuid-d76cb06d-d4ac-d933-76bf-79698e3140e7.svg);                /* help/contact support icon */

/* 2b) Admonition icons             */
    --tip_icon:             url(../en/image/uuid-7facb252-d5ab-af91-534e-b38e5f659d7b.svg);
    --important_icon:       url(../en/image/uuid-ec178c54-742e-3c87-6990-a4055b67b8e9.svg);
    --warning_icon:         url(../en/image/uuid-6815a680-6b0c-9f99-f360-31fae2b5120c.svg);
    --note_icon:            url(../en/image/uuid-e6d5970e-e961-a3ac-2cea-3f58b2156bdd.svg); 

/* 2c) "Show more" text link         */
    --show_more:            none;    /* Set this value from "none" to "block" if the "Show more" link should appear after the topic panels. */

/* 2d) "Learn more" "button" text settings    */
    --learn_width:          110px;
    --learn_height:         44px;
    --top-padding:          14px;    

} /* end of variable definitions     */

/* 3) Typography settings            */
body {
    font-family: var(--bodyfont);
    color: var(--text_clr);
}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    font-family: var(--bodyfont);
}

a.logo-link + h1 {                /* This is the "How can we help you today?" text in the hero image. */ 
    font-family: Termina, Arial, sans-serif;
    font-size: 3rem;              /* 3rem = 3 times the base font size */ 
    font-weight: 700;
}

a:hover {                       /* This works for any active link. */ 
    color: var(--deepblue);
    font-weight: bold;
  }

.publication-contents a {
    color: var(--text_clr);
}

/* 4) Main topic panel settings      */

/* Search bar                        */
 
@media (min-width: 992px) {                 /* Positioning the search field to the middle of the screen for larger screens. */ 
    .portal-header .portal-search .search-field {
        transform: translateX(25px);
    }    
}
.portal-header .portal-search button, .publication-contents h4 span {
    background-color: transparent;
    transform: translateX(-475px);                 /*  Moving the search icon from the right to the left of the search bar. */ 
    color: var(--text_clr);                        /* Color for the text that user types into the search field.  */ 
}

.search-field::placeholder {
    color: rgba(192,192,192,0.8);                 /* Color of the word "Search" in the search bar */ 
  }

.fa-search::before {                                /* Use the feathericons search icon. Removing the default Font Awesome icons. */
    content: '' !important;                        /* !important overrides any other defintion in the CSS. Use it sparingly! */ 
    background-image: var(--search);               /* magnifying glass icon */ 
    display: block;                                 /* displays it on a line by itself so we can apply height and width attributes */ 
    background-size: 18px 18px;                    /* size of the frame around the magnifying glass icon */ 
    height: 16px;                                   /* magnifying glass icon size */
    width: 16px;                                   /* magnifying glass icon size */
  }

.portal-header .portal-search button:hover {
    color: #fff;
    background-color: transparent;
}

.form-control {                                                     /* positioning the search icon */
    padding-left: 50px;
}

.portal-header .search-field {                                    /* color of the search field */
    background-color: var(--neutral);
}

.portal-header .portal-search .search-field {                     /* Applies rounded corners to the search box */
        border-radius: 60px;
}

/* Change banner image background color */
.portal-header::after {

    background-color: transparent;
    opacity: 1;
    filter: grayscale(0%);                                   /* Removes the default color filter that Paligo applies to the image */
}

/* Panel icons                       */

/* remove raised panel effect for main topics */

.portal-single-publication {
    max-width: 200px;                                   /* At this size, the panels have no gaps between them. */
}

.portal-single-publication a {
    color: #555;
    display: inline-block;
    padding: 20px 20px;
    width: 100%;
    height: 100%;
    background-color: transparent;                      /* The panels have no shadow. */
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    transition: none;
  }

  
  .portal-single-publication a:hover {                       /* The on hover panel settings. To change this, we'll need to upload two images for each icon. */
    color: #555;
    display: inline-block;
    padding: 20px 20px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    -o-transition: none;
    transition: none;
    transition: none;
  }

/* set spacing between panel rows    */
.portal-publications .inner-row {
    row-gap: 100px;
}

/* set the icon backround to white   */
.portal-single-publication .publication-icon  {
    background-color: #fff;
}

.portal-single-publication h3 {
    margin-top: -35px;                      /* Sets the space between the panel icons and the text below them. */
}

.portal-single-publication a::after {                      /* The "Learn More" text in the "buttons" on the homepage. */
    position: absolute;
    bottom: 0;
    display: block;
    content: 'Learn More';
    color: var(--deepblue);
    margin-right: auto;
    font-family: var(--bodyfont);
    font-size: 14px;
    border: 1px solid var(--deepblue);
    border-radius: var(--border_radius);                      /* The rounded corners for the box around the text. */
    line-height: 1.2rem;
    width: var(--learn_width);                                /* The size of the box around the text. */
    height: var(--learn_height);
    padding-top: var(--top-padding);                         /* Positioning of the "Learn More" text within the box. */
    margin-left: 9px;
}

.portal-single-publication {   /* extend height of the clickable area of the invisible panels below the 'Learn more' text */
    height: 180px;
}

@media (max-width: 320px) {                      /* The positioning of "Learn More" on a small screen (phone). */
    .portal-single-publication a::after {
        left: 17px;
    }
}

@media (max-width: 800px) {                     /* The positioning of "Learn More" on a medium sized screen (tablet). */
    .portal-single-publication a::after {
        margin-left: 2px;

    }
}

.portal-single-publication a:hover::after {                     /* Bolds "Learn More" on hover. */
    background-color: var(--hover_clr);
    color: var(--darkblue);
    font-weight: bold;
}

@media (max-width:600px) {                     /* The positioning of "Learn More" on a smaller screen. */
    .portal-single-publication h3 {
        margin-top: -20px;
        margin-bottom: 30px;
        font-size: 13px;
      }
      .portal-single-publication a::after {
        transform: translate(5px, -20px);
      } 
    .copyright {
        font-size: 12px;
    }   
}

@media (min-width:601px) and (max-width:991px) {
    .portal-single-publication h3 {
        margin-top: -22px;
        margin-bottom: 30px;
        font-size: 13px;
      }
      .portal-single-publication a::after {
        transform: translateY(-20px);
      } 
      h4.featured-title {
        font-size: 14px;
      }
      .featured-subtopics li {
        font-size: 12px;
      }
      .copyright {
        font-size: 12px;
      }
      .fa-search::before { /* use the feathericons search icon */
        margin-left: 75px;
      }  
}


@media (max-width:820px) {
    .fa-search::before { /* use the feathericons search icon */
        margin-left: 125px;
      } 
}

@media (min-width:992px) {
    .portal-single-publication h3 {
        font-size: 14px;                     /* Setting the font size for the text below the icons for large screens. */
      }
}

.cat-panel {
    transform: translateY(-20px);                     /* The white space between hero image and icons below. */
}
/* Below are all of the category panels (Welcome, Business Info, and so on.) */
.cat-panel-1::before {
    content: '' !important;
    display: block;
    background-image: var(--welcome);
    background-size: var(--icon_size) var(--icon_size);
    height: var(--icon_size);
    width: var(--icon_size);
}

.cat-panel-2::before {
    content: '' !important;
    display: block;
    background-image: var(--note_icon);
    background-size: var(--icon_size) var(--icon_size);
    height: var(--icon_size);
    width: var(--icon_size);

}

.cat-panel-3::before {
    content: '' !important;
    display: block;
    background-image: var(--policies);
    background-size: var(--icon_size) var(--icon_size);
    height: var(--icon_size);
    width: var(--icon_size);
}

.cat-panel-4::before {
    content: '' !important;
    display: block;
    background-image: var(--api);
    background-size: var(--icon_size) var(--icon_size);
    height: var(--icon_size);
    width: var(--icon_size);
}

.cat-panel-5::before {
    content: '' !important;
    display: block;
    background-image: var(--help);
    background-size: var(--icon_size) var(--icon_size);
    height: var(--icon_size);
    width: var(--icon_size);
}

.show-all-categories {                          /* This is the font size and positioning of the "Show more" text when there are hidden panels. */
    font-size: 11px;
    padding-top: 20px;
    display: var(--show_more);

}
/* Hide favorite topic (page) icons              */
.publication-contents li::before {
    display: none;
}

.featured-content-label {  
    display:none;  /* Removes the "FEATURED CONTENT" heading. */
}
  
.portal-contents featured-content {
     display:none; /* Removes the "FEATURED CONTENT" area. */
}
  
.portal-contents .inner {
      display:none; /* Removes the "FEATURED CONTENT" topics. */
}

.featured-title .toc-count {                /* Hides the circle that displays how many topics are in a seection. */
    display: none;
}

.featured-subtopics li a {              /* Color of the text in featured content links. */
    color: var(--deepblue);
}

/* 5) Footer settings                */
.portal-footer .dropup {
    display: none;                      /* Hide the language menu option. */
}
.col-md-3 {
    width: 100%;                      /* If you add back the language menu option, reduce this number. Otherwise move language menu elsewhere. */
    padding: 0 15px;
}

/* 6) Body (content page) settings   */

/* 6a) Admonition settings           */

.caution, .important, .note, .tip, .warning {
    border-left-width: var(--adline_thickness);
    color: var(--text_clr);
}
.important {
    border-left-color: var(--important_vert_line);
}

.important::before {
    content: '\f06a';                      /* Calling the Font Awesome image. */
    color: var(--important_icon_clr);
}

.note {
    border-left-color: var(--note_vert_line);
    background-color: #fff;
}

.note::before {
    content: '';                            /* When using SVGs, set this to blank because you can't size them here. */
    background-image: var(--note_icon);     /* When using SVGs, size the frame that the image sits in, per the next three lines. */
    display: block;
    height: 24px;
    width: 24px;
}

.tip {
    border-left-color: var(--tip_vert_line);
    background-color: #fff;
}

.tip::before {
    content: '';
    color: var(--tip_icon_clr);
    background-image: var(--tip_icon);
    display: block;
    height: 24px;
    width: 24px; 
}

.important::before {
    content: '';
    color: var(--important_icon_clr);
    background-image: var(--important_icon);
    display: block;
    height: 24px;
    width: 24px; 
}

.important {
    background-color: #fff;
  }

.warning {
    background-color: #fff;
  }

.warning::before {
    content: '';
    color: var(--warning_icon_clr);
    background-image: var(--warning_icon);
    display: block;
    height: 24px;
    width: 24px; 
}


/* 6b) TOC settings */

.nav-site-sidebar .active > a {
    color: var(--deepblue);                             /* Active link text color. */
}

  .nav-site-sidebar li a {
    color: var(--text_clr);                            /* Text color. */
}

.search-field {
    background-color: var(--lightgrey);                /* Search field color. */
    color: var(--text_clr);
}

.site-sidebar {                                        /* Background color of TOC. */
    background-color: var(--neutral);
  }

  /* 7) Hide copyright from the bottom of all pages  */
.copyright {
    display: none;
  }