.social-color-tiktok {
  background-color: #000000;
}

.social-color-whatsapp {
  background-color: #25D366;
}

.btn--blue.float-left {
  margin-right: 20px;
  margin-top: 10px;
}

.btn--blue.float {
  margin-top: 10px;
}

#gridcontainer {
  margin: 20px 0;
  width: 100%;
  border: 10px;
}

#gridcontainer h2 a {
  color: #77787a;
  font-size: 30px 20px 20px 0;
}

#gridcontainer .griditemleft {
  float: left;
  width: 278px;
  margin: 10px;
}

#gridcontainer .griditemright {
  float: left;
  width: 278px;
  margin: 0 40px 40px 0;
}

#gridcontainer .postimage {
  margin: 0 0 10px 0;
}

.griditemright {
  border: 1px #E9E8E5 solid;
  width: 100%;
  text-align: center;
  height: 350px;
  margin-right: 10px;
  padding-left: 10px;
}

.griditemleft {
  border: 1px #e5e9e7 solid;
  width: 100%;
  text-align: center;
  height: 350px;
  padding: 10px;
  background-color: rgba(174, 212, 213, 0.242);
}

.lit-griditemright {
  border: 1px #E9E8E5 solid;
  width: 95%;
  text-align: left;
  margin-right: 10px;
  padding-left: 10px;
}

.lit-griditemleft {
  border: 1px #E9E8E5 solid;
  width: 95%;
  text-align: left;
  margin-right: 10px;
  padding-left: 10px;

}

.wp-block-cover {
  background-size: cover;
}


/* contact us */
.contact-container {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
  gap: 50px 50px;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  font-size: 20px;
  text-align: left;
}

.dashicons-location-alt {
  color: #a6a6ac;
  /* Change the color to a vibrant yellow */
  font-size: 40px!important;
  /* Increase the size for extra impact */
  width: 60px;
  height: 60px;
}

.dashicons-email-alt {
  color: #a6a6ac;
  /* Change the color to a vibrant yellow */
  font-size: 40px!important;
  /* Increase the size for extra impact */
  width: 60px;
  height: 60px;
}

.dashicons-phone {
  color: #a6a6ac;
  /* Change the color to a vibrant yellow */
  font-size: 40px!important;
  /* Increase the size for extra impact */
  width: 60px;
  height: 60px;
}


.event-page-banner__title {
  font-size: 2.8rem;
  color: #fff;
}


.events-page-section {
  padding-top: 1.1rem !important;
  padding-bottom: 1.1rem !important;
}


.headline.headline--xsmall a {
  color: rgb(250, 154, 113) !important;

}

.headline.headline--xsmall a:hover {
  color: rgb(175, 154, 146) !important;
  text-decoration: none;

}

.headline.headline--xsmall a:visited {
  color: rgb(80, 11, 227) !important;
  text-decoration: none;

}

hr.home-page {
  width: 10% !important;
  border: 2px solid white !important;
  margin-bottom: 25px !important;
}

.logo-text {
 float: right;
}



@media only screen and (min-width: 600px) {
  .school-logo-text {
    position: relative;
    z-index: 20;
    margin: 0;
    font-size: 1.5rem !important;
    font-weight: 100;
  }
}

.headline--xsmall {
  font-size: 1.1rem!important;
  margin-bottom: 1.9rem;
}

@media (min-width: 600px) {
  .metabox p {
    margin: 0;
    font-size: 0.7rem !important;
    color: #a79038;
  }
  .headline--xsmall {
    font-size: 1.0rem!important;
    margin-bottom: 1.8rem;
  }

}

@media only screen and (min-width: 960px) {
.site-header__menu-trigger {
  color:transparent!important;
  }
}

.btn--blue {
  border:solid 1px white;
}

.btn--yellow {
  background-color: #5d41c5;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.22);
}


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

.page-banner__intro {
  text-align: center!important;
  }

.headline--small-plus {
  color: #666!important;
}

.table-twenty-questions .radio-select {
    padding-left: 0px!important;
    padding-right: 0px!important;
    width: 100px!important;
}

.container-twenty-questions {
  width: 95%;
  padding: 5px!important;
  }
.headline--medium {
  font-size: 1.5rem!important;
  }
.page-banner__title {
    font-size: 2.6rem;
}
  .contact-container {
    display: block;
    pad: 20px;
  }
.grid-item {
    padding: 10px;
    font-size: 16px;
    text-align: left;
}
.school-logo-text {
    font-size: 1.5rem!important;
}

.headline--xsmall {
  font-size: 1rem!important;
  margin-bottom: 1.9rem;
  }

.logo-text {
    font-size: .9rem;
    position: absolute;
}



}


.wpgmza-standalone-component label {
  font-size: 0px!important;
  margin: 0;
  color: white;
}


.wpgmza-standalone-component .wpgmza-store-locator {
  border-style: outset;
  border-width: medium;
  border-color: lightgrey;
}

.copyright {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 0.8rem!important;
  color: #666!important;
  text-align:center;
  padding: 5px 5px;
  
}

.phoneicon {
  color: #a6a6ac;
  /* Change the color to a vibrant yellow */
  font-size: 20px!important;
  /* Increase the size for extra impact */
  width: 30px;
  height: 30px;
}

.dashicons-whatsapp {
  color:#25D366;
  /* Change the color to a vibrant yellow */
  font-size: 22px!important;
  /* Increase the size for extra impact */
  width: 30px;
  height: 30px;
  padding: 0px 5px 0px 0px;
}

/*404 page */
.container-404 h2{
  font-size: 2.2rem;
  text-align: center;
  margin-top: 60px;
}

.container404 { 
  text-align: center;
}

.error404 {
  font-size: 9rem;
  font-weight: 900;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}


.heading-block h4{
  font-size: 2rem;
  padding:0px 10px 0px 10px;
  font-style:italic;
}

.zoom-image {
  width: 100px;
  height: 56px;
  background-size:cover;
  margin: 0 auto;
}

.headline--small-plus {
 margin-bottom: 1.0rem !important;

}

.sitelogo-img {
  height: 50px !important;
  width: 240px !important;
}

/*Filter by day css */

.wpgmza-filter-widgets {
  text-align: left;
  margin-bottom: 5px;

}

.button, input, optgroup, select, textarea {
  margin-right: 2px;
  line-height: 1.07;
  border-radius: 0px;
}

.wpgmza-reset-custom-fields {
  background-color: #f7f7e7;
  border-radius: 4px;
  cursor:pointer;
  
}

.wpgmza-reset-custom-fields:hover {
  background-color: rgb(185, 191, 246); 
  color: black; 
  border: 2px solid #000000;

}

  h3.headline headline--xsmall-plus t-left {
    font-family: "Roboto", sans-serif;
    font-size: 1.3rem !important;

}