@charset "UTF-8";
.container-pg {
  box-sizing: border-box;
  width: 100%;
  max-width: 1236px;
  padding: 10px;
  margin: 0 auto;
}
.container-pg--full {
  max-width: 100%;
}
.container-pg--large {
  max-width: 1366px;
}
.container-pg--medium {
  max-width: 1000px;
}

.text-inherit {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
}

.separator-color-lines {
  width: 80%;
  max-width: 1000px;
  height: 10px;
  margin: 40px auto;
  background: url(/wp-content/themes/pg-community/assets/images/svg/separator-lines.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.text-title {
  font-family: "Quicksand", sans-serif;
  font-size: 2em;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.25em;
}

.text-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.5em;
}

@media (min-width: 768px) {
  .text-title {
    font-size: 40px;
  }
  .text-subtitle {
    font-size: 20px;
  }
}
@media (min-width: 1400px) {
  .text-title {
    font-size: 62px;
  }
  .text-subtitle {
    font-size: 30px;
  }
}
body {
  width: 100%;
  overflow-x: hidden;
}

pg-navbar, pg-navbar * {
  box-sizing: border-box;
}

pg-navbar {
  position: relative;
  z-index: 999;
  max-width: 100dvw;
  display: none;
}
pg-navbar.loaded {
  display: block;
}

.pg-navbar .pg-navbar__mobile-header {
  justify-content: initial !important;
}

@media (min-width: 1320px) {
  pg-navbar .hidden-mobile {
    display: none !important;
  }
  pg-navbar .pg-navbar__navigation ul {
    padding: 0 48px 0 24px;
  }
  pg-navbar nav ul > li > div.pg-navbar__submenu-header > img.pg-navbar__submenu-chevron {
    margin-top: 0.5em;
  }
  pg-navbar .pg-navbar__container .pg-navbar__layout .pg-navbar__content .pg-navbar__contact {
    gap: 1.3rem;
    transform: scale(0.85);
    transform-origin: right;
    flex-wrap: nowrap;
  }
  pg-navbar .pg-navbar__container .pg-navbar__layout .pg-navbar__content .pg-navbar__contact a {
    color: #606060;
  }
  pg-navbar .pg-navbar__container .pg-navbar__layout .pg-navbar__content .pg-navbar__contact-group {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: end;
    white-space: nowrap;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #606060;
    letter-spacing: 0.96px;
    gap: 8px;
  }
}
pg-navbar .pg-navbar__mobile-header-slot a {
  align-items: center;
  display: flex;
  gap: 0.3rem;
}

pg-navbar .text-center {
  text-align: center;
}

pg-navbar .pg-navbar__navigation a {
  color: #707070;
}

pg-navbar .pg-navbar__navigation ul {
  list-style: none;
}

@media screen and (max-width: 1319px) {
  pg-navbar .pg-navbar__container .pg-navbar__layout .pg-navbar__content .pg-navbar__navigation .pg-navbar--hidden-desktop {
    padding: 0 32px;
  }
  pg-navbar .pg-navbar__container .pg-navbar__layout .pg-navbar__content .pg-navbar__navigation .pg-navbar--hidden-desktop ul {
    padding: 0;
  }
}
header a.pg-phone-email {
  text-decoration: none;
  color: #606060;
}

body:has(.no-scrolling-body) {
  overflow: hidden;
  transition: 0.3s overflow;
}

/* estilo para el popup */
.simple-popup {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s;
  opacity: 0;
  display: none;
  /* estilo para el contenido del popup */
  /* estilo para el botón de cierre del popup */
}
.simple-popup-content {
  background: #fff;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
}
.simple-popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.simple-popup-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

/* define los keyframes para el efecto de fade in y fade out */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Comming Soon -- START */
.simple-popup {
  /* estilo para el botón de cierre del popup */
}
.simple-popup--comming-soon .simple-popup-content {
  width: 80%;
  max-width: 800px;
  height: 80%;
  max-height: 550px;
  background: url(https://playgardenprep.com/wp-content/uploads/2022/04/paper-header-mobile-3.png) rgba(0, 0, 0, 0.05);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}
.simple-popup--comming-soon .simple-popup-close {
  top: 20px;
  right: 40px;
  font-size: 32px;
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  color: #f89838;
}
.simple-popup--comming-soon .simple-popup-close:hover {
  color: #ff8710;
}
.simple-popup--comming-soon .simple-popup-content {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 20px;
}
.simple-popup--comming-soon .comming-soon--logo {
  width: 80%;
  max-width: 400px;
  height: auto;
}
.simple-popup--comming-soon .comming-soon--content {
  display: flex;
  gap: 20px;
}
.simple-popup--comming-soon .comming-soon--content span {
  font-family: "Quicksand", sans-serif;
  font-size: 70px;
  text-align: center;
  font-weight: 600;
}
.simple-popup--comming-soon .comming-soon--content span:first-child {
  color: #FFB8D6;
}
.simple-popup--comming-soon .comming-soon--content span:last-child {
  color: #96D5DE;
}

@media (max-width: 1023px) {
  /* Comming Soon */
  .simple-popup {
    /* estilo para el botón de cierre del popup */
  }
  .simple-popup--comming-soon .simple-popup-content {
    width: 90%;
    max-height: 450px;
  }
  .simple-popup--comming-soon .simple-popup-close {
    top: 20px;
    right: 40px;
    font-size: 32px;
  }
  .simple-popup--comming-soon .simple-popup-content {
    gap: 20px;
  }
  .simple-popup--comming-soon .comming-soon--logo {
    max-width: 350px;
  }
  .simple-popup--comming-soon .comming-soon--content {
    gap: 20px;
  }
  .simple-popup--comming-soon .comming-soon--content span {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  /* Comming Soon */
  .simple-popup {
    /* estilo para el botón de cierre del popup */
  }
  .simple-popup--comming-soon .simple-popup-content {
    max-height: 250px;
  }
  .simple-popup--comming-soon .simple-popup-close {
    top: 20px;
    right: 20px;
    font-size: 24px;
  }
  .simple-popup--comming-soon .simple-popup-content {
    gap: 20px;
  }
  .simple-popup--comming-soon .comming-soon--logo {
    max-width: 200px;
  }
  .simple-popup--comming-soon .comming-soon--content {
    gap: 10px;
  }
  .simple-popup--comming-soon .comming-soon--content span {
    font-size: 20px;
  }
}
/* Comming Soon -- END */
.wpua-edit {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.wpua-edit input#submit {
  background-color: #FFAB37;
  text-transform: uppercase;
  padding: 5px 15px;
  border-radius: 7px;
  color: white;
  border: 2px solid #FFAB37;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}
.wpua-edit input#submit:hover {
  box-shadow: unset;
  cursor: pointer;
}

.update-picture-container h3,
.update-picture-container #wpua-upload-existing,
.update-picture-container #wpua-upload-messages-existing,
.update-picture-container #wpua-preview-existing,
.update-picture-container #wpua-thumbnail-existing .description,
.update-picture-container #wpua-remove-button-existing,
.update-picture-container #wpua-thumbnail-existing,
.update-picture-container #wpua-upload-button-existing,
.update-picture-container .success {
  display: none !important;
}

.update-picture-container img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}

.update-picture-container .select-file-btn {
  display: block;
  margin: 15px auto 0 auto;
  text-align: center;
  color: #68C453;
}

.wpua-edit-container {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

input[type=file] {
  width: 156px;
  color: transparent;
}

.color-dots-popup {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
}

/* Profile -- START */
.simple-popup {
  /* estilo para el botón de cierre del popup */
}
.simple-popup--profile {
  height: 100%;
  overflow-y: auto;
}
.simple-popup--profile .simple-popup-content {
  width: 80%;
  max-width: 700px;
  height: auto;
  max-height: fit-content;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  border-radius: 80px;
  position: relative;
  padding: 32px 20px 60px;
}
.simple-popup--profile .simple-popup-close {
  top: 20px;
  right: 40px;
  font-size: 32px;
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  background-color: #F6B7D2;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.simple-popup--profile .simple-popup-close:hover {
  color: #ff8710;
}
.simple-popup--profile .simple-popup-content {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 20px;
}
.simple-popup--profile .profile--content {
  display: flex;
  gap: 20px;
}
.simple-popup--profile .profile--content span {
  font-family: "Quicksand", sans-serif;
  font-size: 70px;
  text-align: center;
  font-weight: 600;
}
.simple-popup--profile .profile--content span:first-child {
  color: #FFB8D6;
}
.simple-popup--profile .profile--content span:last-child {
  color: #96D5DE;
}
.simple-popup--profile .profile--title {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 700;
  font-size: 28.7504px;
  letter-spacing: 5.75009px;
  text-transform: uppercase;
  color: #606060;
}
.simple-popup--profile .profile--picture {
  border: 5px solid #68C453;
  border-radius: 50%;
}
.simple-popup--profile .profile--picture img {
  border: 5px solid #B2E68D;
  border-radius: 50%;
  object-fit: cover;
  width: 150px;
  height: 150px;
  object-fit: cover;
}
.simple-popup--profile .profile--user {
  width: 90%;
  margin: 25px 0;
}
.simple-popup--profile .profile--user_details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Poppins";
  font-style: normal;
  font-size: 26px;
  line-height: 43px;
  text-align: right;
}
.simple-popup--profile .profile--user_details_title {
  color: #B7B7B7;
  font-weight: 500;
  text-transform: uppercase;
}
.simple-popup--profile .profile--user_details_value {
  color: #8E8E8E;
  font-weight: 600;
}

@media (max-width: 1023px) {
  .color-dots-popup {
    bottom: 0;
  }
  /* Comming Soon */
  .simple-popup--profile .simple-popup-content {
    width: 90%;
    max-height: unset;
  }
}
@media (max-width: 767px) {
  .color-dots-popup {
    position: relative;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
  }
  /* Comming Soon */
  .simple-popup {
    /* estilo para el botón de cierre del popup */
  }
  .simple-popup--profile .simple-popup-content {
    max-width: 350px;
    height: fit-content;
    gap: 0;
    border-radius: 40px;
    position: absolute;
    padding: 0 0 20px;
  }
  .simple-popup--profile .simple-popup-close {
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    font-size: 20px;
  }
  .simple-popup--profile .profile--title {
    font-size: 20px;
    letter-spacing: 4px;
    margin-top: 20px;
  }
  .simple-popup--profile .profile--picture img {
    width: 90px;
    height: 90px;
  }
  .simple-popup--profile .profile--user {
    width: 90%;
    margin: 25px 0;
  }
  .simple-popup--profile .profile--user_details {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 1.5em;
  }
  .simple-popup--profile .profile--user_details_title {
    color: #B7B7B7;
    font-weight: 500;
  }
  .simple-popup--profile .profile--user_details_value {
    color: #8E8E8E;
    font-weight: 600;
  }
  .simple-popup--profile .profile--user_details:first-child {
    margin-bottom: 20px;
  }
}
.text-shaddow--profile {
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
}

body {
  background-color: #fff;
}

.error-404 {
  width: 100%;
  margin: 0;
  display: block;
  padding: 0;
  display: grid;
  grid-template-areas: "Image" "Content";
  position: relative;
}
@media (min-width: 768px) {
  .error-404 {
    grid-template-areas: "Content Image";
    grid-template-columns: repeat(2, 1fr);
    padding: 0 0 0 20px;
    margin: 30px 0;
  }
}
@media (min-width: 1024px) {
  .error-404 {
    margin: 30px 0;
  }
}
.error-404__message {
  position: relative;
  grid-area: Content;
  z-index: 2;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .error-404__message {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .error-404__info-container {
    max-width: 481px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }
}
.error-404__title {
  font-family: "Quicksand", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25em;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #F89838;
  margin: -40px 0 20px;
}
@media (min-width: 768px) {
  .error-404__title {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  .error-404__title {
    font-size: 32px;
  }
}
.error-404__title span {
  font-family: inherit;
  padding: 30px 40px 28px;
  position: relative;
  z-index: 2;
  display: inline-block;
}
@media (min-width: 768px) {
  .error-404__title span {
    padding: 32px 60px 30px;
  }
}
@media (min-width: 1024px) {
  .error-404__title span {
    padding: 42px 80px 38px;
  }
}
.error-404__title span::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/wp-content/themes/pg-community/assets/images/png/errors/bg-title.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.error-404 .error-404__content {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.25em;
  text-align: center;
  color: #707070;
}
@media (min-width: 1024px) {
  .error-404 .error-404__content {
    font-size: 32px;
  }
}
.error-404 .error-404__content a {
  font-weight: 600;
  color: #68C453;
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .error-404 .error-404__content a {
    font-weight: 500;
    font-size: 30px;
  }
}
.error-404 .error-404__content a:hover {
  color: #68c453;
}
.error-404__image-section {
  z-index: 1;
  position: relative;
  grid-area: Image;
  width: 100%;
  position: relative;
}
.error-404__image-section::before {
  content: "";
  position: absolute;
  height: 150%;
  width: 100%;
  transform: translateY(-40%);
  top: 50%;
  left: 0;
  background: url(/wp-content/themes/pg-community/assets/images/webp/errors/watercolor-small.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50px center;
}
@media (min-width: 768px) {
  .error-404__image-section::before {
    background: url(/wp-content/themes/pg-community/assets/images/webp/errors/watercolor-big.webp);
    background-size: 150% 150%;
    background-repeat: no-repeat;
    background-position: 50px center;
    height: 140%;
    transform: translateY(-50%);
  }
}
.error-404__figure {
  margin: 0;
  box-sizing: border-box;
  width: 276px;
  height: 283px;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  background-blend-mode: multiply;
  background: linear-gradient(-15deg, #1E2F56 18.52%, rgba(154, 171, 162, 0.15) 37.82%, rgba(239, 255, 222, 0) 67.45%);
  position: relative;
}
@media (min-width: 1024px) {
  .error-404__figure {
    width: 390px;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .error-404__figure {
    width: 90%;
    max-width: 680px;
  }
}
.error-404__image {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  border: none;
}

.button-top-page {
  opacity: 0;
  position: fixed;
  bottom: 20px;
  right: 30px;
  background: #B2E68D;
  border-radius: 21.3223px;
  display: flex;
  align-items: center;
  z-index: 999;
  cursor: pointer;
  gap: 5px;
  padding: 8px 20px;
  transition: 0.3s background, 0.5s opacity;
}
.button-top-page.visible {
  opacity: 1;
}
.button-top-page:hover {
  background: #68C453;
}
.button-top-page__text {
  font-family: "Quicksand";
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25em;
  color: #FFFFFF;
}

@media (max-width: 767px) {
  .button-top-page {
    right: 20px;
    padding: 4px 15px 4px 8px;
  }
  .button-top-page__text {
    font-size: 12px;
  }
}
/* Footer */
.social-links {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.social-links__link {
  display: block;
  transition: 0.3s transform;
}
.social-links__link:hover {
  transform: scale(1.2);
}
.social-links__icon svg {
  width: 28px;
  height: 28px;
}
.social-links__link svg circle, .social-links__link:not(.social-links__link--mail) svg g path {
  transition: 0.3s fill;
}
.social-links__link:hover svg circle, .social-links__link:not(.social-links__link--mail):hover svg g path {
  fill: #48AA32;
}
.social-links__text {
  display: none;
}

@media (min-width: 1024px) {
  .social-links__icon svg {
    width: 32px;
    height: 32px;
  }
}
.address-location {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-style: normal;
  gap: 8px;
}
.address-location__location {
  color: #68C453;
  text-align: center;
  font-size: 20px;
  line-height: 1.25em;
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
}
.address-location a, .address-location span {
  color: #606060;
  text-align: center;
  font-size: 16px;
  line-height: 1.5em;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
}
.address-location a {
  text-decoration: underline;
  text-decoration-style: dotted;
  transition: 0.2s color;
}
.address-location a:hover {
  color: #68C453;
}
.address-location__mail {
  letter-spacing: 0;
  font-size: 14px !important;
}

@media (min-width: 768px) and (max-width: 820px) {
  .address-location__mail {
    letter-spacing: -0.03em;
  }
}
@media (min-width: 768px) {
  .address-location__location {
    font-size: 18px;
    letter-spacing: -0.05em;
  }
  .address-location a, .address-location span {
    font-size: 14px;
  }
}
.footer {
  background-image: url("/wp-content/themes/pg-community/assets/images/webp/backgrounds/bg-paper-footer-mobile.webp");
  background-position: top center;
  background-size: cover;
}
.footer .container {
  padding: 120px 24px 4px;
}
.footer__info {
  display: grid;
  gap: 40px;
  justify-content: center;
}
.footer__links {
  display: grid;
  justify-content: center;
  gap: 20px;
}
.footer__logo {
  margin: 0;
  display: flex;
  justify-content: center;
}
.footer__logo svg {
  width: 120px;
  height: 120px;
}
.footer .menu-footer {
  text-align: center;
}
.footer .menu-footer ul {
  list-style: none;
}
.footer .menu-footer li {
  margin-bottom: 10px;
}
.footer .menu-footer li a:hover {
  color: #68C453;
}
.footer__copy {
  color: #606060;
  text-align: center;
  font-size: 12px;
  line-height: 1.5em;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  display: block;
  padding: 20px;
  position: relative;
  border-top: 1px dashed #BCBBBB;
}
.footer__copy a {
  color: #707070;
  text-decoration: underline;
  text-decoration-style: dotted;
  letter-spacing: 0.03em;
  font-weight: 500;
  transition: 0.2s color;
}
.footer__copy a:hover {
  color: #68C453;
}
.footer__copy::after {
  content: "";
  position: absolute;
  width: 95%;
  max-width: 650px;
  height: 4px;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  background: url("/wp-content/themes/pg-community/assets/images/svg/dash-dots-lines.svg");
  background-size: 100%;
}

@media (min-width: 768px) {
  .footer {
    background-image: url("/wp-content/themes/pg-community/assets/images/webp/backgrounds/bg-paper-footer-desktop.webp");
    background-position: top center;
    background-size: 1400px 100%;
    background-repeat: no-repeat;
  }
  .footer .container {
    max-width: 1360px;
  }
  .footer__info {
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "Links Links Menu Menu Page_Online Page_Online" "Page_Ues Page_Ues Page_Park Page_Park Page_Tribeca Page_Tribeca";
    gap: 60px 20px;
  }
  .footer__links {
    grid-area: Links;
  }
  .footer .menu-footer {
    grid-area: Menu;
    align-self: end;
    text-align: center;
  }
  .footer .menu-footer a {
    font-size: 16px;
  }
  .footer .address-location--online {
    grid-area: Page_Online;
  }
  .footer .address-location--ues {
    grid-area: Page_Ues;
  }
  .footer .address-location--park {
    grid-area: Page_Park;
  }
  .footer .address-location--tribeca {
    grid-area: Page_Tribeca;
  }
}
@media (min-width: 1024px) {
  .footer__copy::after {
    max-width: 1000px;
    height: 6px;
  }
}
@media (min-width: 1200px) {
  .footer {
    background-size: 1920px 100%;
  }
  .footer__info {
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "Links Menu Page_Online Page_Ues Page_Park Page_Tribeca";
    gap: 60px 0;
  }
  .footer__links {
    grid-area: Links;
  }
  .footer .menu-footer {
    grid-area: Menu;
    align-self: center;
  }
}
@media (min-width: 1400px) {
  .footer {
    background-size: 100% 100%;
  }
  .footer .container {
    padding: 120px 0 4px;
  }
}
/* Foro */
.wpforo-action-buttons-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 15px !important;
}

.wpforo-post-content p {
  line-height: 1.7 !important;
}

#wpforo #wpforo-wrap .wpf-field.wpf-field-type-tinymce .wpf-field-wrap textarea {
  height: auto;
  min-height: 250px;
}

#wpforo #wpforo-wrap .wpf-topic-tags,
#wpforo #wpforo-wrap .wpfl-1 .wpforo-tags.wpforo-post {
  display: none !important;
}

.wpf-breadcrumb .wpf-item-element a,
.wpf-breadcrumb .wpf-item-element span {
  color: #ffab37 !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif !important;
}
.wpf-breadcrumb .wpf-item-element:first-of-type {
  display: none !important;
}
.wpf-breadcrumb .wpf-item-element::after {
  color: #ffab37;
}
.wpf-breadcrumb .wpf-item-element:last-of-type {
  background-color: white !important;
}
.wpf-breadcrumb .wpf-item-element:last-of-type::after {
  display: none;
}

.topic-icon {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.topic-icon-list {
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#wpforo #wpforo-wrap .wpforo-post-head .wpf-post-head-top {
  background: #FFFFFF;
  box-shadow: -1px 4px 38px 1px rgba(0, 0, 0, 0.25);
  align-items: center !important;
}

#wpforo #wpforo-wrap .wpforo-content .wpforo-topic-head-wrap .wpf-post-info div {
  display: none;
}
#wpforo #wpforo-wrap .wpforo-content .wpforo-topic-head-wrap .wpf-post-info .wpf-post-info-forum {
  margin: 0 !important;
  font-size: 14px;
  font-weight: 600;
}
#wpforo #wpforo-wrap .wpforo-content .wpforo-topic-head-wrap .wpf-post-info .wpf-post-info-forum::before {
  content: "Category: ";
}

#wpforo #wpforo-wrap .post-forum__container {
  padding: 0 10px;
  margin-top: 40px;
  display: grid;
  gap: 20px;
  grid-template-columns: 56px 1fr;
  grid-template-areas: "ForumProfile ForumDetails" "ForumContent ForumContent";
}
#wpforo #wpforo-wrap .post-forum__container--unapproved {
  background-color: #f4f5f4;
  border: 1px solid #e2e2e2;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 20px;
}
#wpforo #wpforo-wrap .post-forum__profile {
  grid-area: ForumProfile;
}
#wpforo #wpforo-wrap .post-forum__details-post {
  grid-area: ForumDetails;
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-direction: column;
}
#wpforo #wpforo-wrap .post-forum__content {
  grid-area: ForumContent;
}
#wpforo #wpforo-wrap .post-forum__content .wpforo-post-content p {
  font-size: 14px;
  line-height: 1.5em;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
#wpforo #wpforo-wrap .post-forum__content .wpforo-post-content blockquote {
  background: #f9f9f9;
  padding: 10px 20px;
  border: 2px solid #e2e2e2;
  border-radius: 10px;
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #777777;
}
#wpforo #wpforo-wrap .post-forum__content .wpforo-action-buttons-wrap {
  background-color: #e2fbdb;
  justify-content: start !important;
  padding: 12px 20px;
  flex-wrap: wrap;
}
#wpforo #wpforo-wrap .post-forum__content .wpforo-action-buttons-wrap .wpf-action {
  color: #68C453;
  font-size: 14px;
}
#wpforo #wpforo-wrap .post-forum__content .wpforo-action-buttons-wrap .wpf-action:hover {
  text-decoration: underline;
}

@media (min-width: 1024px) {
  #wpforo #wpforo-wrap .post-forum__container {
    margin-top: 40px;
    display: grid;
    gap: 20px 40px;
    grid-template-columns: 56px 1fr;
    grid-template-areas: "ForumProfile ForumDetails" "ForumProfile ForumContent";
  }
  #wpforo #wpforo-wrap .post-forum__details-post {
    align-items: start;
    flex-direction: row;
  }
  #wpforo #wpforo-wrap .post-forum__content .wpforo-post-content p {
    font-size: 16px;
  }
}
#wpforo #wpforo-wrap .leave-comment-container .wpf-post-create {
  background: #FFFFFF;
  box-shadow: -1px 4px 38px 1px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 30px 14px;
}
#wpforo #wpforo-wrap .leave-comment-container .wpf-post-create .wpf-reply-form-title {
  font-family: "Quicksand", sans-serif;
  font-size: 18px;
}
#wpforo #wpforo-wrap .leave-comment-container .wpf-post-create p, #wpforo #wpforo-wrap .leave-comment-container .wpf-post-create label, #wpforo #wpforo-wrap .leave-comment-container .wpf-post-create input {
  font-family: "Quicksand", sans-serif;
}
#wpforo #wpforo-wrap .leave-comment-container .wpf-post-create .wpf-field p {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
#wpforo #wpforo-wrap .leave-comment-container .wpf-post-create .wpf-default-attachment p {
  font-size: 12px;
  font-weight: 500;
}
#wpforo #wpforo-wrap .leave-comment-container .wpf-post-create input[type=text], #wpforo #wpforo-wrap .leave-comment-container .wpf-post-create textarea {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #4f4f4f;
  padding: 8px 16px !important;
}
#wpforo #wpforo-wrap .leave-comment-container .wpf-post-create input[type=text]:focus, #wpforo #wpforo-wrap .leave-comment-container .wpf-post-create textarea:focus {
  background-color: #e2fbdb;
}
#wpforo #wpforo-wrap .leave-comment-container .wpf-post-create input[type=submit] {
  background: rgba(104, 196, 83, 0.75);
  font-weight: 600;
  transition: 0.3s all;
  border-color: #68C453;
}
#wpforo #wpforo-wrap .leave-comment-container .wpf-post-create input[type=submit]:hover {
  background: #68c453;
}

@media (min-with: 768px) {
  #wpforo #wpforo-wrap .leave-comment-container .wpf-post-create {
    border-radius: 10px;
    padding: 40px 20px;
  }
  #wpforo #wpforo-wrap .leave-comment-container .wpf-post-create .wpf-reply-form-title {
    font-size: 18px;
  }
  #wpforo #wpforo-wrap .leave-comment-container .wpf-post-create .wpf-field p {
    font-size: 16px;
  }
  #wpforo #wpforo-wrap .leave-comment-container .wpf-post-create .wpf-default-attachment p {
    font-size: 14px;
  }
  #wpforo #wpforo-wrap .leave-comment-container .wpf-post-create input[type=text], #wpforo #wpforo-wrap .leave-comment-container .wpf-post-create textarea {
    padding: 16px 20px !important;
  }
}
.wpf-please-login {
  background-color: #e2fbdb !important;
}

/* calendar */
#tribe-events-pg-template.tribe-events-pg-template {
  margin-top: 0 !important;
}

.calendar-events-pg .tribe-events-single div,
.calendar-events-pg .tribe-events-single span,
.calendar-events-pg .tribe-events-single h1,
.calendar-events-pg .tribe-events-single h3,
.calendar-events-pg .tribe-events-single h2,
.calendar-events-pg .tribe-events-single button,
.calendar-events-pg .tribe-events-single a,
.tribe-events div,
.tribe-events span,
.tribe-events h1,
.tribe-events h3,
.tribe-events h2,
.tribe-events button,
.tribe-events a {
  font-family: "Quicksand", sans-serif;
}

.tribe-common.tribe-events.tribe-events-view .tooltipster-base h3,
.tribe-common.tribe-events.tribe-events-view .tooltipster-base span {
  font-family: "Quicksand", sans-serif;
}

.tribe-common.tribe-events.tribe-events-view .tribe-common-l-container {
  padding-top: 0;
}
.tribe-common.tribe-events.tribe-events-view .tribe-events-c-subscribe-dropdown__container {
  display: none;
}
.tribe-common.tribe-events.tribe-events-view h3.tribe-events-calendar-month__header-column-title span {
  font-weight: 600;
  font-size: "24px";
}
.tribe-common.tribe-events.tribe-events-view article.tribe_events .tribe-events-calendar-month__multiday-event-bar,
.tribe-common.tribe-events.tribe-events-view .month.focused.active.current {
  background: #68C453;
  color: white;
  font-weight: 600;
}
.tribe-common.tribe-events.tribe-events-view article.tribe_events .tribe-events-calendar-month__multiday-event-bar h3 {
  color: white;
  font-weight: 600;
  font-size: "16px";
}
.tribe-common.tribe-events.tribe-events-view div time.tribe-events-c-top-bar__datepicker-time {
  color: #68C453;
  font-weight: 600;
}
.tribe-common.tribe-events.tribe-events-view .tribe-events-c-subscribe-dropdown div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
  border-color: #68C453;
}
.tribe-common.tribe-events.tribe-events-view .tribe-events-c-subscribe-dropdown div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button svg {
  color: white;
}
.tribe-common.tribe-events.tribe-events-view button.tribe-events-calendar-month__day-cell--selected,
.tribe-common.tribe-events.tribe-events-view button.tribe-events-calendar-month__day-cell--selected:focus,
.tribe-common.tribe-events.tribe-events-view button.tribe-events-calendar-month__day-cell--selected:hover {
  background: #68C453 !important;
}
.tribe-common.tribe-events.tribe-events-view .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--event {
  background: #68C453;
  opacity: 1;
}
.tribe-common.tribe-events.tribe-events-view .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event {
  background: white;
}
.tribe-common.tribe-events.tribe-events-view div .tribe-events-calendar-month__day.tribe-events-calendar-month__day--current button.tribe-events-calendar-month__day-cell--selected h3 time {
  color: white;
}

div .tribe-events-c-subscribe-dropdown div button.tribe-events-c-subscribe-dropdown__button-text {
  color: #68C453;
  font-weight: 600;
}

.single-tribe_events .tribe-events-c-subscribe-dropdown__export-icon,
.tribe-block__events-link .tribe-events-c-subscribe-dropdown__export-icon,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon,
div .tribe-events-c-subscribe-dropdown div button.tribe-events-c-subscribe-dropdown__button-text {
  color: white;
}

.tribe-events-c-subscribe-dropdown div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button,
.tribe-events-c-subscribe-dropdown div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover {
  background: #68C453 !important;
  border-color: #68C453;
}

.tribe-events-single {
  margin: 0 auto 120px;
}
.tribe-events-single .tribe-events-meta-group h2 {
  font-weight: 900;
}
.tribe-events-single dt {
  font-weight: 700;
}
.tribe-events-single a {
  color: #FFAB37 !important;
  font-weight: 600;
}
.tribe-events-single a:hover {
  color: #ff8710 !important;
  opacity: 1;
}
.tribe-events-single a.tribe-events-c-subscribe-dropdown__list-item-link {
  color: #606060 !important;
}
.tribe-events-single a.tribe-events-c-subscribe-dropdown__list-item-link:hover {
  color: #4f4f4f !important;
}

@media (min-width: 767px) {
  .tribe-events-single .tribe-events-event-meta.primary,
  .tribe-events-single .tribe-events-event-meta.secondary {
    width: 50%;
  }
}
/* Teachers */
/* Blog Teachers */
.content-teachers-blog {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
  padding: 20px 30px;
  background: #ffffff;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.content-teachers-blog__image {
  position: relative;
  flex: 1;
}
.content-teachers-blog__image .teacher {
  object-fit: contain;
}
.content-teachers-blog__image .pencil {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.content-teachers-blog__desc {
  font-family: "Quicksand", sans-serif;
  flex: 3;
}
.content-teachers-blog__desc h3 {
  text-align: center;
  color: #f89838;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
}
.content-teachers-blog__desc p {
  color: #606060;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 1023px) {
  .content-teachers-blog {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    gap: 20px;
    padding: 20px 30px;
    background: #ffffff;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
  }
}
@media (max-width: 767px) {
  .content-teachers-blog .teacher {
    width: 180px;
    height: 180px;
  }
  .content-teachers-blog .pencil {
    width: 80px;
    height: 80px;
  }
  .content-teachers-blog__desc h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .content-teachers-blog__desc p {
    font-size: 14px;
  }
}

/*# sourceMappingURL=style.css.map */