header#masthead{
    position: inherit;
    background-color: var(--pomarancz);
}

body{
    background-color: white !important;
}
img.custom-logo {
    height: 60px;
    object-fit: contain;
}
.pasek-gorny-widget-area .widget {
    margin: 0px !important;
}

.start{
    background-color: #F2EEED;
}
.kolorkreska{
    height: 2px;
    background-color: var(--pomarancz);
    display: block;
}
.breadcrumbs{
    font-weight: light;
    margin: 0px;
}
.pod-tabela p{
    font-size: 1rem !important;
}
.stickymenu{
    background-color: var(--pomarancz);

}
.menu-sticky a {
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 15px;
    border-radius: 30px;
    border: solid 2px white;
    transition: 0.3s
}
.menu-sticky li {
    margin-right: 10px;
}

.menu-sticky li a:hover {
    background: white;
}

.menu-sticky .active {
    background: white;
    color: black;
}


/* Table styling */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
}

/* Table header styling */
th {
    background-color: #f57c00; /* Match the bold orange color from your design */
    color: #ffffff;
    padding: 12px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #e0e0e0;
}

/* Table cell styling */
td {
    padding: 12px;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Alternating row colors */
tr:nth-child(odd) {
    background-color: #f9f9f9;
}

tr:nth-child(even) {
    background-color: #ffffff;
}

 

/* Table title styling */
.table-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #424242;
} 


table {
    margin: 0 0 1.5em;
    width: 100%;
    border: #eaeaea solid 2px;
}
.min-vh-60{
    min-height: 60vh;
}

table.mt-4.me-4.pe-4 {
    margin-bottom: 80px !important;
}

section#section2 p {
    font-size: 12px;
    font-weight: lighter;
    width: 100%;
    margin: auto;
     margin-top: 20px !important;
}
tr{
     transition: 0.3s;
}
tr *{
    transition: 0.3s;
}
tr:hover{
    background-color: var(--pomarancz);
 
}
tr:hover *{
    color: white !important;
 }



 .menu-sticky a:visited{
    color: black   !important;
 }

.border-poma{
    border-color: var(--pomarancz);
}
 .none{
    display: none;
 }
 .span{
    transition: 0.3s;
    cursor: pointer;
 }
 .link-active{
    color: var(--pomarancz);
    font-weight: bold;
 }

 .span:hover{
    color: var(--pomarancz);
    font-weight: bold;
 }

 .span {
    position: relative; 
    display: flex;
    justify-content: center;
    font-size: 20px;
}
 .link-active {
    position: relative;  
    display: flex;
    justify-content: center;
    
}
.span::after{
    content: '';

    display: block;
    width: 0%;
    height: 5px;
    background: var(--pomarancz);
    position: absolute;
    bottom: -12px; 
    transition: 0.3s;   
}
.link-active::after {
    content: '';
    display: block;
    width: 30%;
    height: 5px;
    background: var(--pomarancz);
    position: absolute;
    bottom: -12px;
}
.span:hover::after {
    display: block;
    width: 30%;
    height: 5px;
    background: var(--pomarancz);
    position: absolute;
    bottom: -12px;
}
p a {
    color: var(--pomarancz) !important;
    text-decoration: underline 2px;
    text-underline-offset: 6px !important;
}


.tabelka p {
    font-weight: normal !important;
   font-size: 20px !important;
}

.logo-firm-programy img{
     filter: grayscale(1);
}

span.redsign {
    color: #ff4613;
}


ul.sociallink {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.sociallink li a {
    color: black !important;
    text-decoration: none;
}

ul.sociallink li i {
    color: var(--pomarancz) !important;
    margin-right: 10px;
    display: flex;
    align-items: center;
}
ul.sociallink li {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
 
@media (max-width: 911px) {

    .logo-firm-programy img {
        filter: grayscale(1);
        width: 80%;
        margin-top: 50px;
    }
    .menu-toggle {
        display: block;
    }

    .main-navigation ul.menu {
        display: none;
        flex-direction: column;
        background: #000;
    }

    .main-navigation ul.menu > li {
        width: 100%;
    }

    .main-navigation ul.menu > li > a {
        padding: 15px;
        width: 100%;
        display: block;
    }

    .main-navigation ul.menu > li.menu-item-has-children > a::after {
        content: '';
        border: solid #fff;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    .main-navigation ul.menu > li.menu-item-has-children:hover > a::after {
        border-color: #ff0000;
    }
    .main-navigation ul.menu > li .sub-menu {
        display: none;
        position: relative;
        background: #000;
        padding: 0;
        list-style: none;
        margin: 0;
        flex-direction: column;
        background: var(--pomarancz);
        width: 100%;
    }

    .main-navigation ul.menu > li:hover .sub-menu {
        display: block;
    }

    .main-navigation ul.menu > li .sub-menu li {
        margin: 0;
    }

    .main-navigation ul.menu > li .sub-menu li a {
        padding: 10px 15px;
        display: block;
        color: #fff;
        text-decoration: none;
    }

    .main-navigation ul.menu > li .sub-menu li a:hover {
        background: #444;
    }

    .main-navigation.toggled ul.menu {
        display: flex;
    }
    
    .buttons.col-md-3.d-flex.justify-content-end {
        display: none !important;
    }

    .logo.col-md-1.d-flex.align-content-center.justify-content-center {
        display: none !important;
    }

    section {
        padding: 20px !important;
    }

    .stickymenu.row.justify-content-between.py-3.px-5.z-3.position-sticky.top-0 {
        padding-right: 0px !important;
        padding-left: 0px !important;
        overflow: scroll;
        padding-left: 20px !important;
        width: 100%;
        left: 0px;
    }
 

    ul#menuska {
        width: 500px;
    }

    .menu-menu-glowne-container {
        position: absolute;
        z-index: 5;
        width: 100vw;
        left: 0px;
        top: 100px;
    }


}