@import url('fonts/montserrat/montserrat.css');

* {font-family: "montserrat-regular";}


.pnl-gray {background-color: #F5F4F4;}
.header .pnl-relative {position: relative; }
.header .pnl-relative > .pnl-logo {position: absolute; top:0; left:0; right: 0; text-align: center;}
.header .pnl-relative > .pnl-logo > img {max-width: 298px; margin-top: 160px;}
h2{text-align: center; font-family: "montserrat-medium";margin-top: 55px; margin-bottom: 55px;}
h2.fairHeader {margin-bottom: -5px;}
h2 > span {font-family: "montserrat-bold";}
#h1FairDate {font-family: "montserrat-medium";}
.pnl-register  {text-align: center;}
.pnl-register .btnRegister {width: 237px; height: 54px; background-color: #2298BC ; color:#ffffff; border-radius: 9px; 
    display: inline-block; font-family: "Montserrat-bold"; font-size: 29px; text-decoration: none; padding-top: 5px; margin-top: 35px; margin-bottom: 35px;}


.circle-image{
  border-radius: 20px;
  width: 300px;
  height: 200px;
  object-fit: cover;
}



.header .imgLogo {
  width: 100%; 
  max-width: 1920px; 
  display: block;
  margin: 0 auto;
}

.imgLogoSmall {
  display: none;
}


.activity-calendar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  width: 100%;
  padding-left: 8rem;
  padding-right: 8rem;
}

.activity-item {
  text-align: center;
}



.activity-pane {
  margin-top: 10px;
}

.date {
  font-weight: bold;
}

.name {
  font-size: 1.2em;
}

.place {
  font-size: 1em;
}


.social-links img{
  height: 20px;
  width: 20px;
}

.yhy-link a{
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: bold;
  color: white; 
  display: inline-block;
  margin-bottom: 2rem;
}

.line-break {
  display: inline;
}



#pnl-about-us {padding-bottom:60px;}
#pnl-about-us .about-us {
  text-align: center;
  max-width: 1650px;
  margin: 0 80px;
}
#pnl-about-us .about-us img {max-width: 200px; width: 100%;}
#pnl-about-us .number-card {position: relative;}
#pnl-about-us .number-card > div {position: absolute; font-size: 11px; width: 100px; bottom: 20px;right: 50px;}

#pnl-activity-calendar {padding-bottom:55px;}
#pnl-activity-calendar .col  {text-align: center;}
#pnl-activity-calendar .col > a {text-decoration: none;display: inline-block;}
#pnl-activity-calendar .col > a:visited {color:inherit;}
#pnl-activity-calendar .col-md-2 img, #pnl-activity-calendar .col img { max-width: 300px; height: 220px; width: 100%;}
#pnl-activity-calendar .activity-pane {margin-top: 15px;}
#pnl-activity-calendar .activity-pane .date{color:#AE0018; font-family: "montserrat-bold";font-size: 21px; margin-top: 5px;}
#pnl-activity-calendar .activity-pane .name{ color:#570F48; font-family: "montserrat-bold";font-size: 15px;margin-top: 5px;}
#pnl-activity-calendar .activity-pane .place{color:#570F48; font-family: "montserrat-medium";margin-top: 5px;}

#pnl-activities { min-height: 761px; padding-top:0px; padding-bottom: 60px;}
#pnl-activities h2{color: #57969a;}
#pnl-activities .information-header { letter-spacing: -1px; color: #4B5B77; opacity: 1; font-size:22px; font-weight: bold; margin-bottom:30px; margin-top:50px;}
#pnl-activities .information-description { font-size: 20px; line-height: 24px; letter-spacing: 0; color: #57969a; opacity: 1; margin-bottom: 40px; font-family: 'montserrat-medium'; }
#pnl-activities .information-sub-header {color: #4E969D; font-size:20px; letter-spacing: -1px; line-height: 25px; max-height: 60px; height: 100%; font-weight: 600;}
#pnl-activities .information-sub-description {color: #4B5B77; display: inline-block; min-height: 150px; font-size: 15px;}
#pnl-activities img {max-width:177px; width: 100%; margin-bottom: 25px;}


#pnl-contact-us { background-color: #000000; text-align: center; }
#pnl-contact-us ul {list-style: none; display: inline-block; margin-top: 20px; padding:0;}
#pnl-contact-us ul li {float: left;}
#pnl-contact-us ul li a { text-decoration: none; padding:0 10px; color:#ffffff; font-size: 1.3rem; }
#pnl-contact-us p { text-decoration: none; padding:0 10px; color:#ffffff; font-size: 1rem; }

#pnl-contact-us p a {
  text-decoration: none; 
  color: inherit; 
}


@media only screen and (max-width: 1024px) {
  .activity-calendar{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .pnl-register .btnRegister {zoom:.7;}
  h2 {zoom: .7; margin-top: 35px; margin-bottom: 35px;}  
  #pnl-activity-calendar .col { zoom:.7;}
  #pnl-activities .information-sub-header,#pnl-activities .information-description,#pnl-activities img{zoom: .8;}
  #pnl-about-us .number-card {margin-bottom: 25px;}
}

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

  .activity-calendar {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .line-break {
    display: block;
    margin-top: 0.5rem; /* Optional for spacing */
}
  #pnl-contact-us ul li a { font-size: 1.2rem; }
  #pnl-contact-us ul li a { font-size: 1.2rem; }

  #pnl-activity-calendar .col-md-2 img, #pnl-activity-calendar .col img {width: initial! important;}
  .pnl-register .btnRegister {zoom:.7;}
  h2 {zoom: .7; margin-top: 25px; margin-bottom: 25px;}   
  #pnl-activity-calendar .col { zoom:.8;}
  #pnl-activities .information-sub-description{min-height: initial !important; margin-bottom: 55px;}
  #pnl-about-us .number-card {margin-bottom: 25px;}
  #pnl-about-us p {font-size:14px !important;}
  
}


@media (max-width: 480px) {
  .header .imgLogo {
    display: none;
  }

  
  .imgLogoSmall {
    height: 200px;
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}