/** 
E:\websw10\codeserver\htm\layout\lc2015df\mnu-cicarelli.css

TOMADO DE: https://codepen.io/signalkuppe/pen/YybXNJ 

*/

/* vars */
:root {
    --menu_background: #035e8d;
    --menu_color: #e2e2e2;
    --menu_breakpoint : 1024px;
    --menu_toggle_background: black;
    --menu_border: 1px solid rgba(255,255,255,0.1);
    --menu_padding: 150px 200px;
    --menu_icon_padding: 5px 10px;
}
/* hide show mixin */
/*
@mixin show () {
  display: block;
  animation: grow .5s ease-in-out; // optional animation
}

@mixin hide () {
  display: none;
}
*/

/* global  styles */



.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {

/**
	position: absolute;
	right: 0;
	margin: -3px 15px 0 0;
	padding: 0;
	width: 32px;
	height: 26px;
	line-height: 24px;
   
	text-align: center;
	border-width: 1px;
	border-style: solid;
   
*/   
/*   
  NQposition: absolute;
  NQright: 0;
  margin-top: 6px;
  margin-right: 15px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;   
*/   
}

/*
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret::before  {
   content: '';
  margin-top: 6px;
  margin-right: 15px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;  
}
*/
/*
a span.sub-arrow:after {
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    background: red;
    -webkit-transform: skew(0deg, -20deg);
    -moz-transform: skew(0deg, -20deg);
    -ms-transform: skew(0deg, -20deg);
    -o-transform: skew(0deg, -20deg);
    transform: skew(0deg, -20deg);
}
*/

.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
	position: absolute;
	right: 0;
	margin: -3px 15px 0 0;
	padding: 0;
	width: 32px;
	height: 32px;
	line-height: 32px !important;
	text-align: center;
	border-width: 1px;
	border-style: solid;
}


.navbar-nav.sm-collapsible .caret:before {
	content: '';
	font-family: monospace;
	font-weight: bold;
	font-size: 20px;
   
position: absolute;
  right: 0;
  margin-top: 6px;
  margin-right: 15px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;   
   
}

.navbar-nav.sm-collapsible .open > a > .caret::before {
  content: 'x';
}




elemento {
}
#cc_masterhead .navbar-default .navbar-nav > li > a {
  text-transform: uppercase;
  font-family: DINNextLTProBold, robotobold, sans-serif;
  line-height: 1;
  padding-top: 18px;
  padding-bottom: 11px;
  font-size: 16px;
}
@media (min-width: 992px) {
  #cc_masterhead .navbar-default .navbar-nav > li > a {
    font-size: 16px;

  }
}
/*
#cc_masterhead ul#subMenuMerk 
ruta css: html body div#cc_masterhead nav.navbar.navbar-default.navbar-static-top div.container div.row div#cc_mainMenu.collapse.navbar-collapse ul.nav.navbar-nav.navbar-left li.nav-item.dropdown ul#subMenuMerk.dropdown-menu.sm-nowrap

*/ 
/* #cc_masterhead li.nav-item.dropdown ul */
#cc_masterhead ul.dropdown-menu
{
   background-color: var(--colbkghead);
}

/*#cc_masterhead ul#subMenuMerk > li > a */
/*#cc_masterhead li.nav-item.dropdown ul > li > a */
#cc_masterhead ul.dropdown-menu  > li > a
{
  text-transform: uppercase;
  font-family: DINNextLTProBold, robotobold, sans-serif;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  text-shadow: none;
}


#cc_masterhead ul.dropdown-menu > li > a:hover
{ 
   color: var(--colsubmnu);
   text-shadow: none;
}