@import url("//fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400;1,700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap");
/************ TEMPLATE  ************

************/

.site-1 {
  --primary-color: #103767;
  --secondary-color: #95093a;
  --tertiary-color: #154b8d;

  --primary-rgb: 16, 55, 103;
  --secondary-rgb: 21, 75, 141;
  --tertiary-rgb: 247, 208, 0;

  --default-white: #ffffff;
  --default-black: #000000;

  --title-font-family: "Cinzel", serif;
  --body-font-family: "Raleway", sans-serif;

  --heading-color: var(--primary-color);
  --heading-font-family: var(--title-font-family);

  --title-border-bottom: 1px solid var(--secondary-color);

  --home-title-font: var(--title-font-family);

  --transparent: rgba(255, 255, 255, 0);

  --default-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);

  --swiper-box-shadow: var(--default-box-shadow);

  --ql-title-color: var(--default-white);

  --swiper-height: 56vw;

  --site-border-radius: 1rem;

  --rok-mini-badge: var(--primary-color);
  --rok-mini-title-font: var(--title-font-family);
  --rok-mini-title-color: var(--default-black);
  --rok-mini-title-weight: 700;
  --rok-mini-title-size-desktop: 1.2vw;
  --rok-mini-text-font: var(--body-font-family);
  --rok-mini-text-color: var(--default-black);
  --rok-mini-text-weight: 700;
  --rok-mini-date-size-desktop: 1.35vw;

  --ph-title-font-size-mobile: 5vw;

  --ql-background-hover: initial;

  --ph-border-radius: var(--site-border-radius);
}

.ph-rounded-square-mobile .g-content-array > .g-grid {
  --ph-border-radius: var(--site-border-radius);
}

.site-1 .ph-rounded-square-mobile {
  --ph-gap: 2rem;
}

.site-1 .ql-fa-toplinks {
  --ql-title-color: var(--primary-color);
}

.readon,
.button,
.btn,
p.readmore .btn,
.sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span,
.listentobutton.moduletable a {
  background: var(--primary-color);
  font-family: var(--body-font-family);
}

a.button.bigger-button {
  font-size: 1.5vw;
  padding: 1vw 3vw;
}

@media only screen and (max-width: 50.99rem) {
	a.button.bigger-button {
		font-size: 1.5rem;
		padding: 1rem 3vw;
	}
}


/*************** ALL SITE *****************/

/***********Custom Scrollbar****************/

/* Hide the default scrollbar */

::-webkit-scrollbar {
    width: .75rem;
}

::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {

background-color: #ccc;
    border-radius: 5px;
}

/* Style the scrollbar on hover */

::-webkit-scrollbar-thumb:hover {
    background-color: #bbbbbb;
}

/* Style the scrollbar when it's being dragged */

::-webkit-scrollbar-thumb:active {
    background-color: #8c8c8c;
}

@-moz-document url-prefix() {
    * {
    scrollbar-width: thin;
         scrollbar-color: #ccc #f5f5f5;
    }
}

.g-container {
  width: 100%;
}

.readon, .button, .btn, p.readmore .btn, .listentobutton.moduletable a, .newsflashlistentobutton2 a:last-child {
  border-radius: var(--site-border-radius);
}

.item-image {
  display: none;
}

:is(.site-1-home, .site-2-home, .site-3-home) #g-page-surround .g-content {
  padding: 0;
}

:is(.site-1-home, .site-2-home, .site-3-home)
  #g-page-surround
  .g-array-item-text {
  margin: 0;
}

:is(.site-1-sub, .site-2-sub, .site-3-sub)
  section:not(#g-navigation, #g-container-footer, #g-copyright)
  .g-content {
  margin: 0.625rem !important;
  padding: 1rem !important;
}

:is(.site-1-sub, .site-2-sub, .site-3-sub)
  section:not(#g-navigation, #g-container-footer, #g-copyright)
  #grid-addpic
  .g-content {
  padding: 0 !important;
  margin: 0 !important;
}

:is(.site-1-sub, .site-2-sub, .site-3-sub)
  section#g-container-main
  #g-aside
  .g-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 50.99rem) {
  .button,
  .g-pricingtable-col-item .g-pricingtable .button {
    max-width: 90%;
  }
}

@media (min-width: 50.99rem) {
  :is(.site-1-home, .site-2-home) #g-top .modern-alert .g-joomla-articles {
    padding: 0 3% !important;
  }
}

/*************** HOMELAYOUT ***************/
/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: var(--primary-color);} 
.g-offcanvas-toggle .fa-fw {text-shadow: none;}

@media only screen and (max-width: 50.99rem) {
    .site-1 #g-offcanvas .g-social-items {
        display: flex;
        flex-direction: row;
        gap: 2rem;
        align-items: center;
        justify-content: center;
    }
    .site-1 #g-offcanvas .g-social-items a {
      color: white;
    }

    .site-1 #g-offcanvas .g-social-items a:hover {
        color: rgba(255, 255, 255, 0.7);
    }

    .site-1 #g-top-nav .g-offcanvas-toggle {
      display: none;
    }

    .site-1 .g-offcanvas-toggle {
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    }
}

/*************** TOP **********************/
/*************** NAVIGATION ***************/

@media (min-width: 50.99rem) {
  .site-1 .menu-logo img {
    width: 17vw;
  }

  .site-1 .g-social-items {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    justify-content: center;
  }

  .site-1-sub .sub-page-logo {
    position: absolute;
    top: 1rem;
    left: 2rem;
    background-color: white;
    border-radius: 50%;
    box-shadow: var(--default-box-shadow);
    z-index: 10;
  }

  .site-1-sub .g-grid:has(.sub-page-menu) {
    justify-content: flex-end;
    /* background-color: var(--primary-color); */
  }

  .site-1-sub .sub-page-menu {
    padding: 1rem 0;
  }

  .site-1 #g-navigation > .g-container {
    display: grid;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    background-color: rgba(var(--primary-rgb),0.95);
  }
  
  .site-1 #g-navigation {
      background: url(/images/template/background.jpg);
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
  }

  .g-main-nav .g-toplevel i {
    opacity: 1!important;
  }

  :is(#g-navigation, #g-slideshow) .g-social-items img {
    height: 1.5vw;
    width: 1.5vw;
  }

  .site-1-home #g-slideshow .g-social-items a {
    font-size: 1.5vw;
  }
  .site-1-home #g-slideshow .g-social-items a:hover {
    transform: scale(1.10);
  }

}

@media only screen and (max-width: 50.99rem) {
  #g-offcanvas .g-social-items img {
    width: 1.1rem;
    height: 1.1rem;
  }
}

@media only screen and (min-width: 50.99rem) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    font-size: 1.4vw;
    font-family: var(--body-font-family);
  }
  .g-main-nav
    .g-sublevel
    > li
    > .g-menu-item-container
    > .g-menu-item-content
    > .g-menu-item-title {
    font-size: 1.25vw;
    font-family: var(--body-font-family);
  }

  .site-1 #g-navigation .g-social-items {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
  }
  .site-1 #g-navigation .g-social-items a {
    color: white;
    font-size: 1.5vw;
  }
  .site-1 #g-navigation .g-social-items a:hover {
    color: var(--tertiary-color);
  }
}
@media only screen and (max-width: 50.99rem) {
  #g-navigation .g-logo {
    max-width: 65%;
    margin: 2rem auto;
  }

  .site-1 #g-navigation {
    border-bottom: 10px solid var(--secondary-color);
  }
}

/*************** SLIDESHOW ****************/


/* Drop down menu */

@media (min-width: 50.99rem) {

  .site-1-home .g-toplevel > .g-menu-item {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 1000ms ease-in-out, transform 500ms ease-in-out;
  }

}

@media (min-width: 50.99rem) {

  #blockcontent-2900-particle > div > div > div > div:nth-child(1) {
    border-radius: 0 0 var(--site-border-radius) var(--site-border-radius);
    box-shadow: var(--default-box-shadow);
  }

  #blockcontent-2900-particle > div > div > div > .g-block:not(:first-child) {
    border-radius: var(--site-border-radius);
    box-shadow: var(--default-box-shadow);
  }

  :is(section:not(#g-top), #g-footer):has([class*="-307"])
  .g-container
  > .g-grid:has(.swiper-links-307) {

    width: 25% !important;
  }

  .site-1-home #g-slideshow .g-grid:has(.g-toplevel) {
    width: 70%;
    top: 0;
    right: 0;
    z-index: 99;
  }

  .site-1-home #g-slideshow .g-toplevel {
    padding: 0.5vw 0;
  }

  .swiper-links-307 .g-blockcontent-subcontent > .g-block {
    border-left: 4px solid var(--secondary-color);
    border-right: 4px solid var(--secondary-color);
  }

  .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
  }

  .site-1-home .mass-times h2 {
    font-size: 2vw;
  }

  .site-1-home #g-slideshow > .g-container > .g-grid:has(video)::after {
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 5;
  }

  .site-1-home #g-slideshow > .g-container > .g-grid:has(video) {
    position: relative;
  }

  .site-1-home #g-slideshow {
    box-shadow: var(--default-box-shadow);
    position: relative;
  }

  .site-1-home .g-grid:has(.mass-times) {
    z-index: 10;
    left: 5%;
    bottom: 0;
    height: 40%;
    width: 25%;
    overflow: hidden;
  }

  .site-1-home .mass-times {
    padding: 1.5vw;
    margin-top: 1vw;
    height: calc(100% - 1vw);
    border-radius: var(--site-border-radius) var(--site-border-radius) 0 0;
    box-shadow: var(--default-box-shadow);
  }

  .mass-times {
    background-color: rgba(var(--primary-rgb),.9);
    border-left: 4px solid var(--secondary-color);
    border-right: 4px solid var(--secondary-color);
    display: grid;
    justify-content: center;
    align-items: center;
  }

  .mass-times :is(h1,h2,h3,h4,h5,h6) {
    color: white;
    margin: 0;
    line-height: 1;
    margin-bottom: 1vw;
  }

  .mass-times p {
    margin-bottom: 1vw;
    font-size: 1vw;
  }

}

.swiper-links-307 .g-block:has(.mass-times-button) {
  background-color: rgba(var(--tertiary-rgb), 0.75);
}

.site-1-home #blockcontent-3891-particle > div > div > div > div:nth-child(6) > div > p > a {
  font-size: 2.75vw;
  text-shadow: var(--default-box-shadow);
}

/* Style - 307 */

:is(section:not(#g-top), #g-footer):has([class*="-307"]) {
  --ql-font-size-mobile: 2rem;
  --ql-mobile-bg-color: rgba(var(--primary-rgb),.9);
  --ql-image-portion-flex-size: 4;
  --ql-background-color: rgba(var(--primary-rgb),var(--ql-bg-opacity));
  --ql-bg-opacity: 0.9;
  --ql-box-shadow: initial;
}

:is(section:not(#g-top), #g-footer):has([class*="-307"]) .g-container {
  position: relative;
  height: var(--swiper-height) !important;
}

:is(section:not(#g-top), #g-footer):has([class*="-307"])
  .g-container
  > .g-grid {
  position: absolute;
}

:is(section:not(#g-top), #g-footer):has([class*="-307"])
  .g-container
  > .g-grid:is(:has(video), :has(.fullwidth-swiper)) {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
}

.swiper-links-307 > .g-content {
  height: 100%;
}

.swiper-links-307 > .g-content > div {
  height: 100%;
}

.swiper-links-307 .g-blockcontent {
  height: 100%;
}

.swiper-links-307 .g-blockcontent-subcontent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  row-gap: 1vw;
}

.swiper-links-307 .g-blockcontent-subcontent-block {
  height: 100%;
  width: 100%;
  background: var(--ql-background-color);
  box-shadow: var(--ql-box-shadow);
}

.swiper-links-307 .g-blockcontent-subcontent-block:has(img) {
  flex: var(--ql-image-portion-flex-size);
}

.swiper-links-307 .g-blockcontent-subcontent-block-content {
  position: relative;
  height: 100%;
  width: 100%;
}

.swiper-links-307
  .g-blockcontent-subcontent-block:nth-child(1)
  .g-blockcontent-subcontent-block-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-links-307 .g-blockcontent-subcontent-block-content:has(img) a {
  opacity: 0;
}

.swiper-links-307 .g-blockcontent-subcontent-img {
  height: 80%;
  width: auto;
}
.swiper-links-307 .g-blockcontent-subcontent-title {
  display: none;
}

.swiper-links-307 .g-blockcontent-subcontent-title-text {
  display: none;
}

.swiper-links-307 .g-blockcontent-subcontent > .g-block:not(.g-block:has(img)):hover {
  transform: scale(0.97);
  transition: all 200ms ease-out;
}

.swiper-links-307 .g-blockcontent-subcontent > .g-block:not(.g-block:has(img)) {
  transition: all 175ms ease-out;
}

.swiper-links-307 .g-blockcontent-buttons {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.swiper-links-307 .g-blockcontent-buttons > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  margin: 0;
  padding: 0;
  font-size: var(--ql-font-size-desktop);
  font-family: var(--ql-font-family);
  color: var(--ql-title-color) !important;
  max-width: 100% !important;
}

.swiper-links-307 .g-blockcontent-buttons > a:hover {
  background: var(--ql-background-hover);
}

@media (max-width: 50.99rem) {

  .site-1-home .swiper-links-307 {
    margin-bottom: 8px;
  }

  .site-1-home .mass-times {
    background-color: var(--primary-color);
    padding: 5%;
  }

  .site-1-home .mass-times h2 {
    color: white;
    font-size: 2.3rem;
  }

  :is(section:not(#g-top), #g-footer):has([class*="-307"]) .g-container {
    position: initial;
    height: fit-content !important;
  }

  .site-1-home #g-slideshow {
    --ql-mobile-bg-color: rgba(var(--primary-rgb),1) !important;
  }

  .site-1-home #g-aside {
    margin-top: 3rem;
  }

  :is(section:not(#g-top), #g-footer):has([class*="-307"])
    .g-container
    > .g-grid {
    position: initial;
  }

  .swiper-links-307 {
    height: var(--swiper-links-mobile-height);
  }

  .swiper-links-307 .g-blockcontent-subcontent-block:has(img) {
    display: none;
  }

  .swiper-links-307 .g-blockcontent-subcontent-block:has(.blank-space) {
    display: none;
  }

  :is(section:not(#g-top), #g-footer):has([class*="-307"])
    .g-container
    > .g-grid:nth-child(2) {
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .swiper-links-307 .g-blockcontent-subcontent-block {
    flex: 1;
    background: var(--ql-mobile-bg-color);
  }

  .swiper-links-307 .g-blockcontent-buttons > a {
    font-size: var(--ql-font-size-mobile);
  }
}

@media (min-width: 50.99rem) {
  .swiper-links-307 .g-blockcontent-subcontent-block:has(.blank-space) a {
    display: none;
  }

  :is(section:not(#g-top), #g-footer):has([class*="-307"])
  .g-container
  > .g-grid:has(.swiper-links-307) {
    top: 0;
    left: 5%;
    height: 60%;
    width: 25%;
    z-index: 10;
  }
}

/* End - 307 */

/*************** HEADER *******************/

@media (min-width: 50.99rem) {
  .site-1-sub #g-header {
    min-height: 5vw;
  }
}

/*************** ABOVE ********************/

.site-1-home #g-above {
  /* padding: 5% !important; */
  border-top: 10px solid var(--secondary-color);
  border-bottom: 10px solid var(--secondary-color);
}

.site-1-home #g-above > .g-container > .g-grid:not(:has(.ph-sidepics-3 .g-content-array > .g-grid:nth-child(1), .mission-statement)) {
  display: none!important;
}

@media (min-width: 50.99rem) {
  .site-1-home #g-above > .g-container > .g-grid:first-child {
    padding: 5% !important;
    padding-bottom: 0rem !important;
  }
}

.site-1-home .mission-statement {
  padding: 5% 13%;
}

@media (min-width: 50.99rem) {
  .site-1-home .g-grid:has(>.mission-statement) {
    background-image: url('/images/template/open-quote.svg'), url('/images/template/close-quote.svg');
    background-position: 5% center, 95% center;
    background-repeat: no-repeat, no-repeat;
    background-size: auto 70%, auto 70%;
  }
  
  .site-1-home .mission-statement {
    background: rgba(247, 247, 247, 0.93);
  }

  .site-1-home .mission-statement h1 {
    font-size: 2.5vw;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  }
}

#custom-3697-particle > h1 {
  color: var(--primary-color);
}

#g-above > div {
  position: relative;
  z-index: 5;
}

.ph-rounded-square {
  padding: 0 0 3% 0 !important;
}

#custom-3697-particle > h1 {
  margin: 0;
}

@media (min-width: 50.99rem) {

}

@media only screen and (max-width: 50.99rem) {
  .ph-rounded-square-mobile .g-title {
      color: var(--default-white);
  }

  .site-1-home #g-above {
    padding: 2rem 0 !important;
  }
}

.ph-rounded-square {
  --ph-g-title-size-desktop: 6vw;
  --ph-g-title-margin: 0 0 2vw 0;

  --ph-num-cols: 3;
  --ph-gap: 2vw;
  --ph-num-cols-gaps: calc(var(--ph-num-cols) - 1);
  --ph-num-cols-gaps-total: calc(var(--ph-num-cols-gaps) * var(--ph-gap));
  --ph-num-cols-gaps-quotient: calc(var(--ph-num-cols-gaps-total) / var(--ph-num-cols));
  --ph-flex: calc(100% / var(--ph-num-cols));
  --ph-vertical-flex: 1;
  --ph-flex-gap: calc(var(--ph-flex) - var(--ph-num-cols-gaps-quotient));

  --ph-border-radius: 0;

  --ph-background-color: #ffffff;

  --ph-title-padding: 1vw 2vw;

  --ph-title-font-size-desktop: 1.75vw;
  --ph-title-min-height: calc(var(--ph-title-font-size-desktop) * 4);
  --ph-title-border-top: 4px solid var(--secondary-color);
  --ph-title-color: #000000;
  --ph-title-font: var(--body-font-family);
  --ph-title-weight: 400;
}

@media only screen and (max-width: 50.99rem) {
  .site-1 .ph-rounded-square-mobile {
      --ph-g-title-size-mobile: 8vw;
      --ph-g-title-color: var(--default-white);

      --ph-num-cols: 1;
      --ph-gap: 1rem;
  }

  .site-2 .ph-rounded-square-mobile {
      --ph-g-title-size-mobile: 8vw;

      --ph-num-cols: 1;
      --ph-gap: 1rem;
      --ph-g-title-color: var(--primary-color);
  }
}

@media only screen and (min-width: 50.99rem) {
  .ph-rounded-square {
      margin: 0;
      padding: 0;
  }
  .ph-rounded-square > .g-content {
      margin: 0;
      padding: 0;
  }
  .ph-rounded-square .g-title {
      margin: var(--ph-g-title-margin);
      padding: 0;
      color: var(--default-white);
      font-family: var(--ph-g-title-font);
      font-size: 4vw;
      font-weight: var(--ph-g-title-weight);
      text-transform: var(--ph-g-title-text-transform);
      font-variant-caps: var(--ph-g-title-variant-caps);
  }
  .ph-rounded-square .g-content-array {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: stretch;
      gap: var(--ph-gap);
      /* border-radius: var(--site-border-radius) !important; */
  }

  .ph-rounded-square .g-content-array > .g-grid {
      border-radius: var(--site-border-radius) !important;
  }

  .ph-rounded-square .g-content-array > .g-grid {
      margin: 0;
      padding: 0;
      flex: var(--ph-flex-gap);
      max-width: var(--ph-flex-gap);
      border-radius: var(--ph-border-radius);
      overflow: hidden;
      background: var(--ph-background-color);
      box-shadow: var(--ph-box-shadow);
  }
  .ph-rounded-square .g-content-array > .g-grid > .g-block {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      border-radius: var(--ph-border-radius);
  }
  .ph-rounded-square .g-content-array > .g-grid > .g-block > .g-content {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      border-radius: var(--ph-border-radius);
  }
  .ph-rounded-square .g-array-item {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      position: relative;
      border-radius: var(--ph-border-radius);
  }
  .ph-rounded-square .g-array-item-image {
      margin: 0;
      padding: 0;
      overflow: hidden;
  }
  .ph-rounded-square .g-array-item-image img {
      margin: 0;
      padding: 0;
      width: 100%;
      object-position: center;
      object-fit: cover;
      transition: .3s all ease-in-out;
  }
  .ph-rounded-square.ph-uw .g-array-item-image img {
      width: 100%;
      aspect-ratio: 3.6 / 1;
  }
  .ph-rounded-square.ph-sw .g-array-item-image img {
      width: 100%;
      aspect-ratio: 2.39 / 1;
  }
  .ph-rounded-square.ph-wide .g-array-item-image img {
      width: 100%;
      aspect-ratio: 16 / 9;
  }
  .ph-rounded-square.ph-standard .g-array-item-image img {
      width: 100%;
      aspect-ratio: 4 / 3;
  }
  .ph-rounded-square.ph-square .g-array-item-image img {
      width: 100%;
      aspect-ratio: 1 / 1;
  }
  .ph-rounded-square.ph-portrait .g-array-item-image img {
      width: 100%;
      aspect-ratio: 3 / 4;
  }
  .ph-rounded-square .g-array-item:hover .g-array-item-image img {
      transform: scale(1.10);
  }
  .ph-rounded-square .g-array-item-title {
      margin: 0;
      padding: var(--ph-title-padding);
      display: flex;
      justify-content: flex-start;
      align-items: center;
      min-height: var(--ph-title-min-height);
      /*border-top: var(--ph-title-border-top);*/
      position: relative;
  }
  .ph-rounded-square .g-item-title {
      margin: 0;
      padding: 0;
      height: 100%;
      border: none;
      font-size: var(--ph-title-font-size-desktop);
      color: var(--ph-title-color);
      font-family: var(--ph-title-font);
      font-weight: var(--ph-title-weight);
  }
  .ph-rounded-square .g-array-item-title:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 4px;
      width: 25%;
      transition: .3s all ease-in-out;
      background: var(--secondary-color);
  }
  .ph-rounded-square .g-array-item:hover .g-array-item-title:before {
      width: 100%;
  }
  .ph-rounded-square .g-item-title a {
      margin: 0;
      padding: 0;
      font-size: var(--ph-title-font-size-desktop);
      color: var(--ph-title-color);
      font-family: var(--ph-title-font);
      font-weight: var(--ph-title-weight);
  }
  .ph-rounded-square .g-array-item-text {
      margin: 0;
      padding: 0 2vw 1vw 2vw;
      color: var(--default-black);
      font-size: 1.25vw;
  }
  .ph-rounded-square .g-array-item-read-more {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
  }
  .ph-rounded-square .g-array-item-read-more a {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
  }
}

@media only screen and (max-width: 50.99rem) {
  .ph-rounded-square-mobile {
      margin: 0;
      padding: 0;
  }
  .ph-rounded-square-mobile > .g-content {
      margin: 0;
      padding: 0;
      max-width: 100%;
      /*overflow-x: scroll;
      scroll-snap-type: x mandatory;*/
  }
  .ph-rounded-square-mobile .g-title {
      margin: var(--ph-g-title-margin);
      padding: 0;
      color: var(--ph-g-title-color);
      font-family: var(--ph-g-title-font);
      font-size: var(--ph-g-title-size-mobile);
      font-weight: var(--ph-g-title-weight);
      text-transform: var(--ph-g-title-text-transform);
      font-variant-caps: var(--ph-g-title-variant-caps);
  }
  .ph-rounded-square-mobile .g-content-array {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: row;
      /*flex-wrap: nowrap;*/
      /*justify-content: center;*/
      align-items: stretch;
      gap: var(--ph-gap);
      width: 100%;
      /*max-width: calc(480vw + var(--ph-gap));*/
      overflow-x: scroll;
      scroll-snap-type: x mandatory;
      padding: 1rem 8vw;
  }
  .ph-rounded-square-mobile .g-content-array > .g-grid {
      margin: 0;
      padding: 0;
      flex: var(--ph-flex-gap);
      width: 80vw;
      max-width: var(--ph-flex-gap);
      border-radius: var(--ph-border-radius);
      /*overflow: hidden;*/
      background: var(--ph-background-color);
      box-shadow: var(--ph-box-shadow);
      scroll-snap-align: center;
  }
  .ph-rounded-square-mobile .g-content-array > .g-grid > .g-block {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 80vw;
      border-radius: var(--ph-border-radius);
  }
  .ph-rounded-square-mobile .g-content-array > .g-grid > .g-block > .g-content {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      border-radius: var(--ph-border-radius);
  }
  .ph-rounded-square-mobile .g-array-item {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      position: relative;
      overflow: hidden;
      border-radius: var(--ph-border-radius);
  }
  .ph-rounded-square-mobile .g-array-item-image {
      margin: 0;
      padding: 0;
      overflow: hidden;
      width: 100%;
  }
  .ph-rounded-square-mobile .g-array-item-image img {
      margin: 0;
      padding: 0;
      width: 100%;
      object-position: center;
      object-fit: cover;
      transition: .3s all ease-in-out;
  }
  .ph-rounded-square-mobile.ph-uw .g-array-item-image img {
      width: 80vw;
      aspect-ratio: 3.6 / 1;
  }
  .ph-rounded-square-mobile.ph-sw .g-array-item-image img {
      width: 80vw;
      aspect-ratio: 2.39 / 1;
  }
  .ph-rounded-square-mobile.ph-wide .g-array-item-image img {
      width: 80vw;
      aspect-ratio: 16 / 9;
  }
  .ph-rounded-square-mobile.ph-standard .g-array-item-image img {
      width: 80vw;
      aspect-ratio: 4 / 3;
  }
  .ph-rounded-square-mobile.ph-square .g-array-item-image img {
      width: 80vw;
      aspect-ratio: 1 / 1;
  }
  .ph-rounded-square-mobile.ph-portrait .g-array-item-image img {
      width: 80vw;
      aspect-ratio: 3 / 4;
  }
  .ph-rounded-square-mobile .g-array-item:hover .g-array-item-image img {
      transform: scale(1.10);
  }
  .ph-rounded-square-mobile .g-array-item-title {
      margin: 0;
      padding: var(--ph-title-padding);
      display: flex;
      justify-content: flex-start;
      align-items: center;
      min-height: var(--ph-title-min-height);
      /*border-top: var(--ph-title-border-top);*/
      position: relative;
  }
  .ph-rounded-square-mobile .g-item-title {
      margin: 0;
      padding: 0;
      height: 100%;
      border: none;
      font-size: var(--ph-title-font-size-mobile);
      color: var(--ph-title-color);
      font-family: var(--ph-title-font);
      font-weight: var(--ph-title-weight);
  }
  .ph-rounded-square-mobile .g-array-item-title:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 4px;
      width: 25%;
      transition: .3s all ease-in-out;
      background: var(--secondary-color);
  }
  .ph-rounded-square-mobile .g-array-item:hover .g-array-item-title:before {
      width: 100%;
  }
  .ph-rounded-square-mobile .g-item-title a {
      margin: 0;
      padding: 0;
      font-size: var(--ph-title-font-size-mobile);
      color: var(--ph-title-color);
      font-family: var(--ph-title-font);
      font-weight: var(--ph-title-weight);
  }
  .ph-rounded-square-mobile .g-array-item-text {
      color: var(--default-black);
      padding: 1vw 2vw;
  }
  .ph-rounded-square-mobile .g-array-item-read-more {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
  }
  .ph-rounded-square-mobile .g-array-item-read-more a {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
  }
}


/*************** SHOWCASE *****************/
/*************** UTILITY ******************/
/*************** FEATURE ******************/
/*************** MAIN *********************/


@media only screen and (min-width: 50.99rem) {
  .rok-mini-verticle {
      padding: 0;
  }
  .rok-mini-verticle .rokminievents3 {
      justify-content: flex-start;
  }
  .rok-mini-verticle .rme-badge {
      border: 2px solid var(--default-white);
      border-radius: var(--site-border-radius);
      overflow: hidden;
      flex: 20;
  }
  .rok-mini-verticle .rme-description {
      flex: 80;
  }
  .rok-mini-verticle .rme-day {
      padding: 1vw 2vw 0 2vw;
  }
  .rok-mini-verticle .rme-month {
      padding: 0vw 2vw 1vw 2vw;
  }
  .rok-mini-verticle .rme-items li {
      overflow: visible;
      width: 100%;
      max-width: unset;
  }
  .rok-mini-verticle .rme-items {
      overflow: visible;
      gap: 2rem;
      width: 100%;
      max-width: unset;
  }
}

.site-1-home #g-container-main {
  position: relative;
  overflow: hidden;
}

#g-container-main > div {
  position: relative;
  z-index: 5;
}

.site-1-home #g-container-main::after {
  display: grid;
  content: '';
  width: 100%;
  height: 100%;
  background: url(/images/template/logo-icon-shield.png);
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
  position: absolute;
  top: 0;
  opacity: 0.035;
}

.site-1-home #g-container-main a.button,
.site-1-home #g-above a.button {
  font-size: 1.5rem;
  background: var(--tertiary-color);
  padding: 0.75rem 1.75rem;
}

@media (min-width: 50.99rem) {

  .site-1-home #g-container-main > div > div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3%;
    padding: 5%;
  }

}

.site-1-home .rounded-menu {
  --menu-hover-color: transparent;
}

@media (max-width: 50.99rem) {

  .site-1-home #g-container-main h2 {
    font-size: 2.5rem;
  }

  .site-1-home #g-container-main > div > div {  
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 10%;
  }

  .site-1-home .mission-statement h1 {
    font-size: 1.75rem;
  }

}
.site-1-home #g-sidebar,
 .site-1-home #g-aside {
  background-color: transparent;
}

.site-1-home #g-container-main > div > div > div {
  width: 100%;
  /* background-color: #f2f2f2; */
}

.site-1-home #g-container-main h2 {
  /* background-color: var(--primary-color); */
  color: var(--primary-color);
  border-bottom: 3px solid var(--secondary-color);
  margin: 0;
}

.site-1-home .centered-list {
  padding: 0 5%;
}

.homilies-button {
  padding: 10%;
}

.site-1-home .homilies-button img {
  border-radius: var(--site-border-radius);
}

.bulletins-section {
  padding: 5%;
}

/* can be deleted after final build */
#custom-7583-particle > p:nth-child(3) > img {
  width: 90%;
}
/*  */

#g-mainbar .moduletable {
  margin: 0;
}

@media only screen and (min-width: 50.99rem) {
  .site-1-sub #g-mainbar {
    min-height: 30vh;
  }

  .rok-mini-verticle {
    padding: 5%;
  }
}

@media only screen and (max-width: 50.99rem) {
  :is(.site-1-sub, .site-2-sub) #g-mainbar > .g-grid > .g-block > .g-content {
    margin: 0;
    padding: 0;
  }
}

/*************** EXPANDED *****************/




/*************** EXTENSION ****************/

.site-1-home #g-extension .g-container {
  width: 100%;
}

#custom-4106-particle {
  margin: 0;
}

#custom-8770-particle > h2 {
 font-size: 3.5vw;
 margin: 0;
 padding: 2% 0;
}

#custom-8770-particle {
  margin: 0;
}
/*************** BOTTOM *******************/
/*************** FOOTER *******************/

.site-1 #g-container-footer {
  position: relative;
}

.site-1 #g-container-footer > .g-container {
  display: grid;
  content: '';
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  background-color: rgba(var(--primary-rgb),0.9);
}

.site-1 #g-container-footer {
    background: url(/images/template/footer-image.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.site-1 #g-footer h2 {
  color: white;
}

.site-1-home #g-container-footer {
  border-top: 10px solid var(--secondary-color);
}

.link-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  margin: auto;
}

.link-column a {
  margin: 5px 0;
  text-decoration: none;
  color: blue;
}

.link-column a:hover {
  opacity: 0.75;
}

.site-1 .footer-logo img {
  width: 56%;
  margin: auto;
  display: grid;
}

.site-1 .social-icons img {
  width: 3rem;
}

@media (min-width: 50.99rem) {

  .site-1 .footer-middle-section {
    display: grid;
    justify-content: center;
    align-items: center;
  }

  .site-1 .footer-logo {
      display: grid;
      align-items: center;
      border-right: 1px solid white;
  }

  .site-1 .footer-logo img {
    display: grid;
    justify-content: center;
    align-items: center;
    margin: auto;
  }


  .site-1 #g-footer > .g-container > .g-grid:nth-child(1) {
      padding: 3%;
  }

  .site-1 .copyright-banner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      padding: 0 2%;
  }

  .site-1 .social-icons {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
  }

  .footer-ql {
    border-left: 1px solid white;
  }
}

@media (max-width: 50.99rem) {

  .site-1 .social-icons {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-top: 1rem;
    justify-content: center;
  }

  .site-1 .social-icons img {
    display: grid;
    margin: auto;
  }

  .footer-logo {
      padding: 10% 10% 1% 10%;
  }

  .footer-container {
      padding: 5%;
  }

  .social-icon {
      width: 10.75vw !important;
  }

  .navigation-footer {
      padding: 3% 0;
  }

  .navigation-footer a {
      font-size: 3.5vw !important;
  }

  .footer-ql {
    margin-bottom: 2rem;
  }

  .site-1 .web-policy {
    height: 0;
    position: absolute;
    bottom: 25px;
    z-index: 10;
    right: 5px;
  }

  .site-1 .adminfootericon {
      bottom: 31px !important;
  }

  .copyright-banner p {
      text-align: center !important;
      font-size: 1rem;
      line-height: 1.5;
  }

  .copyright {
      padding: 0;
      padding-bottom: 0.75rem;
  }
}

.copyright {
  background-color: #494949;
}

@media (min-width: 50.99rem) {
  .copyright {
      padding: 1rem 0;    
  }
}

.site-1 #g-footer p {
  margin: 0;
}

.site-1 #g-footer .g-social-items a span {
  font-size: 2rem;
}

/*  */

#g-footer .g-content-array {
  margin: 0;
}

#g-footer a {
  color: var(--default-white);
}

/*************** COPYRIGHT ****************/

@media only screen and (max-width: 50.99rem) {
  .web-policy {
    justify-content: flex-end;
    padding-right: 10px;
  }
  .site-1 .adminfootericon {
    bottom: 40px;
  }

  .site-2 .adminfootericon {
    bottom: 40px;
  }
}

/*************** MODULES ******************/
.moduletable .nav.menu,
.moduletable .unstyled {
  background: var(--primary-color);
}
.moduletable .nav.menu li.current.active a,
.moduletable .nav.menu li a:hover {
  color: var(--default-white);
  background: var(--secondary-color);
}
/*************** SECTIONS *****************/
/*************** MOBILE *******************/

.g-offcanvas-toggle {
  background: var(--default-white);
  display: grid;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

/*************** ADS **********************/

@media only screen and (min-width: 50.99rem) {
  #site-grid #g-container-main {
    padding-bottom: 3vw;
  }
}

@media only screen and (max-width: 50.99rem) {
  .grid.ph-sidebyside-mobile .g-array-item-read-more {
    opacity: 0;
  }
  .grid.ph-sidebyside-mobile .g-array-item-title {
    padding: 1rem;
  }
}

@media only screen and (min-width: 50.99rem) {
  .search-page button.btn {
    background: var(--primary-color) !important;
  }
  .search-page button.btn:hover {
    background: var(--secondary-color) !important;
  }
}

@media only screen and (max-width: 50.99rem) {
  .search-page button.btn {
    background: var(--primary-color) !important;
  }
  .search-page button.btn:hover {
    background: var(--secondary-color) !important;
  }
}

@media only screen and (max-width: 50.99rem) {
  .ph-sidebyside-mobile .g-array-item-read-more {
    opacity: 0;
  }
  .ph-sidebyside-mobile .g-array-item-title {
    padding: 1rem;
  }
}

@media only screen and (min-width: 50.99rem) {
  .bilingual {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 2vw;
  }
  .bilingual .englishtext {
    flex: 1;
  }
  .bilingual .spanishtext {
    flex: 1;
    font-style: italic;
  }
}

@media only screen and (max-width: 50.99rem) {
  .bilingual {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .bilingual .englishtext {
    flex: 1;
  }
  .bilingual .spanishtext {
    flex: 1;
    font-style: italic;
  }
}

/* Image Paths for Particle Template */
/* All images used in the particle template need to be updated here */

@media (min-width: 50.99rem) {
  .style-201 .g-container:has([class*="-201"]) {
    background-image: url("/images/template/header-church-transparent-background.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .style-202 .g-container:has([class*="-202"]) {
    background-image: url("/images/template/header-church-transparent-background.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .style-301 .mass-times-301 {
    background: url("/images/template/masstimes.jpg") 0% no-repeat;
    background-size: cover;
    background-position: center;
  }
  .style-303 .mass-times-303 {
    background: url("/images/template/masstimes.jpg") 0% no-repeat;
    background-size: cover;
    background-position: center;
  }
  .style-304 .mass-times-304 {
    background: url("/images/template/masstimes.jpg") 0% no-repeat;
    background-size: cover;
    background-position: center;
  }
  .style-305 .mass-times-305 {
    background: url("/images/template/masstimes.jpg") 0% no-repeat;
    background-size: cover;
    background-position: center;
  }
  .style-1001
    :is(
      #g-navigation,
      #g-slideshow,
      #g-header,
      #g-above,
      #g-feature,
      #g-showcase,
      #g-utility,
      #g-container-main,
      #g-expanded,
      #g-extension,
      #g-bottom,
      #g-footer,
      #g-copyright
    ):has([class*="-1001"]) {
    background: url("/images/template/parallax1.jpg") 50% 50% no-repeat;
  }
  .mockup-ads.particle-template .g-block:has(div.adside) .adside {
    background-image: url("/images/template/side-ads.png");
  }
  .mockup-ads.particle-template .adhorizontal {
    background-image: url("/images/template/horizontal-ads.png");
  }
}

@media (max-width: 50.99rem) {
  .mockup-ads.particle-template .g-block:has(div.adside) .adside {
    background-image: url("/images/template/side-ads.png");
  }
  .mockup-ads.particle-template .adhorizontal {
    background-image: url("/images/template/horizontal-ads-mobile.png");
  }
}

@media only screen and (min-width: 50.99rem) {
  body[class*="-sub"] #g-mainbar.section-padding-5 > .g-grid > .g-block > .g-content {
      margin: 0!important;
      padding: 0!important;
  }
  body[class*="-sub"] #g-mainbar.section-padding-5:has(.page-header) > .g-grid > .g-block > .g-content {
      margin: .625rem 0!important;
      padding: 1.5rem 0!important;
  }
  body[class*="-sub"] #g-container-main:has(#g-mainbar.section-padding-5, #g-aside) {
      margin: 0!important;
      padding: 0 5%!important;
  }
  body[class*="-sub"] #g-container-main:has(#g-mainbar.section-padding-5, #g-aside) #g-mainbar.section-padding-5 {
      margin: 0!important;
      padding: 0!important
  }
  body[class*="-sub"] #g-container-main:has(#g-mainbar.section-padding-5, #g-aside) #g-mainbar.section-padding-5 > .g-grid > .g-block > .g-content {
      margin: 0!important;
      padding: 0 5% 0 0!important;
  }
  body[class*="-sub"] #g-container-main:has(#g-mainbar.section-padding-5, #g-aside) #g-mainbar.section-padding-5:has(.page-header) > .g-grid > .g-block > .g-content {
      margin: .625rem 0!important;
      padding: 1.5rem 5% 1.5rem 0!important;
  }
}

@media only screen and (max-width: 50.99rem) {
  body[class*="-sub"] #g-mainbar.section-padding-5 > .g-grid > .g-block > .g-content {
      margin: 0!important;
      padding: 0!important;
  }
}


/* news page */

.news-page {
  --hero-title-font-size: 3vw;
}


@media only screen and (min-width: 50.99rem) {
  .accordian-wrapper {
      margin: 0;
      padding: 0;
  }
  .accordian-wrapper > .g-content {
      margin: 0;
      padding: 0;
  }
  .accordian-wrapper .g-title {
      margin: 0;
      padding: 0;
  }
  .accordian-wrapper .g-content-array {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 1vw;
  }
  .accordian-wrapper .g-content-array > .g-grid {
      margin: 0;
      padding: 0;
      background: var(--primary-color);
      transition: .3s all ease-in-out;
  }
  .accordian-wrapper .g-content-array > .g-grid:hover {
      margin: 0;
      padding: 0;
      background: var(--default-white);
      box-shadow: 0px 0px 5px rgba(0,0,0,.5);
  }
  .accordian-wrapper .g-content-array > .g-grid.active {
      margin: 0;
      padding: 0;
      background: var(--default-white);
      box-shadow: 0px 0px 5px rgba(0,0,0,.5);
  }
  .accordian-wrapper .g-content-array > .g-grid:hover .g-item-title a {
      color: var(--primary-color);
  }
  .accordian-wrapper .g-content-array > .g-grid.active .g-item-title a {
      color: var(--primary-color);
  }
  .accordian-wrapper .g-content-array > .g-grid > .g-block {
      margin: 0;
      padding: 0;
  }
  .accordian-wrapper .g-content-array > .g-grid > .g-block > .g-content {
      margin: 0;
      padding: 0;
      border-bottom: none;
  }
  .accordian-wrapper .g-array-item {
      margin: 0;
      padding: 0;
  }
  .accordian-wrapper .g-array-item-title {
      margin: 0;
      padding: 0;
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 0 1vw 0 0;
  }
  .accordian-wrapper .g-array-item-title:after {
      position: unset;
      right: 0;
      top: 0;
      bottom: 0;
      content: "\f067";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 1.25vw;
      color: var(--tertiary-color);
      display: none;
  }
  .accordian-wrapper .g-content-array > .g-grid.active .g-array-item-title:after {
      content: "\f068";
  }
  .accordian-wrapper .g-content-array > .g-grid.active .g-array-item-title {
      padding-bottom: 0;
      border-bottom: none;
      transition: all .3s ease-in-out;
  }
  .accordian-wrapper .g-array-item-title:hover {
      cursor: pointer;
  }
  .accordian-wrapper .g-item-title {
      margin: 0;
      padding: 0;
      border: none;
      line-height: 1;
      font-size: 1.25vw;
      padding: 1vw;
  }
  .accordian-wrapper .g-item-title a {
      margin: 0;
      padding: 0;
      pointer-events: all;
      font-size: 1.25vw;
      color: var(--default-white);
      font-weight: 700;
  }
  .accordian-wrapper .g-content-array > .g-grid .g-array-item-text {
      color: var(--default-black);
      font-size: 1.25vw;
      font-weight: 700;
  }
  .accordian-wrapper .g-array-item-text {
      margin: 0;
      padding: 0;
      visibility: hidden;
      max-height: 0;
      overflow: hidden;
      transition: max-height .2s ease-in, visibility .3s ease-in, padding .2s ease-in;
      color: var(--tertiary-color);
      font-size: 1.25vw;
      font-weight: 700;
      box-shadow: inset 0px 0px 2px rgba(0,0,0,.5);
      background: #f1f2f2;
      opacity: 0;
  }
  .accordian-wrapper .g-content-array > .g-grid.active .g-array-item-text {
      max-height: 30vw;
      visibility: visible;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      font-size: 1.25vw;
      color: var(--default-black);
      font-weight: 700;
      box-shadow: inset 0px 0px 2px rgba(0,0,0,.5);
      background: #f1f2f2;
      padding: 1vw;
      opacity: 1;
  }
}

@media only screen and (max-width: 50.99rem) {
  .accordian-wrapper-mobile {
      margin: 0;
      padding: 0;
  }
  .accordian-wrapper-mobile > .g-content {
      margin: 0;
      padding: 0;
  }
  .accordian-wrapper-mobile .g-title {
      margin: 0;
      padding: 0;
  }
  .accordian-wrapper-mobile .g-content-array {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 1rem;
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid {
      margin: 0;
      padding: 0;
      background: var(--primary-color);
      transition: .3s all ease-in-out;
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid:hover {
      margin: 0;
      padding: 0;
      background: var(--default-white);
      box-shadow: 0px 0px 5px rgba(0,0,0,.5);
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid.active {
      margin: 0;
      padding: 0;
      background: var(--default-white);
      box-shadow: 0px 0px 5px rgba(0,0,0,.5);
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid:hover .g-item-title a {
      color: var(--primary-color);
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid.active .g-item-title a {
      color: var(--primary-color);
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid > .g-block {
      margin: 0;
      padding: 0;
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid > .g-block > .g-content {
      margin: 0;
      padding: 0;
      border-bottom: none;
  }
  .accordian-wrapper-mobile .g-array-item {
      margin: 0;
      padding: 0;
  }
  .accordian-wrapper-mobile .g-array-item-title {
      margin: 0;
      padding: 0;
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 0 1rem 0 0;
  }
  .accordian-wrapper-mobile .g-array-item-title:after {
      position: unset;
      right: 0;
      top: 0;
      bottom: 0;
      content: "\f067";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 4.25vw;
      color: var(--tertiary-color);
      display: none;
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid.active .g-array-item-title:after {
      content: "\f068";
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid.active .g-array-item-title {
      padding-bottom: 0;
      border-bottom: none;
      transition: all .3s ease-in-out;
  }
  .accordian-wrapper-mobile .g-array-item-title:hover {
      cursor: pointer;
  }
  .accordian-wrapper-mobile .g-item-title {
      margin: 0;
      padding: 0;
      border: none;
      line-height: 1;
      padding: 1rem;
  }
  .accordian-wrapper-mobile .g-item-title a {
      margin: 0;
      padding: 0;
      pointer-events: all;
      font-size: 4.25vw;
      color: var(--default-white);
      font-weight: 700;
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid .g-array-item-text {
      color: var(--default-black);
      font-size: 4.25vw;
      font-weight: 700;
  }
  .accordian-wrapper-mobile .g-array-item-text {
      margin: 0;
      padding: 0;
      visibility: hidden;
      max-height: 0;
      overflow: hidden;
      transition: max-height .2s ease-in, visibility .3s ease-in, padding .2s ease-in;
      color: var(--tertiary-color);
      font-size: 4.25vw;
      font-weight: 700;
      box-shadow: inset 0px 0px 2px rgba(0,0,0,.5);
      background: #f1f2f2;
      opacity: 0;
  }
  .accordian-wrapper-mobile .g-content-array > .g-grid.active .g-array-item-text {
      max-height: 1000vw;
      visibility: visible;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      font-size: 4.25vw;
      color: var(--default-black);
      font-weight: 700;
      box-shadow: inset 0px 0px 2px rgba(0,0,0,.5);
      background: #f1f2f2;
      padding: 1rem;
      opacity: 1;
  }
}