/* seaflow overwrite */

:root {
    --sf-blue:          #005ca9;
    --sf-blue-light:    #cbe4f9;
    --sf-orange:        #ea560d;
    --sf-orange-light:  #fed7c5;
 }

 body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
 }
 footer .address {
    font-size:12px;
    line-height:18px;
  }  

.navbar.navbar-inverse {
    .navbar-inner {
        padding-top:.75rem;
        background-color: var(--sf-blue);
        background-image: none;
        box-shadow:none;
        border-color: var(--sf-blue);
    }
    .nav .active > a,
    .nav .active > a:hover  {
        background-color: var(--sf-blue);
    }
    .rel-container {
        .pos-group {
            top: 0;
        } 
        .brand.double-brand {
            width: 160px;
            img {
                height: auto;
            }
        }
    }
}

@media(min-width: 810px) {
    .rel-container {
        display: flex;
        justify-content: start;
    }
}

.central-logo {
    height: 6rem;
}
/************
    pro-nav (menu prodotti)
*************/

.flyout-title {
    background-color: var(--sf-orange); 
    background-image: none;
}
ul.fixed li {
    border-left: 13px solid;
}
ul.fixed li:nth-child(odd) {
    border-color: var(--sf-blue);
}
ul.fixed li:nth-child(odd):hover {
    border-color: var(--sf-blue-light);
    background-color: var(--sf-blue-light);
}
ul.fixed li:nth-child(odd):hover > a {
    border-color: var(--sf-blue-light);
    background-color: var(--sf-blue-light);
}
ul.fixed li:nth-child(even) {
    border-color: var(--sf-orange);
}
ul.fixed li:nth-child(even):hover {
    border-color: var(--sf-orange-light);
    background-color: var(--sf-orange-light);
}
ul.fixed li:nth-child(even):hover > a {
    border-color: var(--sf-orange-light);
    background-color: var(--sf-orange-light);
}

ul.flyout li {
    border-left: none;
}
ul.fixed li:nth-child(odd) ul.flyout li:hover > a {
    background-color: var(--sf-blue-light);
}
ul.fixed li:nth-child(odd) ul.flyout li:nth-child(even) ul.flyout li > a:hover {
    background-color: var(--sf-blue-light);
}
ul.fixed li:nth-child(even) ul.flyout li:hover > a {
    background-color: var(--sf-orange-light);
}

/************
    visual box (indice visivo macrocategorie)
*************/
.visual-box {
    .box-header { 
        .bvc_01, .bvc_03, .bvc_05, .bvc_07, .bvc_09, .bvc_11, .bvc_13 {
            background-color: var(--sf-blue);
            border:4px solid var(--sf-blue);
            border-bottom:none
        }
        .bvc_02, .bvc_04, .bvc_06, .bvc_08, .bvc_10, .bvc_12, .bvc_14 {
            background-color: var(--sf-orange);
            border:4px solid var(--sf-orange);
            border-bottom:none
        }
    }
}

.visual-box {
    .c_01, .c_03, .c_05, .c_07, .c_09, .c_11, .c_13 {
        border:4px solid  var(--sf-blue);
        border-top:none;
    }
    .c_02, .c_04, .c_06, .c_08, .c_10, .c_12, .c_14 {
        border:4px solid  var(--sf-orange);
        border-top:none;
    }
}

/************
    box (categorie prodotti)
*************/

.box { 
    .box-header {
        .c_01, .c_03, .c_05, .c_07, .c_09, .c_11, .c_13 {
            background-color: var(--sf-blue-light);        
        }
    }
    .box-header {
        .c_02, .c_04, .c_06, .c_08, .c_10, .c_12, .c_14 {
            background-color: var(--sf-orange-light);        
        }
    }
}

/************
    article-box (prodotti)
*************/

.article-box.c_01, 
.article-box.c_03, 
.article-box.c_05, 
.article-box.c_07, 
.article-box.c_09, 
.article-box.c_11, 
.article-box.c_13 {
    background-color: var(--sf-blue-light);        
}


.article-box.c_02, 
.article-box.c_04, 
.article-box.c_06, 
.article-box.c_08, 
.article-box.c_10, 
.article-box.c_12, 
.article-box.outlet {
    background-color: var(--sf-orange-light);        
}