/*
Theme Name: njusandbox
Theme URI: https://www.njucomunicazione.com/cloni/decora
Description: A basic theme for HTML.it readers
Author: njucomunicazione
Author URI: https://www.njucomunicazione.com
Version: 0.1
*/
/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

/** */
div.triangolo {
  width: 0; height: 0; line-height: 0; 
  border-bottom: 10px solid #000; 
  border-left:   10px solid transparent; 
  border-right:  10px solid transparent;
  position:absolute;
}


@media only screen and (min-width : 320px) {
  .navbar-right{margin-top:0px;margin-right: 0px;}
  .desktop-none{display:block;}
  .mobile-none{display:none;}
  .footer-social{height:50px;position:fixed;bottom:0px;width:100%;z-index: 9999;}
  
  .footer-social-col{z-index:999999999;height:50px;width:20%;padding-top:10px;}
  .instagram-background{
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  }
  
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, 
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding: 15px 15px 15px 0px!important;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{padding:0px!important;}
	div.mega-menu-toggle.mega-menu-open{display:none!important;}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after{font-size:40px;}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{padding:0px 0px!important;}
 
  .dropdown-submenu-toggle.stile-a-categoria{max-width:200px;}
  
  
body {
  overflow-x: hidden;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;top:65px;
  width: 0;
  height: 100%;
  margin-left: -250px;
 overflow-y:hidden;
 background-color:#f6f6f6;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-top:0px solid #ccc;
}

#wrapper.toggled #sidebar-wrapper {
  width: 100%;
}

/*#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 0px;
}*/

#wrapper.toggled #page-content-wrapper {
  position: fixed;
  margin-right: -250px;
  
}

  #wrapper.toggled #page-content-wrapper .page-content-wrapper-sfondo-opaco{height:100%;width:100%;position: absolute;background-color: rgba( 255, 255, 255, 0.50 );z-index:999;  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}
/* Sidebar Styles */

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
   height: auto;
  left: 0px;
padding-top:15px;
}

.sidebar-nav li {
  text-indent: 15px;
  line-height: 40px;
  font-size: 18px;
}

.sidebar-nav li.dropdown-submenu-mobile {
  text-indent: 30px;
  line-height: 40px;
  font-size:18px;
}  
  
ul.dropdown-submenu-sidebar  li {
  text-indent: 30px;
  line-height: 40px;
  font-size:15px;
}   
  

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #777;
 /* border-bottom:1px solid #ccc;*/
  z-index:9;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #000;

}
  
.box-caret{display: inline-block;cursor:pointer;
width: 30px;
height: 30px;
margin-top: 10px;
margin-right: 27px;
border-radius: 5px !important;
position: absolute;
right: 0px;
z-index: 9999999999999;background:#f6f6f6;color:#ebbe1c;
top: 0px;
 }  
 

div#click-caret-1.box-caret svg.fa-angle-down{ display:block;position: relative;left:5px;top: 0px;}
div#click-caret-1.box-caret svg.fa-angle-up{ display:none;position:relative;left:5px;}
  
div#click-caret-2.box-caret svg.fa-angle-down{ display:block;position: relative;left:5px;top: 0px;}
div#click-caret-2.box-caret svg.fa-angle-up{ display:none;position:relative;left:5px;}
  
li.dropdown-submenu-mobile  div > .box-caret svg.fa-angle-down{ display:none;position: relative;left:5px;top:2px;}
  li.dropdown-submenu-mobile  div > .box-caret svg.fa-angle-down.attivato{ display:block;}
li.dropdown-submenu-mobile  div > .box-caret svg.fa-angle-up{ display:none;position: relative;left:5px;top:2px;}
  li.dropdown-submenu-mobile  div > .box-caret svg.fa-angle-up.attivato{ display:block;}
li.dropdown-submenu-mobile  div > .box-caret{background:#f8f7f7;}
.caret{display: inline-block;
width: 0;
height: 0;
position: absolute;
right: 0px;
 margin: 16px 15px;
vertical-align: middle;
border-top: 10px dashed;
border-top: 10px solid\9;
border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-radius: 3px;}

 li.dropdown-submenu-mobile  div > .box-caret {background:#f8f7f7;color: #fff024;} 
  ul.dropdown-menu-sidebar-1{ background-color: #dfdede;} 
  /* ul.dropdown-menu-sidebar-2{ background-color:#dfdede ;} */
  ul.dropdown-submenu-sidebar{background:#fff;}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
  color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
  color: #fff;
  background: none;
}

  ul.dropdown-menu-sidebar-1{display:none;} 
  ul.dropdown-menu-sidebar-2{display:none;} 
  ul.dropdown-submenu-sidebar{display:none;}  
  ul.dropdown-submenu-sidebar.visualizzadss{display:block;}  
  
  
}
@media only screen and (min-width : 480px) {
 
  .navbar-right{margin-top:0px;margin-right: 0px;}
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{display: list-item!important;}
   #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-5{width:50%!important;}
}


@media only screen and (min-width:768px) {
    #mainNav { top:0px;
   
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0) ;
    -webkit-backface-visibility: hidden;
  }
  #mainNav.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -90px;
  /*   transition-duration:1s;  
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;*/
    border-bottom: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    -webkit-transition: top 0.3s, transform 0.2s;
    -moz-transition:top 0.3s, transform 0.2s;
    transition: top 0.2s, transform 0.2s;
  }
    #mainNav.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  
  .desktop-none{display:none;}
   .mobile-none{display:block;}
  div.triangolo{/*right: 357px;*/right: 280px;top:-5px;}
  div.triangolo.triangolo-ricette{right:195px;top:-5px;}
  div.triangolo.triangolo-video{right: 123px;top:-5px;}
   div.triangolo.triangolo-eventi{right:55px;top:-5px;}
  .dropdown-menu{position:absolute;margin:0 auto;
  z-index: 1000;display:none; float: left;min-width:70px;padding: 0px 0px;margin:0px 0 0;font-size: 16px;line-height:20px;text-align: left;list-style: none;
	background-color: transparent;-webkit-background-clip: padding-box;background-clip: padding-box;border: 0px solid #ccc;border: 0px solid rgba(0, 0, 0, .15);
	border-radius: 0px;-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);box-shadow: 0 0px 0px rgba(0, 0, 0, 0); }
  .navbar-right  ul.dropdown-menu{width:750px;/*margin-left:-336px;*/margin-left: -413px;} 
 .navbar-right  ul.dropdown-menu.dropdown-menu-work{margin-left: -505px;}
  
  .riga-menu{border-top: 1px solid #c1c1c1;margin-top: 5px;}
  .dropdown-menu-box-colonne{padding: 25px 25px;-webkit-column-count:5;-moz-column-count: 5;column-count:5;}
  .dropdown-menu-box-colonne-1{padding: 25px 25px;-webkit-column-count:1;-moz-column-count: 1;column-count:1;}
  .dropdown-menu-box-colonne-2{padding: 25px 25px;-webkit-column-count:2;-moz-column-count:2;column-count:2;}
  .dropdown-menu-box-colonne-3{padding: 25px 25px;-webkit-column-count:3;-moz-column-count:3;column-count:3;}
  .dropdown-menu-box-colonne-4{padding: 25px 25px;-webkit-column-count:4;-moz-column-count:4;column-count:4;}
  .dropdown-menu-box-colonne-sotto{padding: 40px 25px;-webkit-column-count:1;-moz-column-count:1;column-count:1;}
  div.titolo-categoria{padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #c1c1c1;}
 

  li.dropdown  a.stile-a-categoria, .navbar .navbar-nav > li >  a.stile-a-categoria{color:#000; }
  li.dropdown a.stile-a-scategoria,.navbar .navbar-nav > li > a.stile-a-scategoria{line-height: 30px;color:#999;}
  li.dropdown a:hover, .navbar .navbar-nav > li > a:hover{color:#000; }
  .nav>li>a{padding: 10px 10px}
 
	 #wrapper {
    padding-left: 0;
  }
  #wrapper.toggled {
    padding-left: 0px;
  }
  #sidebar-wrapper {
    width: 0;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 0px;
  }
  #page-content-wrapper {
    padding: 0px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left:0px;}
  

}
@media only screen and (min-width:992px) {

  div.triangolo{/*right: 419px;*/right: 315px;top:-5px;}
   div.triangolo.triangolo-ricette{right:220px;top:-5px;}
  div.triangolo.triangolo-video{right: 140px;top:-5px;}
   div.triangolo.triangolo-eventi{right:60px;top:-5px;}
   .nav>li>a{padding: 10px 15px;}
   .navbar-right  ul.dropdown-menu{width:970px;/*margin-left:-491px;*/margin-left:-593px;;} 
  .navbar-right  ul.dropdown-menu.dropdown-menu-work{margin-left: -696px;}

}


@media only screen and (min-width:1024px) {
  
}

	/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  div.triangolo{right:425px;top:-5px;}
  div.triangolo.triangolo-ricette{right:325px;top:-5px;}
  div.triangolo.triangolo-video{right: 223px;top:-5px;}
   div.triangolo.triangolo-eventi{right: 123px;top:-5px;}
 .navbar-right  ul.dropdown-menu{width:970px;} 
  .navbar-right  ul.dropdown-menu.dropdown-menu-work{margin-left:-1023px;}
  
}
@media only screen and (min-width : 1200px) {
  div.triangolo{/*right:419px;*/right: 315px;top:-5px;}
  div.triangolo.triangolo-ricette{right: 103px;top: -10px;}
  div.triangolo.triangolo-video{right: 140px;top:-5px;}
   div.triangolo.triangolo-eventi{right:60px;top:-5px;}
  .navbar-right  ul.dropdown-menu{min-width:100%;width:1170px;} 
  .navbar-right  ul.dropdown-menu.dropdown-menu-ricette{margin-left:-1023px;}
    
}
	/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {


}