/* import font */
@import url(<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&display=swap');
/* landing page css */

/* BEGIN - Font style */
#content-block-98763 > div.content-max-width.contrast-background.light-background.py-8 > div > p:nth-child(1) > span {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* END - Font style */

/* landing page css */

/* BEGIN - Nav bar */
/* nav bar color */
body > nav.top-menu.lg\:p-\[30px\].lg\:py-\[30px\], body > nav.top-menu.lg\:p-\[30px\].py-3 {
background-color: #dad5d5 !important;
}
/* font color */
body > nav.top-menu.lg\:p-\[30px\].lg\:py-\[30px\] > div > div.align-children-middle > h1 a, body > nav.top-menu.lg\:p-\[30px\].py-3 > div > div.align-children-middle > h1 a {
color: #000000 !important;
}
.flex.shrink-0.items-center.gap-5 a {
  color: #000000 !important;
}
/* menu color */
body > nav.top-menu.lg\:p-\[30px\].lg\:py-\[30px\] > div > div.flex.shrink-0.items-center.gap-5 > button, body > nav.top-menu.lg\:p-\[30px\].py-3 > div > div.flex.shrink-0.items-center.gap-5 > button {
background-color: #b63734 !important;
}
/* END - Nav bar */

/* BEGIN - Hide hero banner text */
body > main > section:nth-child(1) > div {
display: none !important;
}
/* END - Hide hero banner text */

/* ticket page css */


/* donation page css */


/* general */
/* BEGIN - responsive behavior (auto adjust for different screen sizes) */


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

.event-img {
width: 100% !important;
margin: 0 0 50px 0 !important;
}
.shapesize {
  width: 250px !important;
  height: 250px !important;
  border-radius: 150px !important;
  }
 .fontsize {
     font-size: 26px !important;
         padding-left: 50px !important;
  }
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

.event-img {
width: 100% !important;
margin: 0 0 50px 0 !important;
}
.shapesize {
  width: 250px !important;
    height: 250px !important;
  border-radius: 150px !important;
  }
   .fontsize {
     font-size: 26px !important;
         padding-left: 50px !important;
  }
  .fsizemth {
    font-size: 85px !important;
  }
  .fsizenum {
        font-size: 28px !important;

  }
  .fsizetime {
            font-size: 28px !important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
#content-block-25318 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(6) {
padding-top: 20px !important;
}
#content-block-25318 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(5) > img {
 float: left;
 padding: 10px !important;
}
.event-img {
width: 50% !important;
}
.shapesize {
  width: 200px !important;
    height: 200px !important;
  border-radius: 100px !important;
  }
 .fontsize {
     font-size: 20px !important;
         padding-left: 0px !important;
  }
  .fsizemth {
    font-size: 85px !important;
  }
  .fsizenum {
        font-size: 28px !important;

  }
  .fsizetime {
            font-size: 28px !important;
  }
  }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
#content-block-25318 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(6) {
padding-top: 20px !important;
}
#content-block-25318 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(5) > img {
 float: left;
 padding: 10px !important;
}
.event-img {
width: 50% !important;
margin: 0 20px 150px 0 !important;
}
.shapesize {
  width: 200px !important;
    height: 200px !important;
  border-radius: 100px !important;
  }
 .fontsize {
     font-size: 20px !important;
         padding-left: 0px !important;
  }
  .fsizemth {
    font-size: 24px !important;
  }
  .fsizenum {
        font-size: 72px !important;

  }
  .fsizetime {
            font-size: 18px !important;
  }
  }

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
#content-block-25318 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(6) {
padding-top: 20px !important;
}
#content-block-25318 > div > div.order-2.text-container.uses-alignment.text-start.py-8 > div > p:nth-child(5) > img {
 float: left;
 padding: 10px !important;
}
.event-img {
width: 50% !important;
margin: 0 20px 150px 0 !important;
}
.shapesize {
  width: 200px !important;
    height: 200px !important;
  border-radius: 100px !important;
  }
 .fontsize {
     font-size: 20px !important;
         padding-left: 0px !important;
  }
  .fsizemth {
    font-size: 24px !important;
  }
  .fsizenum {
        font-size: 72px !important;

  }
  .fsizetime {
            font-size: 18px !important;
  }
  }


/* END - responsive behavior (auto adjust for different screen sizes) */