@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

li, a, strong, span, p, div, section, h1, h2,h3,h4, h5,h6, button, input{
  font-family: "Manrope", sans-serif !important;
}

body, section{
  background-color: #281443;
}



.transparentMenu .nav-list li a{
color: white !important;
  font-weight: 400 !important;
  
}
.logoMenu{
  transition: 0.7s;
}
.transparentMenu .logoMenu{
  opacity: 0;
}

.nav-container{
width: 100% !important;
  justify-content: center !important;
}
.firstSection{
  margin-top: 0;
}
h2.sectionTitle, h3.sectionTitle{
color: white !important;
text-align: center;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 500;
 
  text-transform: capitalize;
}


/* .customStyle{
background-color: transparent !important;
font-weight: 800 !important;
  
}

.customStyle a{
  font-weight: 800 !important;
  
}
 */

.customStyle a, .transparentMenu .nav-list li.customStyle a{
  font-weight: 500 !important;
  color: #5a3888 !important;
  text-transform: none;


}

.customStyle a.external-link{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
 
}

.nav-list li.customStyle{
    border-radius: 12px !important;
    height: 40px;
  margin-top: 18px;
  margin-left: 15px;
   display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
  
  transition: 0.3s;

  
  
}



 nav .nav-list li.customStyle{
   
  margin-top: 10px;
    background-color: #5a3888 !important;
     transition: 0.7s !important;
  
 a{
    color: white !important;
   font-weight: 200;
  
  } 
   
   &:hover{
 background-color: rgba(108, 67, 191, 0.8) !important;
     
     a{
       color: white !important;
       
        &::after{
     display: none !important;
   }
     }
    
  }
 
}

.transparentMenu .nav-list li.customStyle{
   
  margin-top: 18px;
  background-color: white !important;

  
  a{
    color: #5a3888 !important
  }
 
 
}

nav.transparentMenu a{
margin-top: 25px !important;

}

nav a{
  text-transform: none !important; 
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after , nav ul li a::after{
  background-color: rgb(108, 67, 191) !important;
}

#VerticalLine{
 background-color: rgb(108, 67, 191) !important;
}

/* GLITCH START */

.glitched-text {
  position: relative;
  /* display: inline-block; */
}

.glitched-text::before,
.glitched-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:  #281443;
  /* background-color: transparent; */
}

.timer-title.glitched-text::before,
.timer-title.glitched-text::after{
    background-color: transparent;
}



.glitched-text::before {
  left: 3px;
  text-shadow: -2px 0 1px #0f0, 2px 0 1px #f0f;
  clip: rect(24px, 1000px, 90px, 0);
  animation: glitch-anim-2 2s infinite linear alternate-reverse;
/*   animation-play-state : paused; */
   animation-play-state: running;
}

.glitched-text::after {
  left: -3px;
  text-shadow: -2px 0 1px #0f0, 2px 0 1px #f0f;
  clip: rect(85px, 1000px, 140px, 0);
  animation: glitch-anim-2 1.5s infinite linear alternate-reverse;
  /* animation-play-state : paused; */
   animation-play-state: running;
}

.glitched-text:hover::after,
.glitched-text:hover::before {
 /*  animation-play-state: running; */
}



@-webkit-keyframes glitch-anim {
  0% {
    clip: rect(85px, 9999px, 31px, 0);
  }
  4.166666666666666% {
    clip: rect(37px, 9999px, 14px, 0);
  }
  8.333333333333332% {
    clip: rect(97px, 9999px, 121px, 0);
  }
  12.5% {
    clip: rect(24px, 9999px, 106px, 0);
  }
  16.666666666666664% {
    clip: rect(103px, 9999px, 25px, 0);
  }
  20.833333333333336% {
    clip: rect(134px, 9999px, 85px, 0);
  }
  25% {
    clip: rect(74px, 9999px, 123px, 0);
  }
  29.166666666666668% {
    clip: rect(137px, 9999px, 30px, 0);
  }
  33.33333333333333% {
    clip: rect(47px, 9999px, 121px, 0);
  }
  37.5% {
    clip: rect(54px, 9999px, 143px, 0);
  }
  41.66666666666667% {
    clip: rect(1px, 9999px, 37px, 0);
  }
  45.83333333333333% {
    clip: rect(51px, 9999px, 119px, 0);
  }
  50% {
    clip: rect(90px, 9999px, 132px, 0);
  }
  54.166666666666664% {
    clip: rect(75px, 9999px, 32px, 0);
  }
  58.333333333333336% {
    clip: rect(133px, 9999px, 5px, 0);
  }
  62.5% {
    clip: rect(63px, 9999px, 84px, 0);
  }
  66.66666666666666% {
    clip: rect(6px, 9999px, 124px, 0);
  }
  70.83333333333334% {
    clip: rect(65px, 9999px, 2px, 0);
  }
  75% {
    clip: rect(35px, 9999px, 56px, 0);
  }
  79.16666666666666% {
    clip: rect(98px, 9999px, 101px, 0);
  }
  83.33333333333334% {
    clip: rect(45px, 9999px, 8px, 0);
  }
  87.5% {
    clip: rect(69px, 9999px, 63px, 0);
  }
  91.66666666666666% {
    clip: rect(83px, 9999px, 115px, 0);
  }
  95.83333333333334% {
    clip: rect(145px, 9999px, 114px, 0);
  }
  100% {
    clip: rect(124px, 9999px, 144px, 0);
  }
}
@keyframes glitch-anim {
  0% {
    clip: rect(85px, 9999px, 31px, 0);
  }
  4.166666666666666% {
    clip: rect(37px, 9999px, 14px, 0);
  }
  8.333333333333332% {
    clip: rect(97px, 9999px, 121px, 0);
  }
  12.5% {
    clip: rect(24px, 9999px, 106px, 0);
  }
  16.666666666666664% {
    clip: rect(103px, 9999px, 25px, 0);
  }
  20.833333333333336% {
    clip: rect(134px, 9999px, 85px, 0);
  }
  25% {
    clip: rect(74px, 9999px, 123px, 0);
  }
  29.166666666666668% {
    clip: rect(137px, 9999px, 30px, 0);
  }
  33.33333333333333% {
    clip: rect(47px, 9999px, 121px, 0);
  }
  37.5% {
    clip: rect(54px, 9999px, 143px, 0);
  }
  41.66666666666667% {
    clip: rect(1px, 9999px, 37px, 0);
  }
  45.83333333333333% {
    clip: rect(51px, 9999px, 119px, 0);
  }
  50% {
    clip: rect(90px, 9999px, 132px, 0);
  }
  54.166666666666664% {
    clip: rect(75px, 9999px, 32px, 0);
  }
  58.333333333333336% {
    clip: rect(133px, 9999px, 5px, 0);
  }
  62.5% {
    clip: rect(63px, 9999px, 84px, 0);
  }
  66.66666666666666% {
    clip: rect(6px, 9999px, 124px, 0);
  }
  70.83333333333334% {
    clip: rect(65px, 9999px, 2px, 0);
  }
  75% {
    clip: rect(35px, 9999px, 56px, 0);
  }
  79.16666666666666% {
    clip: rect(98px, 9999px, 101px, 0);
  }
  83.33333333333334% {
    clip: rect(45px, 9999px, 8px, 0);
  }
  87.5% {
    clip: rect(69px, 9999px, 63px, 0);
  }
  91.66666666666666% {
    clip: rect(83px, 9999px, 115px, 0);
  }
  95.83333333333334% {
    clip: rect(145px, 9999px, 114px, 0);
  }
  100% {
    clip: rect(124px, 9999px, 144px, 0);
  }
}
@-webkit-keyframes glitch-anim-2 {
  6.666666666666667% {
    clip: rect(103px, 9999px, 37px, 0);
  }
  10% {
    clip: rect(31px, 9999px, 50px, 0);
  }
  13.333333333333334% {
    clip: rect(43px, 9999px, 23px, 0);
  }
  16.666666666666664% {
    clip: rect(67px, 9999px, 29px, 0);
  }
  20% {
    clip: rect(10px, 9999px, 56px, 0);
  }
  23.333333333333332% {
    clip: rect(8px, 9999px, 90px, 0);
  }
  26.666666666666668% {
    clip: rect(31px, 9999px, 51px, 0);
  }
  30% {
    clip: rect(46px, 9999px, 143px, 0);
  }
  33.33333333333333% {
    clip: rect(54px, 9999px, 6px, 0);
  }
  36.666666666666664% {
    clip: rect(67px, 9999px, 105px, 0);
  }
  40% {
    clip: rect(96px, 9999px, 14px, 0);
  }
  43.333333333333336% {
    clip: rect(147px, 9999px, 140px, 0);
  }
  46.666666666666664% {
    clip: rect(84px, 9999px, 31px, 0);
  }
  50% {
    clip: rect(123px, 9999px, 88px, 0);
  }
  53.333333333333336% {
    clip: rect(147px, 9999px, 132px, 0);
  }
  56.666666666666664% {
    clip: rect(53px, 9999px, 111px, 0);
  }
  60% {
    clip: rect(59px, 9999px, 112px, 0);
  }
  63.33333333333333% {
    clip: rect(30px, 9999px, 21px, 0);
  }
  66.66666666666666% {
    clip: rect(92px, 9999px, 54px, 0);
  }
  70% {
    clip: rect(121px, 9999px, 98px, 0);
  }
  73.33333333333333% {
    clip: rect(15px, 9999px, 60px, 0);
  }
  76.66666666666667% {
    clip: rect(66px, 9999px, 26px, 0);
  }
  80% {
    clip: rect(146px, 9999px, 98px, 0);
  }
  83.33333333333334% {
    clip: rect(117px, 9999px, 39px, 0);
  }
  86.66666666666667% {
    clip: rect(87px, 9999px, 16px, 0);
  }
  90% {
    clip: rect(102px, 9999px, 84px, 0);
  }
  93.33333333333333% {
    clip: rect(68px, 9999px, 112px, 0);
  }
  96.66666666666667% {
    clip: rect(36px, 9999px, 114px, 0);
  }
  100% {
    clip: rect(97px, 9999px, 53px, 0);
  }
}
@keyframes glitch-anim-2 {
  6.666666666666667% {
    clip: rect(103px, 9999px, 37px, 0);
  }
  10% {
    clip: rect(31px, 9999px, 50px, 0);
  }
  13.333333333333334% {
    clip: rect(43px, 9999px, 23px, 0);
  }
  16.666666666666664% {
    clip: rect(67px, 9999px, 29px, 0);
  }
  20% {
    clip: rect(10px, 9999px, 56px, 0);
  }
  23.333333333333332% {
    clip: rect(8px, 9999px, 90px, 0);
  }
  26.666666666666668% {
    clip: rect(31px, 9999px, 51px, 0);
  }
  30% {
    clip: rect(46px, 9999px, 143px, 0);
  }
  33.33333333333333% {
    clip: rect(54px, 9999px, 6px, 0);
  }
  36.666666666666664% {
    clip: rect(67px, 9999px, 105px, 0);
  }
  40% {
    clip: rect(96px, 9999px, 14px, 0);
  }
  43.333333333333336% {
    clip: rect(147px, 9999px, 140px, 0);
  }
  46.666666666666664% {
    clip: rect(84px, 9999px, 31px, 0);
  }
  50% {
    clip: rect(123px, 9999px, 88px, 0);
  }
  53.333333333333336% {
    clip: rect(147px, 9999px, 132px, 0);
  }
  56.666666666666664% {
    clip: rect(53px, 9999px, 111px, 0);
  }
  60% {
    clip: rect(59px, 9999px, 112px, 0);
  }
  63.33333333333333% {
    clip: rect(30px, 9999px, 21px, 0);
  }
  66.66666666666666% {
    clip: rect(92px, 9999px, 54px, 0);
  }
  70% {
    clip: rect(121px, 9999px, 98px, 0);
  }
  73.33333333333333% {
    clip: rect(15px, 9999px, 60px, 0);
  }
  76.66666666666667% {
    clip: rect(66px, 9999px, 26px, 0);
  }
  80% {
    clip: rect(146px, 9999px, 98px, 0);
  }
  83.33333333333334% {
    clip: rect(117px, 9999px, 39px, 0);
  }
  86.66666666666667% {
    clip: rect(87px, 9999px, 16px, 0);
  }
  90% {
    clip: rect(102px, 9999px, 84px, 0);
  }
  93.33333333333333% {
    clip: rect(68px, 9999px, 112px, 0);
  }
  96.66666666666667% {
    clip: rect(36px, 9999px, 114px, 0);
  }
  100% {
    clip: rect(97px, 9999px, 53px, 0);
  }
}


/* GLITCH END */

.showMobile{
  display: none;
}

.hideMobile{
  display: block;

}

@media only screen and (max-width: 767px){
  .showMobile{
  display: block;
}

.hideMobile{
  display: none;

}
  
  .godzina{
    padding-left: 15px;
  }
  
  .nazwa{
    font-size: 14px;
  }
  
  .AgendaDescription{
    width: 100%;
  }
}

#navigation{
  border-bottom: 2px solid rgb(108, 67, 191);
}

#navigation.transparentMenu{
  border-bottom: none;
}

.speakerName{
color: white;
font-size: 20px;
  
}

.speakerImg{
height: auto !important;}

.speakerInfo{
display: none ;
}

.owl-next, .owl-prev{
color: white !important;
}

#modalArea .speakerImg{
width: 150px !important;
  display: block;
  max-width: 150px;

}

#modalArea .speakerName{
color: #281443!important;

}

#modalArea .speakerInfo{
color: #281443 !important;
display: block;
}

#cancelModalBtn{
background-color: #6c43bf;

font-family: 'Manrope';
}

.languages{
position: fixed;
top: 0;
  right: 20px;
  margin-top: 0 !important;
  
  a{
    margin-top: 15px !important;
  }
}

@media only screen and (max-width: 767px){
  .languages{
position: fixed;
top: 0;
  right: auto;
    left: 20px;
}
}

html[lang="en"] #modalCoffee .speakerInfo {
  display: none;
}