/* institutional marketing header navigation bit here */

 .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}
 .imgraylite {color:#EBECED}
 .imgraylitebg {background-color:#EBECED}
 .imcoolgray {color:#DBCCCD}
 .imcoolgraybg {background-color:#DBCCCD}
 .imcoolgray2 {color:#CBCCCD}
 .imcoolgray2bg {background-color:#CBCCCD}
 .bgcoolgra {background-color:#575A62}
 .ltbeige {color: #D4CBC6}
 .ltbeigebg {background-color: #D4CBC6}
 .subgra {color:#7E7E7E}
 .sage {color:#749588}
 .sagebg {background-color:#749588}
 .sprgreen {color:#A2A42C}
 .sprgeenbg {background-color:#A2A42C}
 .teal {color:#5EA3A3}
 .tealbg {background-color:#5EA3A3}
 .tsize-9 {font-size:.9rem}
 .icon-chip {font-size:.9rem;} 
 .icon-search4 {padding-top:2px}
 .linkblue {color:#0458A3}

a:link {color:#0458A3}
.linkclean, .linkclean2, .linkclean3, .linkclean4 {text-decoration:none;transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out}
a.linkcleangold:hover {background-color:#FFC424;border:1px solid #FFC424}
a.linkclean2:hover {border-color:#FFC424;}
.itfade a.linkclean:hover {filter:alpha(opacity=40);
transition:color .15s ease-in-out, 
background-color .15s ease-in-out, 
border-color .15s ease-in-out;
-moz-opacity: 0.4;   
opacity: 0.4;}
.itfade a.linkclean4:hover {filter:alpha(opacity=40);
transition:color .15s ease-in-out, 
background-color .15s ease-in-out, 
border-color .15s ease-in-out;
-moz-opacity: 0.4;   
opacity: 0.4;}
.itlink2 a:link, .itlink2 a:visited {background-color:none;border:none;transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out}
.itlink2 a:hover {background-color:#9A651E}
.itlink2 a:active {background-color:#FFC425}
.itlink2 a:visited {background-color:none;border:none;transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out}

.itlink3 a:link, .itlink3 a:visited {color:#FFF;}
.itlink3 a:hover {color:#FFC424}
.itlink3 a:active {color:#0CCAF0}

a:link.linkclean3 .itlink3, a:visited.linkclean3 .itlink3 {padding:0rem 1.7rem .5rem 1.7rem;background-color:none;border:none;transition:color .20s ease-in-out, background-color .20s ease-in-out, border-color .20s ease-in-out}
a:hover.linkclean3 .itlink3 {background-color:#FFC425}
a:active.linkclean3 .itlink3 {background-color:#ECE0CA}

a:link.linkclean5, a:visited.linkclean5 {padding:0rem 1.7rem .5rem 1.7rem;background-color:none;border:none;transition:color .20s ease-in-out, background-color .20s ease-in-out, border-color .20s ease-in-out}
a:hover.linkclean5 {background-color:#FFC425}
a:active.linkclean5 {background-color:#ECE0CA}

a:link.uwbrn, a:visited.uwbrn {padding:0rem 1.7rem .5rem 1.7rem;background-color:#492F24;border:#492F24;transition:color .20s ease-in-out, background-color .20s ease-in-out, border-color .20s ease-in-out}
a:hover.uwbrn {background-color:#FFC425}
a:active.uwbrn {background-color:#ECE0CA}

a:link.uwbrnout, a:visited.uwbrnout {padding:0rem 1.7rem .5rem 1.7rem;color:#0458A3;background-color:none;border:#492F24;transition:color .20s ease-in-out, background-color .20s ease-in-out, border-color .20s ease-in-out}
a:hover.uwbrnout {background-color:#FFC425}
a:active.uwbrnout {background-color:#ECE0CA}

a:link.hoveronly, a:visited.hoveronly {text-decoration:none;color:inherit; transition:color .20s ease-in-out, background-color .20s ease-in-out, border-color .20s ease-in-out}
a:hover.hoveronly {color: #FFC425;text-decoration:underline}
a:active.hoveronly {color: #ECE0CA;text-decoration:underline}

a:link.hoveronly2, a:visited.hoveronly2 {text-decoration:none;color:inherit; transition:color .20s ease-in-out, background-color .20s ease-in-out, border-color .20s ease-in-out}
a:hover.hoveronly2 {color: #FFC425;text-decoration:none}
a:active.hoveronly2 {color: #ECE0CA;text-decoration:underline}

.uwit-title {font-weight:800}  
#uwlogo {flex:left;padding: 0;padding-top:.3rem;height: auto;}
#imtopnavhead-a {display:block;background-color:#492F24;color:#FFF;padding:.13rem;}
.h-searchbox .form-control {
	position:relative;
	width: 284px;
	height: 42px;
	padding: 7px 50px 3px 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 13px;
	line-height: 12px;
	letter-spacing: 0.3px;
	color: #492F24;
	resize: none;
	background: #FFFFFF;
	border: 1px solid #8E95A4;
	box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.search-icon {margin-top:7px;margin-right:4px;}
ul.imtopnav {color:#FFF;font-size:.9rem;font-weight:medium;}
ul.imtopnav li.nav-item {background-color:none !important;}
ul.imtopnav li.nav-item a.nav-link {background-color:none !important;}
ul.imtopnav li {list-style-type:none;background-color:none !important}
ul.imtopnav li a {color:#FFF;margin-top:.8rem;text-decoration:none;background-color:none !important}
ul.imtopnav li a:link {color:#FFF;font-weight:bold;background-color:none !important}
ul.imtopnav li a:visited {color:#FFF}
ul.imtopnav li a:focus {color:#FFC424}
ul.imtopnav li a:hover {color:#FFC424;text-decoration:none}
ul.imtopnav li a:active {color:#87CEFA}
.imtopnav .login a {color:#FFC424 !important}
.imtopnav .login a:link, .imtopnav .login a:visited {color:#FFC424;text-decoration:none !important}
.imtopnav .login a:hover {text-decoration:underline !important}


a.itembox, a:visited.itembox {padding:1rem 2rem;background-color: #F8F9FA;text-decoration:none;}
a:hover.itembox {background-color: #FFC424;text-decoration:none;}
a:active.itembox {background-color: #2A3E60;color:#FFF;text-decoration:underline;}
a.itembox2, a:visited.itembox2 {padding:1rem 2rem;background-color: #FDFDFD;text-decoration:none;}
a:hover.itembox2 {background-color: #D4CBC6;text-decoration:none;}
a:active.itembox2 {background-color: #CBCCCD;color:#FFF;text-decoration:none;}
.uno {background-color:#575A62;}
.dos {background-color:#ECECEC;}

.whitebar {background-color:none}
.wide-476 {width:476px}

#news-grid-notusednow {
 display:block;
  margin:0rem;
  padding:0rem;
  height:100%;
  background-color:#FFF;
  background-image: url("/infotech/infotech25-build/img/newsrowbg.png");
  background-repeat:no-repeat;
  background-position: center right;
  }


/* uwit title heading and search include */
#itsitesearch .form-control {
font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 13px;
	line-height: 12px;
	letter-spacing: 0.3px;
	resize: none;
	background: #FFFFFF;
	max-width:250px;	
	padding-right:.9rem;	
	float:right
	}
#itsitesearch #itquery {
width:250px;
height:35px;
margin-top:9px;
padding-right:28px;
}
#itsitesearch #submituwit {
margin-left:-28px;
height:33px;
width:28px;
margin-top:6px;
padding-top:9px;
-webkit-appearance:none;
}
#itsitesearch #submituwit:hover {color:#FFC424}
#itsitesearch .icon-search4 {position:relative;margin-left:-13px;}



/*  uwit menu navigation   */
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {  --bs-offcanvas-width: 91%; }
#uwitmenumodal* {margin:0rem;
	background-color: rgb(73 47 36 / 60%);
	backdrop-filter: blur(40px) saturate(150%);
	z-index:3000;}
#uwitmenumodal {margin:0rem;
	background-color: rgb(73 47 36 / 60%);
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
	z-index:3000;}
	
#staticmenuicon {float:right;position:fixed;top:10%;display:block;-webkkit-transform:translateY(-20%);transform:translateY(-20%);border-left*:1px solid #FFF;border-top*:1px solid #FFF;border-bottom*:1px solid #FFF;}

#infotech-links .col {min-width:13rem;border-left:2px solid #CBCCCD}

#uwitmenumodal h2 a:link,
#uwitmenumodal h2 a:visited {color:#FFC424;text-decoration:none}
#uwitmenumodal h2 a:hover {color:#CBCCCD;}
#uwitmenumodal h2 a:active {color:#FFC424;text-decoration:none}
#uwitmenumodal li a:link,
#uwitmenumodal li a:visited {color:#FFF;text-decoration:none}
#uwitmenumodal li a:hover {color:#FFC424}
#uwitmenumodal li a:active {color:#FFF;text-decoration:none}




#uwit-menu h6, #uwit-menu ul li a:link {color:#FFF}
img.phonesize {width: 100%; height: 96px;}
#uwitnews img.phonesize {width: 100%; height: 96px;}


/* #welcomhelptop row */
#brownbox {width:21.75rem;margin-top:-.8rem;background:rgb(24 59 97 / 100%)}
#lefthelpiconside {width:40%}
#helprowright {width:60%}
.splitwo {margin-left:auto;margin-right:auto}

/* commonissues row */
#commonsix {}
#mainissues2 {
  display:block;
  background-color:#FFF;
  margin:0rem;
  padding:0rem;
  height:100%;
  background-image: url("/infotech/infotech25-build/img/cables.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center left;
  }
#ciright {padding-left:1%;}  
#boxci {width:23rem;margin-right:-6rem;background-color: rgb(86 90 98 / 93%)}
#ipwd {padding-left:1.1rem;width:5rem;height:5rem;}
#iuwaccounts {padding-left:.7rem;width:5rem;height:5rem;}
#iemail {width:7rem;height:5rem;margin-bottom:0rem;}
#iprint {padding-left:.1rem;width:5rem;height:5rem;}
#ilaptop {padding-left:1.1rem;width:5rem;height:5rem;margin-left: .3rem}
#isoftware {padding-left:.8rem;width:5rem;height:5rem;margin-left:.1rem;}
#iwiwfi {width:5rem;height:5rem;}

#pw {border-right:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;}
#acc {border-bottom:1px solid #E3E3E3;}
#mail {border-left:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;}
#prnt {border-right:1px solid #E3E3E3;}
#hware {}
#sware {border-left:1px solid #E3E3E3;}

/*  this is the original sizes, still ok  

#boxci {width:23rem;margin-right:-6rem;background-color: rgb(86 90 98 / 88%)}
#ipwd {width:7rem;height:7rem;}
#iuwaccounts {width:7rem;height:7rem;}
#iemail {width:9rem;height:7rem;}
#iprint {width:7rem;height:7rem;}
#ilaptop {width:7rem;height:7rem;margin-left: .3rem}
#isoftware {width:7rem;height:7rem;margin-left:.1rem;}
#iwiwfi {width:5rem;height:5rem;}
*/


/*   footer definitions here   */
#uwit-footer {margin-top:0px;}
.help4 {margin-top:0rem;
  width:13.4rem;
  height:8.6rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom:0rem;
  }
.help4 a:link, .help4 a:visited {width:13.4rem;height:8.6rem;color:#FFF;background-color:none;border:none;transition:color .20s ease-in-out, background-color .20s ease-in-out, border-color .20s ease-in-out}
.help4 a:hover {width:13.4rem;height:8.6rem;background-color:#9A651E}
.help4 a:active {background-color:#FFC425}
#uwit-address {margin-top:-4.7rem;}
#uwit-footer .uwit-title {font-size:2.1rem;margin-bottom:0rem;padding:0rem;font-weight:700}
.uwit-title-sm {font-size:1.6rem;margin-bottom:0rem;padding:0rem;font-weight:700}
#uwit-address .address {font-size:.82rem;margin-top: -.6rem;padding-top:0;}
#chatsvg, #chatsvg2 {width:5.6rem}
#emailsvg, #emailsvg2 {width:4rem}
#phonesvg, #phonesvg2 {width:4rem}
#kbasesvg, #kbasesvg2 {width:6.2rem}
/* #chatm, #emailm, #phonem, #faqm {width:9.8rem} use this one with helpicon-row */
#chatm, #emailm, #phonem, #faqm {width:8.875rem} /*  use this one with helpicon-row2 */
#chatsvg3 {width:3.9rem;padding-top:0rem;}
#emailsvg3 {width:3.2rem;margin-left:.2rem}
#phonesvg3 {width:3em}
#kbasesvg3 {width:4.6rem;margin-left:.3rem;margin-top:-.325em}




/* IM footer css */
#imfooter {margin-bottom:0px;padding-bottom:0px}
.f-top {background-color:#EBECED;padding: 44px 0 30px;}
.f-left {
	max-width: 400px;
	width: 100%;
}
.f-logo {padding-bottom:1rem;}
.f-logo a {display:inline-block;}
.f-logo img {
	width: 100%;
}
.f-right p a:link {color:#1F3A93;text-decoration: none;}
 .f-social-icons ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.f-social-icons ul li {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
	font-size: 20px;
	line-height: 20px;
	color: #492F24;
}
.f-social-icons ul li a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
}
.f-bottom {
	padding: 34px 0 24px;
	background-color: #492F24;
	margin-bottom:0rem;
}
.f-bottom ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.f-bottom ul li {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 10px;
	padding: 0 10px;
	list-style-type: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	letter-spacing: 0.3px;
}
.f-bottom ul li:first-child {
	padding-left: 0;
}
.f-bottom ul li:last-child {
	padding-right: 0;
	border: none;
}
.f-bottom ul li a {
	text-decoration: none;
	color: inherit;
}
.f-bottom ul li.active a,
.f-bottom ul li a.active,
.f-bottom ul li a:hover {
	color: #FFC425;}
	
.divider {padding-right:1.1rem;border-right: 1px solid #FFC425;height:.8rem;align-items:center;}	



/* ==========================================================================
   ITC building graphic build will only css here
   ========================================================================== */
#itc {margin-top:1rem;float:left;margin-right:1.1rem;margin-bottom:1rem;margin-left:1rem;border-right:.231rem solid #FFC424;width:1.8rem;padding-right:.3rem}
.boxitc {background-color:#A1A2A6;height:.55rem;margin-bottom:.25rem}
.boxitc_last {background-color:#A1A2A6;height:.6rem;margin-bottom:0rem}




/* adjustments media queries here */

// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }

// Example
// Apply styles starting from medium devices and up to extra large devices
@media (min-width: 768px) and (max-width: 1199.98px) { ... }


/* above are the bootstrap common breaks  */

@media (min-width:220px) and (max-width: 320px) {
#ciright {margin-top:3rem}
#pw {border-right:none;border-bottom:none}
#acc {border-bottom:none}
#mail {border-left:none;border-bottom:none}
#prnt {border-right:none}
#hware {}
#sware {border-left:none}
}
@media (min-width:240px) and (max-width: 1471px) {
#herd2newrow {flex-basis:100%;height:0;margin-top:.4rem;}
}

@media (min-width:240px) and (max-width: 1400px) {
li.login {display:none}
.h-searchbox {display:none*;}
#uwit-address {width:321px;margin-left:0rem;}

}

@media (min-width:992px) and (max-width:1199px)  {
#imsearchbox {margin-left:auto;}
}

@media (min-width:768px) and (max-width: 1199px) { 
#uwit-address {margin-top:3rem;width:321px;margin-left:0rem;}

}

@media (min-width: 240px) and (max-width: 990px){
.nav-item .nav-link {margin-top:.1rem;margin-bottom:.1rem;padding-top:.2rem;padding-bottom:.2rem;}
li.login {display:none}
.h-searchbox {display:none*;}
.h-searchbox {margin-left:auto;margin-right:auto;}	
#s-lib-public-header{margin-top:6rem;margin-bottom:1.25rem}

#lefthelpiconside {width:100%}
#helprowright {width:100%}

#pw {border-right:none;border-bottom:none}
#acc {border-bottom:none}
#mail {border-left:none;border-bottom:none}
#prnt {border-right:none}
#hware {}
#sware {border-left:none}

#ciright {padding-left:23%;}  
#cileft {display:block;width:100%}
#boxci {float:none;width:81%;margin-left:3%;margin-right:0rem;margin-right:7%;}
#ciright {display:block;width:80%;}
.help4 {display:block;margin-left:auto;margin-right:auto;}
#uwit-address {display: block;
  margin-left:auto;margin-right:auto;
  margin-top:2rem;
  min-width:309px;
  position:relative;
  }
img.phonesize {width: 150px; height: inherit}
#uwitnews img.phonesize {width: 150px; height: inherit}
#atscol, #ctscol {display:none;}
#itsitesearch #itquery {
width:250px;
height:35px;
margin-top:9px;
padding-right:24px;
}
 .f-social-icons ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.f-social-icons ul li {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
	font-size: 20px;
	line-height: 20px;
	color: #492F24;
}
.f-social-icons ul li a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
}
}








.bi {
        vertical-align: -.125em;
        fill: currentColor;
      }
      
.feature-icon {
  width: 4rem;
  height: 4rem;
  border-radius: .75rem;
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}
.feature-icon-small {
  width: 3rem;
  height: 3rem;
}
      
      

/* save this  <span class="ms-0 ps-1 me-0 pe-1 pb-4 icon-chip align-top"></span>    */