#agenda {
    background: rgba(131, 157, 206, 0.00);
    position: relative;
    overflow: hidden;
    padding-top: calc(8vw - 3rem);
}

        .agenda {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .day {
            width: 47%;
            margin-bottom: 20px;
            z-index: 5;
        }


.day h2 {
    background: #fff;
    width: calc(100% + 35px);
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -35px;
    background: #970A6A;
    background: linear-gradient(90deg, rgba(151, 10, 106, 1) 0%, rgba(175, 30, 87, 1) 33%, rgba(209, 69, 80, 1) 66%, rgba(242, 143, 111, 1) 100%);
    color: #fff;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2rem;
}

.agenda .day:last-of-type h2 {
background: #323C77;
          background: linear-gradient(90deg, rgba(50, 60, 119, 1) 0%, rgba(140, 109, 158, 1) 44%, rgba(249, 173, 209, 1) 99%);
                color: #fff;
}




#agenda h1 {
     margin-left: -35px;
     
}



        .agenda-block {

           
            margin-bottom: 20px;
            border-radius: 5px;
           
            position: relative;
        }

.block-header {
    position: absolute;
    bottom: -25px;
    left: 0;
    height: 25px;
    transform: rotate(-90deg);
    transform-origin: top left;
    white-space: nowrap;
    background: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
    left: -35px;
    color: #fff;
    text-transform: uppercase;
}

        .block-time {
            font-size: 14px;
            font-weight: bold;
            margin-right: 10px;
           display: none;
        }

.block-name {
    font-size: 0.7rem;
    font-weight: 500;
}


.session {
     padding: 20px;

    background: #fafafa;
}

.agenda-block .session:not(:last-child) {
    margin-bottom: 10px;
}


        .session-header {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
        }

.session-time {
    font-size: 1rem;
    font-weight: 500;
    margin-right: 10px;
    /* color: #777; */
    width: 100%;

}
.session h4 {
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
    width: 100%;
}

.session-description {
    font-size: 0.8rem;
    margin: 0;
    line-height: 1.2;
    margin-top: 10px;
}


.session p {
    font-size: 0.8rem;
    margin: 0;
    line-height: 1.2;
}

.participants {
    display: flex
;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    margin-top: 10px;
}

.speakers, .companies {
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
}


.session_speaker {
cursor: pointer;
    min-width: 40%;
}


        .speaker, .company {
            display: flex;
            align-items: center;
            
        }

        .company {
            width: 120px;
        }

        .speaker img, .company img {
            width: 60px;
            height: 60px;
            border-radius: 0%;
            object-fit: cover;
            margin-right: 10px;
              border: 1px solid rgba(0, 0, 0, 0.2);
        }

.speaker-initials {
    width: 60px;
    height: 60px;
    display: flex
;
    justify-content: center;
    align-items: center;
    background: #000;
    color: #fff;
    font-weight: 600;
     margin-right: 10px;
}

.company img {
    width: 100px;
    height: 60px;
    object-fit: contain;
  
    border-radius: 0;
}


.speaker-info {
    
}

.speaker-name {
    font-size: 0.8rem;
    font-weight: 500;
}


.speaker-position {
font-size: 0.8rem;
font-weight: 300;
}



        .speaker p, .company p {
            margin: 0;
        }

        /* Kolory bloków */
        .agenda-block.red { background-color: #f8d7da; }
        .agenda-block.green { background-color: #d4edda; }
        .agenda-block.blue { background-color: #cce5ff; }



        .lila .speaker-initials {
            background-color: #ce7eb3;
        }

       .pink .speaker-initials  {
            background-color: #e995bf;
        }

        .burgund .speaker-initials  {
            background-color: #d83662;
        }

        .violet .speaker-initials  {
            background-color: #877eba;
        }




        .lila .block-header {
            color: #ce7eb3;
            background: rgba(135, 126, 186, 0.1);
            background: #fff;
            border: 1px solid;


            background: #DC82CC;
background: linear-gradient(90deg, rgba(220, 130, 204, 1) 0%, rgba(224, 139, 179, 1) 33%, rgba(229, 148, 131, 1) 66%, rgba(232, 156, 122, 1) 100%);
      
                color: #fff;
           
        }

        .pink .block-header  {
            color: #e995bf;
            background: rgba(233, 149, 191, 0.1);
            background: #fff;
            border: 1px solid;
           
                           background: #970A6A;
background: linear-gradient(90deg, rgba(151, 10, 106, 1) 0%, rgba(175, 30, 87, 1) 33%, rgba(209, 69, 80, 1) 66%, rgba(242, 143, 111, 1) 100%);
                color: #fff;

        }

        .burgund .block-header  {
            color: #d83662;
            background: rgba(216, 54, 98, 0.1);
            background: #fff;
            border: 1px solid;
           
          background: linear-gradient(90deg, rgba(50, 60, 119, 1) 0%, rgba(140, 109, 158, 1) 44%, rgba(249, 173, 209, 1) 99%);
                color: #fff;
        }

        .violet .block-header  {
            color: #877eba;
            background: rgba(135, 126, 186, 0.1);
            background: #fff;
           border: 1px solid;

       background: #132040;
background: linear-gradient(90deg, rgba(19, 32, 64, 1) 0%, rgba(57, 85, 125, 1) 33%, rgba(111, 129, 177, 1) 66%, rgba(139, 139, 191, 1) 100%);
 color: #fff;
        }















        


/* POPUP */






.speaker_popup {
    max-width: 900px;
    display: flex
;
    justify-content: space-between;
    padding: 40px 30px !important;
}



.speaker_popup .speaker_image {
    width: 250px;
    height: 250px;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 5;
    padding: 15px 15px 15px 15px;
    overflow: visible;
}


.speaker_popup .speaker_image img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}


.speaker_popup .speaker_image::before {
    /* SIZE: B4; */
    position: absolute;
    content: '';
    top: auto;
    left: -10px;
    background: rgba(240, 142, 186, 0.4);
    width: 40%;
    height: 40%;
    z-index: 8;
    bottom: -40px;
}

.speaker_popup .speaker_image::after {
    position: absolute;
    content: '';
    top: -10px;
    right: -40px;
    background: rgba(240, 142, 186, 0.6);
    width: 40%;
    height: 40%;
    z-index: 5;
    background: rgba(85, 66, 132, 0.2);
}


.speaker_popup .speaker_details {
    width: calc(100% - 280px);
    font-size: 0.9rem;
}




/* Usuń obramowanie focusa dla wszystkich elementów wewnątrz popupu */
.speaker_popup *:focus {
    outline: none !important;
}


.speaker_popup *:focus-visible {
    outline: none !important;
}


.ui-dialog .ui-dialog-buttonpane button:focus-visible {
    outline: none !important;
}

.ui-dialog .ui-dialog-buttonpane button:focus {
    outline: none !important;
}





.speaker_popup .speaker_name {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    min-width: 400px;
}


.speaker_popup .speaker_info {
    font-weight: 500;
    font-size: 1rem;
}

.speaker_popup .speaker_bio {
    margin-top: 20px;
}


.speaker_popup .ui-dialog-title {

    color: #fff !important;
}



.speaker_popup .initials {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 99;
    color: #fff;
    font-size: 3rem;
    background: #877eba;
    font-weight: 600;
}















@media only screen and (max-height: 1450px)  {


}











@media only screen and (max-width: 1380px)  {


}




@media only screen and (max-width: 1290px)  {


}




@media only screen and (max-width: 1030px)  {

    .day {
    width: 100%;
    margin-bottom: 20px;
    z-index: 5;
}


.news-preview-post {
    width: 48%;

}

}








@media only screen and (max-width: 995px)  {


}





@media only screen and (max-width: 810px)  {


    .news-preview-post {
    width: 100%;

}

}




@media only screen and (max-width: 780px)  {

#agenda {
    background: rgba(131, 157, 206, 0.00);
    position: relative;
    overflow: hidden;
    padding-top: calc(16vw + 1rem);
}



.speaker_popup {
    max-width: 900px;
    display: flex
;
    justify-content: space-between;
    padding: 40px 30px !important;
    flex-wrap: wrap;
}

.speaker_popup .speaker_details {
    width: 100%;
    font-size: 0.9rem;
    margin-top: 40px;
}


}




@media only screen and (max-width: 650px)  {


}




@media only screen and (max-width: 610px)  {

.block-header {
    left: -15px;

}


.participants {
    display: flex
;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.company {
    width: 100%;
}


#agenda h1 {
    margin-left: 0;
}


.day h2 {
    margin-left: 0;
}


}




@media only screen and (max-width: 520px)  {


}


@media only screen and (max-width: 490px)  {


}





@media only screen and (max-width: 460px)  {


}




@media only screen and (max-width: 430px)  {


}



@media only screen and (max-width: 390px)  {


}



@media only screen and (max-width: 370px)  {


}



@media only screen and (max-width: 330px)  {


}