/*
Theme Name: XT Grid Theme
Author: Xtensive Web Design
Author URI: https://www.xtensive.co.uk
Description: A base theme built with CSS Grid
Version: 1.0
*/
/* Breakpoints */
/* Colors */
.site-header {
  width: 100%; }
  .site-header .container {
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem; }
    .site-header .container .custom-logo-link img {
      width: 100%;
      max-width: 160px;
      height: auto; }
    .site-header .container #mobile-button {
      appearance: none;
      cursor: pointer;
      background: none;
      border: 0;
      position: relative;
      width: 35px;
      height: 30px; }
      @media (min-width: 800px) {
        .site-header .container #mobile-button {
          display: none; } }
      .site-header .container #mobile-button span {
        position: relative;
        width: 100%;
        height: 2px;
        background: #363636;
        display: block;
        transition: .3s; }
        .site-header .container #mobile-button span:before {
          content: ' ';
          position: absolute;
          top: -8px;
          left: 0;
          width: 100%;
          height: 2px;
          background: #363636;
          transition: .3s; }
        .site-header .container #mobile-button span:after {
          content: ' ';
          position: absolute;
          bottom: -8px;
          left: 0;
          width: 100%;
          height: 2px;
          background: #363636;
          transition: .3s; }
      .site-header .container #mobile-button.active span {
        background: none; }
        .site-header .container #mobile-button.active span:before {
          top: 0;
          transform: rotate(45deg); }
        .site-header .container #mobile-button.active span:after {
          bottom: 0;
          transform: rotate(-45deg); }
    .site-header .container #main-menu {
      display: none;
      width: 100%;
      padding: 1rem 0;
      margin: 0; }
      @media (min-width: 800px) {
        .site-header .container #main-menu {
          width: auto;
          display: flex !important; } }
      .site-header .container #main-menu.active {
        display: block; }
      .site-header .container #main-menu .menu {
        list-style-type: none;
        padding: 0;
        margin: 0; }
        @media (min-width: 800px) {
          .site-header .container #main-menu .menu {
            display: flex; } }
        .site-header .container #main-menu .menu li {
          margin-bottom: 1rem; }
          @media (min-width: 800px) {
            .site-header .container #main-menu .menu li {
              margin-bottom: 0;
              margin-left: 1rem; } }
          .site-header .container #main-menu .menu li:last-child {
            margin-bottom: 0; }
          .site-header .container #main-menu .menu li a {
            color: #363636;
            text-decoration-color: transparent;
            transition: .3s; }
            .site-header .container #main-menu .menu li a:hover, .site-header .container #main-menu .menu li a:focus {
              color: #D2297E; }
            @media (min-width: 800px) {
              .site-header .container #main-menu .menu li a {
                font-size: 0.9rem; } }

.fb {
  display: none; }
  @media (min-width: 800px) {
    .fb {
      display: block;
      margin-left: 1rem; } }

.site-footer {
  width: 100%;
  background: #363636;
  padding: 1rem 0; }
  .site-footer p {
    width: 100%;
    max-width: 1400px;
    padding: 0 2rem;
    margin: 0 auto;
    color: #FFF;
    font-size: 0.8rem; }
    .site-footer p a {
      color: #FFF;
      text-decoration-color: transparent; }

.carousel {
  width: 100%;
  height: 550px;
  position: relative; }
  .carousel .swiper-slide {
    width: 100%;
    height: 550px; }
    .carousel .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .carousel .swiper-slide .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      padding: 1rem;
      box-sizing: border-box; }
      .carousel .swiper-slide .overlay p {
        max-width: 600px;
        padding: 0;
        margin: 0;
        font-size: 2.5rem;
        line-height: 3rem;
        font-family: "spectral", sans-serif;
        color: #FFF;
        opacity: 0;
        transform: translateX(-1rem);
        animation: faderight 1s ease;
        animation-delay: .3s;
        animation-fill-mode: forwards; }

.single-event {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 2rem;
  opacity: 0;
  transform: translateY(1rem);
  animation: fadeup 1s ease;
  animation-delay: .5s;
  animation-fill-mode: forwards; }
  .single-event h1 {
    font-size: 3rem;
    padding: 0;
    margin: 0; }
  .single-event .date {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 0.5rem 0;
    font-size: 0.9rem; }
  .single-event a {
    color: #D2297E;
    text-decoration-color: transparent;
    border-bottom: 2px solid currentColor;
    transition: .3s; }
    .single-event a:hover, .single-event a:focus {
      color: #48347D; }

.share {
  margin-top: 2rem;
  border-top: 1px solid #eee;
  padding-top: 1rem; }
  .share ul {
    list-style-type: none;
    padding: 0;
    margin: 0.5rem 0 0 0;
    display: flex; }
  .share a {
    background: #fafafa;
    border-bottom: 0;
    display: flex;
    padding: 0.5rem;
    margin-right: 0.5rem;
    transition: .3s; }
    .share a iconify-icon {
      color: #ccc;
      transition: .3s; }
    .share a:hover, .share a:focus {
      background: #D2297E; }
      .share a:hover iconify-icon, .share a:focus iconify-icon {
        color: #FFF; }

.news-main {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  margin-top: 2rem; }
  @media (min-width: 576px) {
    .news-main {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 800px) {
    .news-main {
      grid-template-columns: repeat(3, 1fr); } }
  .news-main .blog-post {
    color: #363636;
    border-bottom: 0; }
    .news-main .blog-post .image {
      width: 100%;
      height: 250px;
      margin-bottom: 0.5rem;
      overflow: hidden; }
      .news-main .blog-post .image:hover img, .news-main .blog-post .image:focus img {
        transform: scale(1.1, 1.1); }
      .news-main .blog-post .image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .3s; }
    .news-main .blog-post .title {
      font-size: 1.5rem;
      font-family: "spectral", sans-serif;
      padding: 0;
      margin: 0; }
    .news-main .blog-post .meta {
      font-size: 0.8rem;
      padding: 0;
      margin: 0; }

.magazines {
  width: 100%;
  display: flex;
  margin-bottom: 1rem; }
  .magazines a {
    font-size: 1.2rem;
    margin-right: 1rem; }

.error {
  width: 100%;
  height: 100vh;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .error .content {
    max-width: 61.25rem;
    width: 100%;
    padding: 2rem;
    text-align: center; }
    .error .content h1 {
      font-size: 14rem;
      font-weight: 900;
      margin: 0;
      padding: 0;
      color: #363636; }
    .error .content h3 {
      font-size: 5rem;
      font-weight: 900;
      color: #000;
      margin: 0;
      padding: 0; }
    .error .content h4 {
      font-size: 2rem;
      color: #000;
      margin-top: 0.625rem; }
    .error .content a {
      background: #FFF;
      border: 3px solid #363636;
      color: #000;
      margin-top: 0.625rem;
      padding: 0.5rem 2rem;
      display: inline-block; }
      .error .content a:hover {
        background: #000;
        text-decoration: none;
        color: #FFF; }

html {
  box-sizing: border-box; }

* {
  box-sizing: inherit;
  font-family: "indivisible", sans-serif; }

body {
  font-size: 16px;
  padding: 0;
  margin: 0; }

.entry-content .alignwide {
  margin-left: -80px;
  margin-right: -80px; }

.entry-content .alignfull {
  margin-left: calc( -100vw / 2 + 100% / 2 );
  margin-right: calc( -100vw / 2 + 100% / 2 );
  max-width: 100vw; }

.alignfull img {
  width: 100vw; }

.js-scroll {
  opacity: 0;
  transition: opacity 500ms; }

.js-scroll.scrolled {
  opacity: 1; }

.scrolled.fade-in {
  animation: fade-in 1s ease-in-out both; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes faderight {
  from {
    opacity: 0;
    transform: translateX(-1rem); }
  to {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeleft {
  from {
    opacity: 0;
    transform: translateX(1rem); }
  to {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeup {
  from {
    opacity: 0;
    transform: translateY(1rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }
h1, h2, h3 {
  font-family: "spectral", sans-serif;
  font-weight: 500; }
  h1 span, h2 span, h3 span {
    font-family: "spectral", sans-serif; }

.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 1rem 2rem;
  display: flex;
  flex-wrap: wrap; }

.home-text {
  background: url("/wp-content/uploads/2025/07/xt-petals-60.png");
  background-repeat: no-repeat;
  background-position: 100% 150%;
  background-size: 300px; }
  @media (min-width: 800px) {
    .home-text {
      background-position: -120px 120px; } }
  .home-text article {
    padding: 4rem 2rem;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto; }
    .home-text article h1 {
      font-size: 2.5rem;
      line-height: 3rem;
      font-weight: 400;
      padding: 0;
      margin: 0;
      opacity: 0;
      transform: translateX(-1rem);
      animation: faderight 1s ease;
      animation-delay: .7s;
      animation-fill-mode: forwards; }
      .home-text article h1 span {
        color: #1DA04C;
        font-family: "spectral", sans-serif; }
    .home-text article p {
      font-size: 1.1rem;
      line-height: 1.6rem;
      opacity: 0;
      transform: translateX(1rem);
      animation: fadeleft 1s ease;
      animation-delay: .7s;
      animation-fill-mode: forwards; }
      .home-text article p a {
        color: #D2297E;
        text-decoration-color: transparent;
        position: relative;
        margin-top: 0.5rem;
        display: inline-block;
        transition: .3s; }
        .home-text article p a:after {
          content: ' ';
          position: absolute;
          bottom: -8px;
          left: 0;
          width: 100%;
          height: 2px;
          background: #D2297E;
          transition: .3s; }
        .home-text article p a:hover, .home-text article p a:focus {
          color: #48347D; }
          .home-text article p a:hover:after, .home-text article p a:focus:after {
            background: #48347D; }

.paralax {
  width: 100%;
  height: 550px;
  background-size: cover !important;
  background-attachment: fixed !important; }
  @media (hover: none) {
    .paralax {
      background-attachment: scroll !important; } }

.home-events {
  width: 100%;
  padding: 6rem 0;
  background: url("/wp-content/uploads/2025/07/xt-petals-60.png");
  background-repeat: no-repeat;
  background-position: -100px -100px;
  background-size: 300px; }
  .home-events .container {
    padding: 0 2rem;
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem; }
    @media (min-width: 800px) {
      .home-events .container {
        grid-template-columns: repeat(3, 1fr); } }
    .home-events .container h2 {
      grid-column: 1/2;
      font-size: 2.5rem;
      padding: 0;
      margin: 0; }
      @media (min-width: 800px) {
        .home-events .container h2 {
          font-size: 3rem;
          grid-column: 1/4; } }
      .home-events .container h2 span {
        color: #1DA04C; }
    .home-events .container .event {
      background: #fafafa url("/wp-content/uploads/2025/07/petals-grey.png");
      background-repeat: no-repeat;
      background-position: 120% 500%;
      background-size: 200px;
      padding: 2rem;
      text-decoration-color: transparent;
      color: #363636;
      border: 2px solid #fafafa;
      transition: .3s; }
      @media (min-width: 800px) {
        .home-events .container .event {
          background-position: 120% 400%; } }
      .home-events .container .event:hover, .home-events .container .event:focus {
        border-color: #48347D; }
        .home-events .container .event:hover h3, .home-events .container .event:focus h3 {
          color: #48347D; }
        .home-events .container .event:hover .btn, .home-events .container .event:focus .btn {
          color: #48347D; }
      .home-events .container .event h3 {
        font-size: 1.5rem;
        padding: 0;
        margin: 0;
        color: #363636;
        transition: .3s; }
      .home-events .container .event .small {
        font-size: 0.8rem;
        padding: 0;
        margin: 0;
        color: #363636; }
      .home-events .container .event .btn {
        color: #D2297E;
        border-bottom: 2px solid currentColor;
        margin-top: 2rem;
        display: inline-block;
        transition: .3s; }

.community {
  width: 100%;
  height: 600px;
  position: relative; }
  .community img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .community .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(29, 160, 76, 0.8);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; }
    .community .overlay .container {
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start; }
      .community .overlay .container p {
        max-width: 700px;
        color: #FFF;
        line-height: 1.6rem;
        font-size: 1.1rem; }
      .community .overlay .container h2 {
        font-size: 2.5rem;
        color: #FFF;
        padding: 0;
        margin: 0;
        font-weight: 400; }
        @media (min-width: 800px) {
          .community .overlay .container h2 {
            font-size: 3rem; } }
      .community .overlay .container .btn {
        color: #FFF;
        border: 2px solid #FFF;
        padding: 0.8rem 1.5rem;
        display: inline-block;
        text-decoration-color: transparent;
        margin-top: 1rem;
        font-size: 1.1rem;
        transition: .3s; }
        .community .overlay .container .btn:hover, .community .overlay .container .btn:focus {
          background: #FFF;
          color: #1DA04C; }

.event-fade .container {
  opacity: 0;
  transform: translateY(1rem);
  animation: fadeup 1s ease;
  animation-delay: .7s;
  animation-fill-mode: forwards; }

.page-header {
  width: 100%;
  height: 250px;
  position: relative; }
  .page-header img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .page-header .overlay {
    background: rgba(29, 160, 76, 0.8);
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .page-header .overlay h1 {
      font-size: 3rem;
      color: #FFF;
      padding: 0;
      margin: 0;
      opacity: 0;
      transform: translateY(1rem);
      animation: fadeup 1s ease;
      animation-delay: .3s;
      animation-fill-mode: forwards; }

.page-full {
  background: url("/wp-content/uploads/2025/07/xt-petals-60.png");
  background-repeat: no-repeat;
  background-position: -100px -100px;
  background-size: 300px; }

.std-page {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem 2rem;
  opacity: 0;
  transform: translateY(1rem);
  animation: fadeup 1s ease;
  animation-delay: .5s;
  animation-fill-mode: forwards; }
  .std-page .wp-block-media-text .wp-block-media-text__media {
    height: 400px; }
    @media (min-width: 600px) {
      .std-page .wp-block-media-text .wp-block-media-text__media {
        height: 100%; } }
  .std-page .wp-block-media-text__content {
    padding: 0; }
    @media (min-width: 600px) {
      .std-page .wp-block-media-text__content {
        padding-right: 4rem; } }
    .std-page .wp-block-media-text__content h2 {
      font-size: 2rem; }
    .std-page .wp-block-media-text__content a {
      color: #D2297E;
      text-decoration-color: transparent;
      border-bottom: 2px solid currentColor; }
  .std-page h2 {
    font-size: 2rem;
    padding: 0;
    margin: 0; }
  .std-page a {
    color: #D2297E;
    text-decoration-color: transparent;
    border-bottom: 2px solid currentColor;
    transition: .3s; }
    .std-page a:hover, .std-page a:focus {
      color: #48347D; }

.wp-block-separator {
  border-top: 2px solid #eee; }

p {
  font-size: 1.1rem;
  line-height: 1.6rem; }

.people {
  width: 100%;
  padding: 2rem;
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  margin-top: 4rem;
  background: #fafafa url("/wp-content/uploads/2025/07/petals-40.png");
  background-repeat: no-repeat;
  background-position: -100px -100px;
  background-size: 300px; }
  @media (min-width: 576px) {
    .people {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 800px) {
    .people {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 992px) {
    .people {
      grid-template-columns: repeat(4, 1fr); } }
  .people h2 {
    font-size: 2.5rem;
    padding: 0;
    margin: 0;
    grid-column: 1/2; }
    @media (min-width: 576px) {
      .people h2 {
        grid-column: 1/3; } }
    @media (min-width: 800px) {
      .people h2 {
        font-size: 3rem;
        grid-column: 1/4; } }
    @media (min-width: 992px) {
      .people h2 {
        grid-column: 1/5; } }
  .people .person {
    border: 1px solid #eee;
    padding: 1rem;
    transition: .3s; }
    .people .person:hover, .people .person:focus {
      border-color: #48347D; }
    .people .person .image {
      width: 100%;
      height: 200px; }
      .people .person .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .people .person p {
      font-size: 0.9rem;
      line-height: 1.2rem; }

.std-page-wide {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto; }

.community-events {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem; }
  @media (min-width: 576px) {
    .community-events {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 800px) {
    .community-events {
      grid-template-columns: repeat(3, 1fr); } }
  .community-events .box {
    background: #fafafa url("/wp-content/uploads/2025/07/petals-40.png");
    background-repeat: no-repeat;
    background-position: 110% 120%;
    background-size: 100px;
    padding: 2rem;
    text-decoration-color: transparent;
    color: #363636; }
    .community-events .box h3 {
      font-size: 1.5rem;
      padding: 0;
      margin: 0; }
    .community-events .box .image {
      width: 100%;
      height: 200px;
      margin-bottom: 0.5rem; }
      .community-events .box .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .community-events .box .small {
      font-size: 0.8rem; }

/* animation css
opacity: 0;
      -webkit-animation: fadein 2s;
      -moz-animation: fadein 2s;
      -ms-animation: fadein 2s;
      -o-animation: fadein 2s;
      animation: fadein 2s;
      animation-delay: 1s;
      -webkit-animation-fill-mode: forwards;   */

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