/*! HTML5 Boilerplate v9.0.1 | MIT License | https://html5boilerplate.com/ */
/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/*--- Bootstrap icon set CDN  -----*/   
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src:  url('/directory/fonts/montserrat-regular-webfont.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 @font-face {
  font-family: 'Montserrat-med';
  font-style: normal;
  font-weight: 500;
  src:  url('/directory/fonts/Montserrat-Medium.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
 @font-face {
  font-family: 'Montserrat-semibold';
  font-style: normal;
  font-weight: 600;
  src:  url('/directory/fonts/montserrat-semibold-webfont.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
  
  @font-face {
  font-family: 'Montserrat-bold';
  font-style: normal;
  font-weight: 800;
  src:  url('/directory/fonts/montserrat-bold-webfont.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
  
a:link {color:#0258A3;}
h1,h2,h3,h4,h5,h6,.med {
font-family: "Montserrat-med", Arial, Helvetica, san-serif;
font-weight: 800;
line-height:1;
color:#444
}  
h1.display-2,h2.display-2,h3.display-2,h4.display-2,h5.display-2,h6.display-2
h1.display-3,h2.display-3,h3.display-3,h4.display-3,h5.display-3,h6.display-3,
h1.display-4,h2.display-4,h3.display-4,h4.display-4,h5.display-4,h6.display-4,
h1.display-5,h2.display-5,h3.display-5,h4.display-5,h5.display-5,h6.display-5,
h1.display-6,h2.display-6,h3.display-6,h4.display-6,h5.display-6,h6.display-6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: 300;
}
small, .small, h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
  font-weight: 400;
  line-height: 1;
  color: #888;
}
body, p, li, ol, ul {font-family: "Montserrat", Arial, Helvetica, sans-serif;
font-weight: 400;
color: #222;}

.fw-bold, .fw-semibold, .bold, b {font-family: "Montserrat-semibold", Arial, Helvetica, sans-serif;
font-weight:600;
line-height:1;}

.fw-bolder {font-family: "Montserrat-bold", Arial, Helvetica, sans-serif;
font-weight:800;
line-height:1;}

.soft {color:#777}

#infotech-topbg {margin-top:0rem;
  background-image: url("../img/atriumblur.jpg");
  background-position: center;
  background-repeat:no-repeat;
  background-size:cover;
  max-width:100%;
  height:auto;
}

   /* brownie pallet test */

/* beiges */
.l1 {color:#EEE4D4}
.l2 {color:#D4C0A7}
.l1bg {background-color:#EEE4D4}
.l2bg {background-color:#D4C0A7}
/* tans */
.l3 {color:#B48F70}
.l4 {color:#9A6B48}
.l3bg {background-color:#B48F70}
.l4bg {background-color:#9A6B48}
/* grays light */
.l5 {color:#A79E9C}
.l6 {color:#8A807A}
.l5bg {background-color:#A79E9C}
.l6bg {background-color:#8A807A}
/* grays dark */
.l7 {color:#756D6B}
.l8 {color:#645448}
.l7bg {background-color:#756D6B}
.l8bg {background-color:#645448}


/* helpers utilities for quick adjust */
 .hide {display:none}
 .bold {font-weight:bold}
 .wh {color:#FFF}
 .ltgra {color:#E3E3E3}
 .ltgra-bg {color:#E3E3E3}
 .red {color:#CD2026} /* this red on white background is accessible contrast */
 .bg-agreen {background-color:#2E8540}  /* this green on white background is accessible contrast */
 .agreen {color:#2E8540}
 .blue {color:#205493} /* this blue on white background is accessible contrast */
 .bgblue {background-color:#205493}
 .ltblu {color:#B3EFFF}
 .brightblu {color:#00CFFF}
 .bgbrightblu {background-color:#02BFE7}
 .msblu {color:#0071BC}
 .bgmsblue {background-color:#0071BC}
 .gold {color:#FFC424}
 .bggold {background-color:#FFC424}
 .brn {color:#492F24}
 .bgbrn {background-color:#492F24}
 .blk {color:#000}
 .bgblk {background-color:#000}
 .bgblk2 {background-color:#171717}
 .uwdarkblue {color:#2A3E60}
 .bguwdarkblue {background-color:#2A3E60}
 .coolgra {color:#575A62}
 .bgcoolgra {background-color:#575A62}
 .redpaint {color:#77160C}
 .bgredpaint {background-color:#77160C}
 .slate {color:#79706C}
 .bgslate {background-color:#79706C}
 .crock {color:#874917}
 .bgcrock {background-color:#874917}
 .cboot {color:#9A651E}
 .bgboot {background-color:#9A651E}
 .leaf {color:#A2A42C}
 .bgleaf {background-color:#A2A42C}
 .gras {color:#7E7615}
 .bggras {background-color:#7E7615}
 .wheat {color:#A7933C}
 .bgwheat {background-color:#A7933C}
 .drkgra {color:#343A40}
 .bgdrkgra {background-color:#343A40}
 .uwdgra {color:#4C4F57}
 .bguwdgra {background-color:#4C4F57}
 .uwltgra {color:#726663}
 .bguwltgra {background-color:#726663}
 .pink {color:#FF6EC7}
 .red2 {color:#CD2026}
 .oran {color:#FF9912}
 .cblu {color:#02BFE7}
 .lime {color:#CCCC00}
 .robbinsegg {color:#5EA3A3}
 .robbinseggbg {background-color:#5EA3A3}
 
header#uwit-header {background-color: rgb(255 255 255 / 80%);backdrop-filter: blur(17px);padding:.8rem;}

.txbox {padding:1rem;background-color: rgb(42 62 96 / 40%);backdrop-filter: blur(17px);}

#pageicon {margin:.2rem;}
.pageicon-password {width:5rem;}
.pageicon-accounts {width:5rem;float:left}
.pageicon-email {width:7rem;}
.pageicon-print {width:5rem;margin-top:0;padding-top:0}
.pageicon-hardware {width:5rem;}
.pageicon-software {width:5rem;}


/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #B3D4FC;
  text-shadow: none;
}

::selection {
  background: #B3D3FC;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* =========  footerbytes row css ========= */  

#endbytes a:link, #endbytes a:visited {color:#492F24;text-decoration:none}
#endbytes a:hover {text-decoration:none;border-bottom:1px solid #492F24;}
#endbytes a:active {color:#9A651E;text-decoration:underline;border-bottom:1px solid #0258A3;}  


/* ======= NAVIGATE side veritcal menu  =======  --*/

a:link.menulink, a:visited.menulink {
  background: rgba(73, 47, 36, 1) /*hsla(18,51%,22%,11)*/;
  color: #FFC425;
}

a:hover.menulink {color:magenta}
a:active.menulink {}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* BREADCRUMB */
#breadcrumbSpacer {
  position: relative;
  top: 140px;
}
#breadcrumb {
  list-style: none;
  overflow: hidden;
  /*font-size:12px;
	 */
  font-size: 90%;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana,
    sans-serif;
  position: relative;
  left: -26px;
  margin-top: 0px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #000000;
  text-decoration: none;
  padding: 10px 0 10px 65px;
  background: #ffc425;
  position: relative;
  display: block;
  float: left;
  border-left: 1px solid #ffffff;
}
#breadcrumb li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  /* <-- Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid rgba(255, 196, 37, 1);
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
#breadcrumb li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
#breadcrumb li:first-child a {
  padding-left: 10px;
}
#breadcrumb li:nth-child(2) a {
  background: rgba(255, 196, 37, 0.8);
  border-left: 1px solid #ffffff;
}
#breadcrumb li:nth-child(2) a:after {
  border-left-color: rgba(255, 196, 37, 0.8);
}
#breadcrumb li:nth-child(3) a {
  background: rgba(255, 196, 37, 0.7);
  border-left: 1px solid #ffffff;
}
#breadcrumb li:nth-child(3) a:after {
  border-left-color: rgba(255, 196, 37, 0.7);
}
#breadcrumb li:nth-child(4) a {
  background: rgba(255, 196, 37, 0.6);
  border-left: 1px solid #ffffff;
}
#breadcrumb li:nth-child(4) a:after {
  border-left-color: rgba(255, 196, 37, 0.6);
}
#breadcrumb li:nth-child(5) a {
  background: rgba(255, 196, 37, 0.5);
  border-left: 1px solid #ffffff;
}
#breadcrumb li:nth-child(5) a:after {
  border-left-color: rgba(255, 196, 37, 0.5);
}
/*#breadcrumb li:last-child a {
	 background: transparent !important;
	 color: black;
	 pointer-events: none;
	 cursor: default;
}
 */
#breadcrumb li:last-child a {
  background: rgba(245, 245, 245, 1);
  border-left: 1px solid #ffffff;
}
#breadcrumb li:last-child a:after {
  border-left-color: rgba(245, 245, 245, 1);
}
#breadcrumb li a:hover {
  background: rgba(73, 47, 36, 1) /*hsla(18,51%,22%,11)*/;
  border-left: 1px solid #ffffff;
  color: #ffffff;
}
#breadcrumb li a:hover:after {
  border-left-color: rgba(73, 47, 36, 1) /*hsla(18,51%,22%,11) !important*/;
}
#breadcrumb {
 margin-left: 11px;
}
 
#breadcrumb li {
 overflow: hidden;
 padding-right: 30px;
 margin-left: -11px;
 margin-top: 1px;
}

/* might use glow effect box-shadow: 0 0 50px 15px #48abe0; */