/************************** BARVE ******************************/

.main-menu nav ul li:nth-of-type(1){background-color:#8bbacf;}
.main-menu nav ul li:nth-of-type(2){background-color:#eabc4e;}
.main-menu nav ul li:nth-of-type(3){background-color:#e89c3a;}
.main-menu nav ul li:nth-of-type(4){background-color:#e08073;}
.main-menu nav ul li:nth-of-type(5){background-color:#df8290;}
.main-menu nav ul li:nth-of-type(6){background-color:#abbb7e;}
.main-menu nav ul li:nth-of-type(7){background-color:#779888;}
.main-menu nav ul li:nth-of-type(8){background-color:#3b91b7;}

body.poglavje1 .barvapoglavja{color:#8bbacf !important;}
body.poglavje1 .ozadjepoglavja{background-color:#8bbacf !important;} 
body.poglavje1 .ozadjepoglavjasvetlo{background-color: #8bbacf17;}
body.poglavje1 button.ikona{background-color:#8bbacf !important;}
body.poglavje1 .borderpoglavja{border-color:#8bbacf !important;}
body.poglavje1 .widget .opis.aktiven .face{border-color:#8bbacf !important;}
body.poglavje1 .sub-menu nav ul li.izbran{color:#8bbacf;}
body.poglavje1 .sub-menu nav ul li.izbran::after{border-top: 10px solid #8bbacf;}
body.poglavje1 .opis.aktiven .txt{border-color: #8bbacf;}
body.poglavje1 .vprasanja li:before {color: #8bbacf;}
body.poglavje1 .kategorija:before{background-color:lightblue;}
.barva1 {color:#8bbacf !important;} 

body.poglavje2 .barvapoglavja{color:#eabc4e !important;} /*eac587*/
body.poglavje2 .ozadjepoglavja{background-color:#eabc4e !important;}
body.poglavje2 .ozadjepoglavjasvetlo{background-color:#fff6eb;}
body.poglavje2 button.ikona{background-color:#eabc4e !important;}
body.poglavje2 .borderpoglavja{border-color:#eabc4e !important;}
body.poglavje2 .widget .opis.aktiven .face{border-color:#eabc4e !important;}
body.poglavje2 .sub-menu nav ul li.izbran{color:#eabc4e;}
body.poglavje2 .opis.aktiven .txt{border-color: #eabc4e;}
body.poglavje2 .kategorija:before{background-color:#eabc4e}
body.poglavje2 .vprasanja li:before {color: #eabc4e;}
body.poglavje2 .sub-menu nav ul li.izbran::after{border-top: 10px solid #eabc4e;}
.barva2 {color:#eabc4e !important;}

body.poglavje3 .barvapoglavja{color:#e89c3a !important;} /*d6baae*/
body.poglavje3 .ozadjepoglavja{background-color:#e89c3a !important;}
body.poglavje3 .ozadjepoglavjasvetlo{background-color:#fff4ef;}
body.poglavje3 button.ikona{background-color:#e89c3a !important;}
body.poglavje3 .borderpoglavja{border-color:#e89c3a !important;}
body.poglavje3 .widget .opis.aktiven .face{border-color:#e89c3a !important;}
body.poglavje3 .sub-menu nav ul li.izbran{color:#e89c3a;}
body.poglavje3 .opis.aktiven .txt{border-color: #e89c3a;}
body.poglavje3 .kategorija:before{background-color:#e89c3a}
body.poglavje3 .vprasanja li:before {color: #e89c3a;}
body.poglavje3 .sub-menu nav ul li.izbran::after{border-top: 10px solid #e89c3a;}
.barva3 {color:#e89c3a !important;}

body.poglavje4 .barvapoglavja{color:#e08073 !important;}
body.poglavje4 .ozadjepoglavja{background-color:#e08073 !important;}
body.poglavje4 .ozadjepoglavjasvetlo{background-color:#f5dad5;}
body.poglavje4 button.ikona{background-color:#e08073 !important;}
body.poglavje4 .borderpoglavja{border-color:#e08073 !important;}
body.poglavje4 .widget .opis.aktiven .face{border-color:#e08073 !important;}
body.poglavje4 .sub-menu nav ul li.izbran{color:#e08073;}
body.poglavje4 .opis.aktiven .txt{border-color: #e08073;}
body.poglavje4 .kategorija:before{background-color:#e08073}
body.poglavje4 .vprasanja li:before {color: #e08073;}
body.poglavje4 .sub-menu nav ul li.izbran::after{border-top: 10px solid #e08073;}
.barva4 {color:#e08073 !important;}

body.poglavje5 .barvapoglavja{color:#df8290 !important;}
body.poglavje5 .ozadjepoglavja{background-color:#df8290 !important;}
body.poglavje5 .ozadjepoglavjasvetlo{background-color:#f5dde1;}
body.poglavje5 button.ikona{background-color:#df8290 !important;}
body.poglavje5 .borderpoglavja{border-color:#df8290 !important;}
body.poglavje5 .widget .opis.aktiven .face{border-color:#df8290 !important;}
body.poglavje5 .sub-menu nav ul li.izbran{color:#df8290;}
body.poglavje5 .opis.aktiven .txt{border-color: #df8290;}
body.poglavje5 .kategorija:before{background-color:#df8290}
body.poglavje5 .vprasanja li:before {color: #df8290;}
body.poglavje5 .sub-menu nav ul li.izbran::after{border-top: 10px solid #df8290;}
.barva5 {color:#df8290 !important;}

body.poglavje6 .barvapoglavja{color:#abbb7e !important;}
body.poglavje6 .ozadjepoglavja{background-color:#abbb7e !important;}
body.poglavje6 .ozadjepoglavjasvetlo{background-color:#f7fbec;}
body.poglavje6 button.ikona{background-color:#abbb7e !important;}
body.poglavje6 .borderpoglavja{border-color:#abbb7e !important;}
body.poglavje6 .widget .opis.aktiven .face{border-color:#abbb7e !important;}
body.poglavje6 .sub-menu nav ul li.izbran{color:#abbb7e;}
body.poglavje6 .opis.aktiven .txt{border-color: #abbb7e;}
body.poglavje6 .kategorija:before{background-color:#abbb7e}
body.poglavje6 .vprasanja li:before {color: #abbb7e;}
body.poglavje6 .sub-menu nav ul li.izbran::after{border-top: 10px solid #abbb7e;}
.barva6 {color:#abbb7e !important;}

body.poglavje7 .barvapoglavja{color:#779888 !important;}
body.poglavje7 .ozadjepoglavja{background-color:#b1ccbf !important;}
body.poglavje7 .ozadjepoglavjasvetlo{background-color:#e1ebe6;}
body.poglavje7 button.ikona{background-color:#779888 !important;}
body.poglavje7 .borderpoglavja{border-color:#779888 !important;}
body.poglavje7 .widget .opis.aktiven .face{border-color:#779888 !important;}
body.poglavje7 .sub-menu nav ul li.izbran{color:#779888;}
body.poglavje7 .opis.aktiven .txt{border-color: #779888;}
body.poglavje7 .kategorija:before{background-color:#779888}
body.poglavje7 .vprasanja li:before {color: #779888;}
body.poglavje7 .sub-menu nav ul li.izbran::after{border-top: 10px solid #779888;}
.barva7 {color:#779888 !important;}

body.poglavje8 .barvapoglavja{color:#3b91b7 !important;}
body.poglavje8 .ozadjepoglavja{background-color:#3b91b7 !important;}
body.poglavje8 .ozadjepoglavjasvetlo{background-color:#e0f6ff;}
body.poglavje8 button.ikona{background-color:#3b91b7 !important;}
body.poglavje8 .borderpoglavja{border-color:#3b91b7 !important;}
body.poglavje8 .widget .opis.aktiven .face{border-color:#3b91b7 !important;}
body.poglavje8 .sub-menu nav ul li.izbran{color:#3b91b7;}
body.poglavje8 .opis.aktiven .txt{border-color: #3b91b7;}
body.poglavje8 .kategorija:before{background-color:#3b91b7}
body.poglavje8 .vprasanja li:before {color: #3b91b7;}
body.poglavje8 .sub-menu nav ul li.izbran::after{border-top: 10px solid #3b91b7;}
.barva8 {color:#3b91b7 !important;}

/******************************** MENU **************************************/

nav{
    
}

nav li{
    transition: all 0.3s ease-in-out;
}

nav ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
}

nav ul a{
    color:unset;
    text-decoration: none;
}

nav ul a:hover{
    color:gold;
}

nav ul li{
    flex: 1 1 0px;
    text-align: center;
    font-size: 18px;
    color:#fff;
    font-weight: bold;
    line-height: 20px;
    display: grid;
    place-items: center;
}

nav ul li:not(:last-child){
    border-right: 1px solid rgba(255,255,255,1);
}

.vzorcnopoglavje .menus li:not(.bp){
    pointer-events: none;
    filter: brightness(1.2) grayscale(0.5);
}

.vzorcnopoglavje .menus li.bp{
    pointer-events: all;
}

/************************** MENU ******************************/



.main-menu nav ul li{
    height: 80px;
    position: relative;
}

.main-menu{
    border-bottom: 1px solid rgba(255,255,255,1);
}

.main-menu nav{
    position: relative;
}

.main-menu nav ul li.izbran{
    pointer-events: none;
}

.main-menu nav ul li.izbran:after{
    content: "";
    right: calc(50% - 10px);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: 5px;
    animation: utripaj3 1.2s 0.2s linear infinite alternate;
}




/************************** SUBMENU ******************************/

.sub-menu nav ul{
    
}

.sub-menu nav ul li{
    height: 45px;
    position: relative;
    /*display: inline-block;*/
}

.sub-menu nav ul li.izbran{
    /*font-weight: bold;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    border: none;
    scale: 1.03;
    position: relative;
    z-index: 100;    */
    color: #444;;
    background-color: white !important;    
    pointer-events: none;
}

@keyframes utripaj3{
    from {opacity: 1;}
    to {opacity: 0.3;}
}

.sub-menu nav ul li.izbran:after{
    content: "";
    right: calc(50% - 5px);
    bottom: -17px;
    transform: translateY(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #eac587;
    position: absolute;
    animation: utripaj3 1s linear infinite alternate;
    
    /*filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2));*/
}

.menus.sticky{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
    height: 69px;
}



.menus.sticky .main-menu li{
    height: 45px;
    font-size: 13px;
    line-height: 15px;
}

.menus.sticky .main-menu nav ul li.izbran:after{
    right: calc(50% - 6px);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #eac587;
    bottom: 2px;
}

.menus.sticky .sub-menu nav ul{
    /*box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);*/
}

.menus.sticky .sub-menu li{
    height: 28px;
    font-size: 12px;
}

.menus.sticky .sub-menu nav ul li.izbran:after{
    right: calc(50% - 5px);
    bottom: -9px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffd700;
    top: unset;
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3));
    animation: none;    
}