350 lines
11 KiB
CSS
350 lines
11 KiB
CSS
.link-list-wrapper .link-list li.nav-item a svg{
|
|
display: none;
|
|
}
|
|
|
|
|
|
@media (min-width: 992px){
|
|
.navbar .navbar-collapsable .navbar-nav li a.nav-link, .navbar .navbar-collapsable .navbar-nav li a.list-item,
|
|
.navbar .navbar-collapsable .navbar-nav li.nav-item ul.link-list li.nav-item >span {
|
|
font-size: .85em;
|
|
}
|
|
|
|
.navbar .dropdown-menu.show {
|
|
top: calc(100% - 6px);
|
|
min-width: 320px;
|
|
border-radius: 4px!important;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav li a.nav-link{
|
|
padding: 13px 18px;
|
|
font-weight: 600;
|
|
font-size: 1.03rem;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav li:first-child a.nav-link{
|
|
padding-left: 0;
|
|
}
|
|
.navbar .dropdown-menu .link-list-wrapper ul li a span, .navbar .dropdown-menu .link-list-wrapper ul li a i {
|
|
color: #000;
|
|
}
|
|
.navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .col-12 .link-list-wrapper ul.link-list li a,
|
|
.navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .col-12 .link-list-wrapper ul.link-list li ul.link-list li.nav-item.deeper a,
|
|
.navbar .navbar-collapsable .menu-wrapper .nav-item .dropdown-menu .link-list-wrapper ul.link-list li.nav-item.deeper > a,
|
|
li.nav-item .link-list-wrapper ul.link-list li.nav-item.divider > a,
|
|
.navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .col-12 .link-list-wrapper ul.link-list li span,
|
|
.navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .col-12 .link-list-wrapper ul.link-list li ul.link-list li.nav-item.deeper span,
|
|
.navbar .navbar-collapsable .menu-wrapper .nav-item .dropdown-menu .link-list-wrapper ul.link-list li.nav-item.deeper > span,
|
|
li.nav-item .link-list-wrapper ul.link-list li.nav-item.divider > span
|
|
{
|
|
border-bottom: 1px solid #ddd;
|
|
padding-bottom: .3rem;
|
|
font-weight: 600;
|
|
margin-bottom: .3rem;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav li a.list-item {
|
|
padding: 5px 0;
|
|
line-height: 100%;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .menu-wrapper .nav-item .dropdown-menu .link-list-wrapper ul.link-list li.nav-item.deeper > a,
|
|
li.nav-item .link-list-wrapper ul.link-list li.nav-item.divider > a,
|
|
.navbar .navbar-collapsable .menu-wrapper .nav-item .dropdown-menu .link-list-wrapper ul.link-list li.nav-item.deeper > span,
|
|
li.nav-item .link-list-wrapper ul.link-list li.nav-item.divider > span
|
|
{
|
|
display: block;
|
|
padding-top: calc(12px - .5rem);
|
|
line-height: 100%;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .it-brand-tagline{
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
@media(max-width:991px){
|
|
|
|
.link-list-wrapper ul li a, .navbar .dropdown-menu .link-list-wrapper li .link-list-wrapper{
|
|
padding: 6px 0;
|
|
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav li a.nav-link{
|
|
font-size: 1.2rem;
|
|
}
|
|
.link-list-wrapper ul li a{
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
.navbar .dropdown-menu .link-list-wrapper li .link-list-wrapper, .navbar .dropdown-menu .link-list-wrapper{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.navbar .dropdown-menu .link-list-wrapper ul li a span{
|
|
color: #000;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .menu-wrapper .nav-item .dropdown-menu .link-list-wrapper ul.link-list li.nav-item.deeper > a{
|
|
font-weight: 600;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.dropdown-item{
|
|
font-weight: 300;
|
|
}
|
|
|
|
.navbar .menu-wrapper li.nav-item {
|
|
border-bottom: 1px solid #e5e5e5;
|
|
margin: 0 24px;
|
|
}
|
|
.navbar .navbar-collapsable .navbar-nav li a.nav-link{
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.navbar .dropdown-menu .link-list-wrapper ul li, .navbar .dropdown-menu .link-list-wrapper ul li ul li{
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
.navbar .dropdown-menu .link-list-wrapper ul li:last-child, .navbar .dropdown-menu .link-list-wrapper ul li ul li:last-child{
|
|
border:0;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .menu-wrapper{
|
|
max-width: 480px;
|
|
}
|
|
|
|
.navbar .close-div .close-menu{
|
|
background: unset;
|
|
box-shadow: unset;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav li a.nav-link.dropdown-toggle svg{
|
|
right: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
.navbar .dropdown-menu .link-list-wrapper{
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.navbar .menu-wrapper li.nav-item li, .navbar .menu-wrapper li.nav-item li li {
|
|
margin: 0;
|
|
}
|
|
|
|
}
|
|
|
|
@media(min-width:550px){
|
|
.navbar .close-div {
|
|
left: 500px;
|
|
right: auto;
|
|
}
|
|
}
|
|
.navbar .navbar-collapsable .navbar-nav li.nav-item .link-list-wrapper ul.link-list li.nav-item,
|
|
.navbar .navbar-collapsable .navbar-nav li.nav-item ul li.nav-item ul li.nav-item,
|
|
.navbar .navbar-collapsable .navbar-nav li.nav-item .link-list-wrapper ul.link-list li.nav-item .nav-link,
|
|
.navbar .navbar-collapsable .navbar-nav li.nav-item ul li.nav-item ul li.nav-item ul.link-list li.nav-item .nav-link{
|
|
display: block;
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item ul.link-list{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
min-width: 700px;
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item.singola ul.link-list{
|
|
display: block;
|
|
min-width: none;
|
|
min-width: auto;
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item.doppia ul.link-list li{
|
|
flex: 0 0 auto;
|
|
width: 50%;
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item ul.link-list ul.link-list{
|
|
display: block;
|
|
min-width: auto;
|
|
}
|
|
|
|
.navbar .dropdown-menu .link-list-wrapper ul li.active a span{
|
|
color: #CC334B;
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item ul li.nav-item.divider.deeper.dropdown.parent, ul.navbar-nav li.nav-item ul li.nav-item.divider{
|
|
/*display: contents;*/
|
|
height: 100%;
|
|
background: #fff;
|
|
flex: 1 0 0%;
|
|
padding-right: calc(var(--bs-gutter-x)* .5);
|
|
padding-left: calc(var(--bs-gutter-x)* .5);
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item.doppia ul li.nav-item.divider.deeper.dropdown.parent{
|
|
flex: auto;
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item ul li.nav-item.divider.deeper.dropdown.parent > div{
|
|
display: block;
|
|
}
|
|
|
|
.custom-navbar-toggler svg {
|
|
fill: #000!important;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link{
|
|
color: #000;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav li a.nav-link.dropdown-toggle svg {
|
|
fill: #000;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav li:first-child a.nav-link,
|
|
.navbar .navbar-collapsable .navbar-nav li:first-child > li.nav-item.deeper a{
|
|
color: #000;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav.navbar-secondary li:first-child a.nav-link,
|
|
.navbar .navbar-collapsable .navbar-nav.navbar-secondary li a.nav-link{
|
|
color: #000!important;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav.navbar-secondary li a.nav-link.dropdown-toggle svg {
|
|
fill: #000;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo li:first-child a.nav-link,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo li:first-child > li.nav-item.deeper a,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo li.nav-item:nth-child(2) a.nav-link,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo li.nav-item:nth-child(3) a.nav-link,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo li.nav-item:nth-child(4) a.nav-link,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo .menu-wrapper .nav-item:nth-child(2) .dropdown-menu .link-list-wrapper ul.link-list li.nav-item.deeper > a span,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo .menu-wrapper .nav-item:nth-child(3) .dropdown-menu .link-list-wrapper ul.link-list li.nav-item.deeper > a span,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo .menu-wrapper .nav-item:nth-child(4) .dropdown-menu .link-list-wrapper ul.link-list li.nav-item.deeper > a span,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo li.nav-item a.nav-link{
|
|
color: #000!important;
|
|
font-size: .9rem;
|
|
}
|
|
|
|
@media (min-width: 992px){
|
|
.it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .navbar-nav.menualternativo{
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo li:first-child a.nav-link.dropdown-toggle svg,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo li:nth-child(2) a.nav-link.dropdown-toggle svg,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo li:nth-child(3) a.nav-link.dropdown-toggle svg,
|
|
.navbar .navbar-collapsable .navbar-nav.menualternativo li:nth-child(4) a.nav-link.dropdown-toggle svg {
|
|
fill: #000!important;
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item ul li.nav-item.divider.deeper.dropdown.parent span svg {
|
|
display: none;
|
|
}
|
|
|
|
@media(max-width:991px){
|
|
|
|
ul.navbar-nav li.nav-item.doppia ul.link-list li {
|
|
width: 100%;
|
|
}
|
|
|
|
.navbar .navbar-collapsable .navbar-nav li a.nav-link.active{
|
|
border-left: 0;
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item ul.link-list {
|
|
display: block;
|
|
min-width: unset;
|
|
}
|
|
ul.navbar-nav li.nav-item ul li.nav-item.divider.deeper.dropdown.parent > div{
|
|
display: none; /* Nascondi i sottomenu per impostazione predefinita */
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item ul li.nav-item.divider.deeper.dropdown.parent, ul.navbar-nav li.nav-item ul li.nav-item.divider {
|
|
display: block;
|
|
padding: 10px 0;
|
|
font-size: 1.1rem;
|
|
height: 100%;
|
|
background: #fff;
|
|
padding-right: calc(var(--bs-gutter-x)* .5);
|
|
padding-left: calc(var(--bs-gutter-x)* .5);
|
|
font-weight: 600;
|
|
color: #CC334B;
|
|
border-bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.navbar .dropdown-menu .link-list-wrapper ul li:last-child, .navbar .dropdown-menu .link-list-wrapper ul li ul li:last-child{
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
|
|
ul.navbar-nav li.nav-item ul li.nav-item.divider.deeper.dropdown.parent span svg {
|
|
display: inline;
|
|
position: absolute;
|
|
top: 16px;
|
|
right: 0;
|
|
transform: rotate(-90deg);
|
|
}
|
|
}
|
|
|
|
.menu-laterale ul.navbar-nav li.nav-item{
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.menu-laterale ul.navbar-nav li.nav-item a{
|
|
background-color: #CC334B;
|
|
color: #fff;
|
|
padding-left: 16px;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.menu-laterale ul.navbar-nav li.nav-item a svg{
|
|
fill: #fff;
|
|
}
|
|
|
|
.menu-laterale ul.navbar-nav li.nav-item ul li{
|
|
text-transform: none;
|
|
}
|
|
|
|
.menu-laterale ul.navbar-nav li.nav-item ul li a{
|
|
background: #F5F5F5;
|
|
border-bottom: 1px solid #000;
|
|
color: #000;
|
|
font-size: 1rem;
|
|
padding-left: 20px;
|
|
font-weight: 500;
|
|
line-height: 2.6em;
|
|
white-space: normal;
|
|
}
|
|
|
|
.menu-laterale ul.navbar-nav li.nav-item ul li.active a{
|
|
font-weight: 600;
|
|
}
|
|
|
|
.menu-laterale ul.navbar-nav li.nav-item ul li a span{
|
|
color: #000;
|
|
}
|
|
|
|
.menu-laterale .dropdown-menu{
|
|
box-shadow: unset;
|
|
}
|
|
|
|
.menu-laterale ul.navbar-nav li.nav-item .dropdown-menu, .menu-laterale ul.navbar-nav li.nav-item ul.link-list{
|
|
display: block;
|
|
position: relative!important;
|
|
min-width: unset!important;
|
|
}
|
|
|
|
.menu-laterale .link-list-wrapper{
|
|
padding: 0;
|
|
/*margin-bottom: 30px;*/
|
|
}
|