/* 
 * Custom CSS for Identiv delopyment of UberMenu - started May 2020 by Rob Rasmussen
 */

/* Top Level Items */
.ubermenu-item-level-0 > .ubermenu-target {
  font-family:'FrutigerBold';
  color:#676767;
 font-size:25px!important;
}

@media screen and (min-width:950px) {
	.ubermenu-item-level-0 > .ubermenu-target {
	  padding:35px 19px;
	  font-size:15px!important;
	  letter-spacing:0px!important;
	  }
}

/* Submenu Headers */
.ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
  font-family:'FrutigerBold';
  color:#d0112b!important;
  transition:0.3s;
  font-size:19px;
}

/* Submenu Headers - Hover */
.ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
  color: #5c111b;
  background:none!important;
}

/* submenu backgorund */
.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {background:#f1f1f1!important;}

/* Submenu items hover */
.ubermenu-submenu .ubermenu-target:hover {color: #000000;}

/* submenu item hover */
.ubermenu-submenu .ubermenu-target {transition:0.25s;left:0;}
	

/* Submenu Border */
.ubermenu-submenu-drop {
	border-left:none!important;
	border-right:none!important;
	border-top:none!important;
	border-bottom: 7px solid #d0112b!important;
	-webkit-box-shadow: 0px 6px 35px 0px rgba(0,0,0,0.5)!important;
	-moz-box-shadow: 0px 6px 35px 0px rgba(0,0,0,0.5)!important;
	box-shadow: 0px 6px 35px 0px rgba(0,0,0,0.5)!important;
}

/* Submenu Descriptions */
.ubermenu-submenu .ubermenu-target > .ubermenu-target-description {
   font-family:'FrutigerLight';
   font-size:12px;
   line-height:15px;
   color:#878787!important;
}

/* solutions submenu */
.ubermenu-submenu-id-12107 {border-left:1px solid #ccc!important;}

/* search */

#menu-item-12128 {padding:1.5% 25%;background-color:#d0112b!important;}
	#menu-item-12128 .ubermenu-search-input {font-size:22px;  font-family:'FrutigerLight';color:#424242;}

/* partner login style */
#menu-item-14600 > a > span {border-radius:14px;color:white!important;background-color:#d0112b;margin:0 auto;font-size:15px;text-align:center;padding:5px 10px;transition:0.3s;width:90%;}
#menu-item-14600 > a > span:hover {background-color:white;color:#d0112b!important;}
@media screen and (min-width:950px) {
#menu-item-14600 > a > span {margin:0 auto;text-align:center;padding:5px 10px;font-size:13px;}
}

/* support submenu */
.ubermenu-submenu-id-12074 > li {padding:7px 0!important;border-bottom:1px solid #ccc!important;}
	.ubermenu-submenu-id-12074 > li:last-child {border-bottom:none!important;}

	
/* mobile toggle */
.ubermenu-responsive-toggle {padding:0!important;display:inline-block;position:absolute;top:0;right:10px;}



/* ======= BRANDS MENU ADDITION */

/* CORRECT tabs column */
.ubermenu-submenu-id-12294.ubermenu-submenu-type-tabs-group {background-color:#dfdfdf!important;}

/* specific tab for products/brands * - classess will likely change when you go live */
#menu-item-12295, #menu-item-12296 {padding:8px 15px!important;border-bottom:1px solid #cacaca;}
#menu-item-12296 {padding:8px 15px!important;border-bottom:none;}

#menu-item-12295.ubermenu-has-submenu-drop.ubermenu-active, #menu-item-12296.ubermenu-has-submenu-drop.ubermenu-active {background-color:#d0112b!important;color:white!important;}

#menu-item-12295.ubermenu-has-submenu-drop.ubermenu-active > span, #menu-item-12296.ubermenu-has-submenu-drop.ubermenu-active > span {background-color:transparent!important;color:white!important;}

/* CORRECT brands submenu - find class of the UL - class will need to change */
.ubermenu-submenu-id-12296 li {text-align:center!important;}
	.ubermenu-submenu-id-12296 li img {margin:0px auto!important;}
	
/*  CORRECT the actual body of submenus */
.ubermenu-submenu-id-12071 {background-color:white!important;padding:0 0 0 0!important;}
.ubermenu-submenu-id-12295, .ubermenu-submenu-id-12996 {padding:8px!important;}	
.ubermenu-submenu-id-12295 {background-color:rgba(241, 241, 241, 1)!important;}
.ubermenu-submenu-id-12296 {background-color:white!important;}