﻿:root {
  
    /* topmenu */
    --bg-topmenu: #003882;

    /* hero */
    --bg-hero: white;

    /* topmenu2 */
    --bg-topmenu2: #003274;

    /* footer */
    --bg-footer: #202a2e;

    /* COLORI BIANCHI */
    --color-white-blue-menu: #fff;
    --color-white-topmenu: #fff;
    --color-white-hero: black;
    --color-white-topmenu2: #fff;
    --color-white-footer: #fff;
}

/* Corpo */
body {
    margin: 0;
}

.logoIca {
    visibility: hidden;
}



.item.btnHorizontalMenu {
    color: var(--color-white-blue-menu) !important;
}

.ui.inverted.blue.menu .item, .ui.inverted.blue.menu .item > a:not(.ui) {
    color: #000 !important;
}

/* topmenu */
#topmenu {
    background-color: var(--bg-topmenu);
    color: var(--color-white-topmenu);
    margin: 0px;
    padding: 0px;
}

    #topmenu .ui.container,
    #topmenu .ui.left.menu,
    #topmenu .ui.right.menu,
    #topmenu .item,
    #topmenu .ui.dropdown.item.btnHorizontalMenu,
    #topmenu .ui.dropdown.item.btnHorizontalMenu .menu {
        background: transparent !important;
        box-shadow: none !important;
        /*border: none !important;*/
        /*padding: 0 !important;*/
        color: var(--color-white-topmenu);
    }

    #topmenu.item {
        padding: 0 10px !important;
        color: var(--color-white-topmenu);
    }

/* hero */
.hero {
    background-color: var(--bg-hero);
    color: var(--color-white-hero);
    
}

#heroheader {
    color: var(--color-white-hero);
}

#heroheader .sub.header {
    color: var(--color-white-hero);
}

/* topmenu2 */
#topmenu2 {
    background-color: var(--bg-topmenu2);
    color: var(--color-white-topmenu2);
    margin: 0px;
    padding: 0px;
}

.ui.inverted.yellow.menu,
.ui.inverted.menu .yellow.active.item {
    background-color: var(--bg-topmenu2);
    color: #0f206c;
}

#topmenu2 .ui.inverted.menu .item > a:not(.ui) {
    color: var(--color-white-topmenu2);
}

.ui.inverted.yellow.menu .item::before {
    background-color: var(--bg-topmenu2);
}

#topmenu2 .ui.dropdown.litemenu.item  {
    color: var(--color-white-topmenu2);
}

.ui.inverted.yellow.menu .item, .ui.inverted.yellow.menu .item > a:not(.ui) {
     color: var(--color-white-topmenu2);
     margin: 2px 0px 2px 0px;
}

#topmenu2 .menu.transition .item > a:not(.ui) {
    color: black;
}

.it-parma-white {
    fill: var(--color-white-topmenu2);
    width: 48px;
    height: 48px;
    margin-right: 8px;
    flex-shrink: 0;
}

.ui.items > .item .meta {
    margin: .5em 0 .5em;
    font-size: 1em;
    line-height: 0.5em;
    color: rgba(0,0,0,.6)
}

/* footer */
.footer {
    height: 100%;
    background-color: none;
}

#footer_custom {
    background-color: var(--bg-footer);
    color: var(--color-white-footer);
    margin: 0px;
    padding: 0px;
}

#footer_custom .ui.segment {
    background: var(--bg-footer);
    color: var(--color-white-footer);
    font-family: Titillium Web,Geneva,Tahoma,sans-serif;
    font-size: 14px;
}

#footer_custom .ui.stackable.equal.height.stackable.grid {
        border-top: 1px solid var(--color-white-footer);
        margin: 30px 0px 0px 0px;
    }

#footer_custom  .ui.segment a {
    color: var(--color-white-footer);
}

#footer_custom  .ui.segment li::marker {
    content: '';
}

#footer_custom .ui.segment ul {
    padding-left: 0px;
}

#footer_custom  .ui.segment:not(.inverted) {
    border-top: 0px solid #2185d0 !important
}

.ui.items.footer_ {
    padding-top: 20px;
}

.ui.horizontal.list.footer {
    border-top: 1px solid var(--color-white-footer);
    margin: 30px 0px 0px 0px;
}

.ui.stackable.blue.equal.width.stackable.grid {
    border-top: 1px solid var(--color-white-footer);
    margin: 30px 0px 0px 0px;
}



.footer-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.left-content,
.right-content {
    color: white; /* o il colore che preferisci */
}




