@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  ************
** Colors **
Teal - Backgrounds: #42AFCC; rgba(66,175,204,1)
Teal - Text: #108093; rgba(16,128,147,1)
Orange: #EF9721; rgba(239,151,33,1)
Light Yellow: #FEF3D5; rgba(254,243,213,1)
Navy Blue: #203B71

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

.site-1 {
  --primary-color: #42afcc;
  --secondary-color: hsl(34, 87%, 53%);
  --tertiary-color: #f7d000;

  --primary-rgb: 66, 175, 204;
  --secondary-rgb: 239, 151, 33;
  --tertiary-rgb: 247, 208, 0;

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

  --title-font-family: "EB Garamond", serif;
  --body-font-family: "Lato", 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);

  --hero-title-left-position: 5%;

  --mt-background-color: rgba(var(--primary-rgb),.9);

  --ql-background-color: rgba(var(--secondary-rgb), 0.8);

  --rok-mini-title-color: white;
  --rok-mini-text-color: white;

  --mt-para-color: white;

}

:is(
    .site-1,
    .site-2,
    .site-3,
    .site-4,
    .site-5,
    .site-6,
    .site-7,
    .site-8,
    .site-9,
    .site-10
  ).sponsorshippage
  .buy-page {
  --primary-color: #192e72;
  --secondary-color: #c9b8a0;
  --tertiary-color: #f7d000;

  --primary-rgb: 25, 46, 114;
  --secondary-rgb: 201, 184, 160;
  --tertiary-rgb: 247, 208, 0;

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

.site-1 .ql-fa-toplinks {
  --ql-icon-color: var(--primary-color);
  --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);
  border-radius: 1px;
  padding: 1rem 2rem;
  font-weight: bold;
  font-size: clamp(1rem, 1.25vw, 1.5rem);
}

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

.site-1-home #g-container-main > .g-container {
  max-width: 1800px;
  margin: auto !important;
}

.site-1-home #g-header {
  max-width: calc(1800px + 10%);
  margin: auto !important;
}

.item-image {
  display: none;
}

.g-container {
  width: 100%;
}

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

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

.style-902 :is(section:not(#g-top), #g-footer, #g-header):has([class*="-902"]) {
  padding-top: 2rem !important;
}

: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:not(.g-blockcontent-subcontent-block-content) {
  margin: 0.625rem;
  padding: 1.5rem;
}

: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;
}

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

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

/*SUB-PAGE GRIDS TEXT SPACING*/

@media (min-width: 50.99rem) {
  #site-grid:is(.site-1-sub, .site-2-sub, .site-3-sub)
    #g-mainbar
    > .g-grid:has([itemprop="articleBody"]) {
    padding: 2vw 0 !important;
  }
  #site-grid:is(.site-1-sub, .site-2-sub, .site-3-sub)
    #g-mainbar
    > .g-grid:has([itemprop="articleBody"])
    p {
    font-size: 1.25vw;
    font-family: var(--body-font-family);
  }
}

@media only screen and (max-width: 50.99rem) {
  #site-grid:is(.site-1-sub, .site-2-sub, .site-3-sub)
    #g-mainbar
    > .g-grid:has([itemprop="articleBody"]) {
    padding: 2rem 0 !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: var(--secondary-color);
  }
  .site-1 #g-offcanvas .g-social-items a:hover {
    color: var(--tertiary-color);
  }
}

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

#g-navigation {
  background: #42afcc url(../images/template/pattern-header.png) 50% 50%
    no-repeat;
  background-size: cover;
  min-height: 150px;
}

.site-1 #g-navigation img {
    width: 100%;
    max-width: 850px;
    padding: 2rem;
}

@media only screen and (max-width: 767px) {
  .g-logo img {
    width: 90%;
  }
  #g-navigation .g-grid:nth-child(3) .g-content.g-particle {
    margin: 0.5rem !important;
    padding: 0.5rem !important;
  }
}

@media only screen and (min-width: 50.99rem) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    font-size: clamp(1.25rem, 1.25vw, 2rem);
    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: clamp(1.25rem, 1.25vw, 2rem);
    font-family: var(--body-font-family);
  }

  .site-1 #g-navigation .g-social-items {
    display: flex;
    flex-direction: row;
    gap: 2vw;
    align-items: center;
  }
  .site-1 #g-navigation .g-social-items a {
    color: var(--secondary-color);
    font-size: clamp(1.25rem, 1.25vw, 2rem);
  }
  .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;
  }
}

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

.mass-times-block {
    background: url("/images/template/masstimes.jpg") 0% no-repeat;
    background-position: center top;
    background-size: cover;
}

.mass-times-block .g-array-item {
    display: grid;
    align-items: center;
    padding: 2rem 3rem;
}



@media (max-width: 50.99rem) {
  #g-slideshow > div > div {
    flex-direction: column-reverse;
  }

  #g-slideshow > div > div > div {
      width: 100%;
  }
}

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

.site-1-home #g-header {
    padding: 5rem 5% 3rem 5%;
    display: grid;
    gap: 4rem;
    background: url(../images/template/rose-pattern.png);

}

.site-1-home #g-header .welcome-banner h1 {
    margin: 0;
}

.site-1-home #g-header .welcome-banner p {
    margin-bottom: 0;
}

#contentarray-9342-particle {
    margin: 0;
}

#blockcontent-8880-particle {
    margin: 0;
}

.ql-inner-box .g-blockcontent-subcontent-title > .g-blockcontent-subcontent-title-text {
    font-size: clamp(1.5rem, 2.3vw, 3rem);
    padding: 0 6%;
}

@media (min-width: 50.99rem) {
    
    .ql-vw15 .g-blockcontent-subcontent-block-content {
        height: 100%;
        aspect-ratio: 1.5 / 1;
        margin: auto;
    }

    .ql-inner-box .g-blockcontent-subcontent {
        gap: 1.5rem;
    }

}

#blockcontent-8880-particle > div > div > div > div:nth-child(1) > div > h4 {
  background-color: rgba(66, 175, 204, 0.8);
}

.ministrypage .page-header h2 {
  font-size: 2.5rem;
}

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

.site-1-home #g-container-main {
  background: url(../images/template/rose-pattern.png);
}

.ph-sidepics-3 {
    padding: 0;
}

.ph-title-901 {
    margin-bottom: 1rem;
}

.all-news-902 {
  margin-top: 2rem;
}

@media (max-width: 50.99rem) {
  .ph-title-901 {
    padding: 0 5%;
  }

  .all-news-902 {
    padding: 0 5%;
    margin-bottom: 2rem;
  }

  .ph-card-mobile .g-item-title a {
    margin: 0;
    padding: 0;
    font-size: var(--ph-title-font-size-mobile);
    color: white;
  }

  .ph-card-mobile .g-array-item-text {
    color: white;
  }

}

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

@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 *****************/

.rok-mini-verticle {
  padding: 0;
}

.site-1-home #g-expanded > .g-container {
  max-width: 1800px;
}

.site-1-home #g-expanded .calendar-block :is(h1,h2,h3,h4,h5,h6,a,p,div) {
  color: var(--default-white);
}

.site-1-home #g-expanded .calendar-block :is(h1,h2,h3,h4,h5,h6) {
  margin: 0;
  line-height: 1;
  margin-bottom: 2rem;
}

#contentarray-2784-particle {
  margin: 0;
}

#contentarray-3356-particle {
  margin: 0;
}

.site-1-home #g-expanded {
  padding: 3rem 5%;
}

.rme-title {
  font-size: clamp(1.5rem, 1.75vw, 1.75rem) !important;
}

.rme-time {
  font-size: clamp(1.25rem, 1.25vw, 1.5rem) !important;
}

.rme-day {
  font-size: clamp(1.25rem, 2vw, 2rem) !important;
}

.rme-month {
  font-size: clamp(1.25rem, 1.25vw, 1.75rem) !important;
}

.rok-mini-verticle .rme-items {
  gap: 1.5rem;
}

.rok-mini-verticle .button {
  background-color: white;
  color: var(--primary-color) !important;
  margin-top: 1rem;
}

#contentarray-6316-particle {
  margin: 0;
}

.charlotte-logo {
  padding: 0 3rem;
}

.third-column {
  display: grid;
  gap: 2rem;
}

.link-section {
  display: grid;
  align-items: center;
}

.links {
  padding: 0 3rem;
  max-width: 500px;
  width: 100%;
  margin: auto;
}

.charlotte-logo img {
  max-height: 375px;
  margin: auto;
  display: grid;
  width: auto;
}

.links p:last-child {
    margin-bottom: 0;
}

.links p {
  font-size: clamp(1.25rem, 1.25vw, 2rem);
}

@media (max-width: 50.99rem) {

  .facebook-block {
    margin-top: 2rem;
    padding: 0 2rem;
    margin-bottom: 3rem;
  }

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

  .site-1-home #g-footer {
    padding: 0 5% !important;
  }

  .hidden-mobile {
    display: none;
  }

}

@media (min-width: 50.99rem) {

  .show-mobile {
    display: none;
  }

  .site-1-home .rok-mini-verticle {
    padding-right: 3rem;
  }

  .rokminievents3 {
    width: 100%;
    display: block !important;
  }

  .rok-mini-verticle .rme-items {
    margin: auto;
    max-width: 900px;
  }

  .link-section {
    padding-left: 3rem;
  }
}

.third-column > div {
  background-color: white;
  border-radius: 1rem;
  box-shadow: var(--default-box-shadow);
  padding: 2rem 1rem;
}

.third-column > div:has(.charlotte-logo) {
  padding: 0rem;
  background-color: transparent;
  box-shadow: none;
}

.third-column > div .charlotte-logo {
  background-color: white;
  padding: 1rem;
  box-shadow: var(--default-box-shadow);
  border-radius: 1rem;
  width: fit-content;
  margin: auto;
}

.site-1-home #contentarray-6316-particle > div > div > div > div > div > div > section > div.links > h1 {
  margin-top: 0;
  line-height: 1;
}

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

.site-1-home #g-extension {
  background: url('../images/template/rose-pattern.png') 50% 50% no-repeat;
  background-size: cover;
}

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

.site-1-home #g-extension > .g-grid:nth-child(2) {
  background: var(--secondary-color);
  margin-right: -10%!important;
  margin-left: -10%!important;
  padding-left: 10%!important;
  padding-right: 10%!important;
  padding-top: 2vw!important;
  padding-bottom: 2vw!important;
}

@media only screen and (max-width: 50.99rem) {
.site-1-home #g-extension > .g-grid:nth-child(3) {
  background: var(--secondary-color);
  margin-right: -10%!important;
  margin-left: -10%!important;
  padding-left: 10%!important;
  padding-right: 10%!important;
}
}

.site-1-home #g-extension {
  padding: 1rem 5% 0 5%;
}

.site-1-home #g-extension img {
    max-width: 1800px;
    margin: auto;
    display: grid;
    width: 100%;
}

#contentarray-7349-particle {
  margin: 0;
}

.reflections-image p {
    margin: 0;
}

.reflections-image img {
    border-radius: 50%;
    padding: 1rem 0;
}

.reflections-image .g-array-item-image {
    margin: 0;
}

.reflections .g-title {
    color: var(--primary-color);
    margin-bottom: 2rem;
    padding: 0;
    line-height: 1;
    font-weight: 400;
    font-size: clamp(2rem, 3.25vw, 5rem);
}

.reflections .g-content-array .g-item-title {
    border: none;
    color: var(--primary-color);
    font-weight: bold;
    margin-bottom: 10px;
    pointer-events: none;
}

.reflections .g-content-array .g-item-title a {
    color: var(--primary-color);
    pointer-events: none;
}

#contentarray-2948-particle {
    margin: 0 !important;
}

.reflections .g-array-item-text {
    font-weight: 300;
}

.site-1-home #g-expanded .reflections {
    display: grid;
    justify-content: center;
    align-items: center;
}

@media (max-width: 50.99rem) {

    .site-1-home #contentarray-5600-particle > div > div > div > div > div > div > a > img {
        max-width: 50%;
        margin: auto;
        display: grid;
        padding: 0;
        /* padding-bottom: 2rem; */
    }

}

@media (min-width: 50.99rem) {
    
    .site-1-home #g-extension .reflections-image {
        padding-right: 2.5rem;
        border-right: 1px solid var(--primary-color);
    }

    .site-1-home #g-extension .reflections {
        padding-left: 2.5rem;
    }

}

.site-1-home #g-expanded {
  margin-bottom: 0 !important;
}

/*************** BOTTOM *******************/

@media only screen and (min-width: 50.99rem) {
  .site-1-home #g-bottom {
    padding: 2vw 0 !important;
  }
  .site-1 #g-bottom .admod td {
    padding: 0;
  }
}

/*************** FOOTER *******************/

#g-footer .g-content-array {
  margin: 0;
}
#g-footer a {
  color: var(--default-white);
  transition: 0.3s all ease-in-out;
}
#g-footer a:hover {
  opacity: 0.5;
}

#g-footer {
  background: #42afcc url(../images/template/pattern.png);
  padding-top: 2%;
  padding-bottom: 2%;
}
.homelayout #g-footer {
  border-top: 1px white solid !important;
}
#g-footer {
  border-top: 1px #108093 solid !important;
}
#g-footer .g-content {
  margin: 2rem 0;
  padding: 0;
}
#g-footer h3,
#g-footer p {
  text-align: center;
}

/*************** 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%;
  box-shadow: var(--default-box-shadow);
}

/*************** 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;
  }
}

@media only screen and (min-width: 50.99rem) {
  .bulletin-page #g-mainbar > .g-grid:nth-child(1) {
    display: none !important;
  }
  .bulletin-page .docman_category {
    display: none !important;
  }
}

@media only screen and (max-width: 50.99rem) {
  .bulletin-page #g-mainbar > .g-grid:nth-child(1) {
    display: none !important;
  }
  .bulletin-page .docman_category {
    display: none !important;
  }
}

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

.style-1303 #g-footer:has([class*="-1303"]) {
  background-image: url("/images/template/parallax1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@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"]:not(.sponsorshippage)
    #g-mainbar.section-padding-5
    > .g-grid
    > .g-block
    > .g-content {
    margin: 0 !important;
    padding: 0 !important;
  }
  body[class*="-sub"]:not(.sponsorshippage)
    #g-mainbar.section-padding-5:has(.page-header)
    > .g-grid
    > .g-block
    > .g-content {
    margin: 0.625rem 0 !important;
    padding: 1.5rem 0 !important;
  }
  body[class*="-sub"]:not(.sponsorshippage)
    #g-container-main:has(#g-mainbar.section-padding-5, #g-aside) {
    margin: 0 !important;
    padding: 0 5% !important;
  }
  body[class*="-sub"]:not(.sponsorshippage)
    #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"]:not(.sponsorshippage)
    #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"]:not(.sponsorshippage)
    #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: 0.625rem 0 !important;
    padding: 1.5rem 5% 1.5rem 0 !important;
  }
  body[class*="-sub"]:not(.sponsorshippage)
    #g-page-surround
    #g-container-main:has(.bulletin-page)
    #g-mainbar {
    padding-top: 2rem !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;
  }
}

/*  */

@media only screen and (min-width: 50.99rem) {
  #g-top-nav {
    display: none !important;
  }
  #g-mobile-fixed-nav {
    display: none !important;
  }
  body[class*="-sub"]:not(.sponsorshippage)
    #g-page-surround
    #g-container-main:has(.k-ui-namespace.com_docman) {
    padding-top: 3% !important;
  }
}

@media only screen and (max-width: 50.99rem) {
  #g-top-nav {
    display: none !important;
  }
  #g-mobile-fixed-nav {
    display: none !important;
  }
}

body {
  background-color: var(--primary-color);
}
@media only screen and (max-width: 50.99rem) {
  @media (display-mode: standalone) {
    #g-top-nav {
      display: flex !important;
    }
    #g-mobile-fixed-nav {
      display: flex !important;
    }
    #g-top.modern-alert-padding {
      padding: 2rem 5% !important;
    }
    body {
      background-color: var(--primary-color);
    }
    #g-offcanvas {
      height: calc(100% - 120pt);
      top: 40pt;
      bottom: 80pt;
    }
    #g-top {
      margin-top: 40pt !important;
    }
    #g-navigation .g-logo {
      display: none;
    }
    #g-top-nav .g-particle:has(.g-logo) {
      width: 100%;
    }
    #g-top-nav .g-logo {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 40pt;
    }
    #g-top-nav .g-logo img {
      height: 80%;
      width: auto;
    }
    #g-page-surround .g-offcanvas-toggle {
      display: none;
    }
    #g-page-surround {
      background: var(--primary-color);
    }
    #g-top-nav {
      display: flex;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 40pt;
      background: var(--primary-color);
      z-index: 100;
      box-shadow: var(--default-box-shadow);
    }
    .g-offcanvas-toggle {
      position: fixed !important;
      z-index: 101;
      top: 0;
      left: 10pt;
      height: 40pt;
      font-size: 23pt;
      display: flex;
      justify-content: center;
      align-items: center;
      background: none !important;
      border-radius: unset;
      box-shadow: unset;
    }
    .g-offcanvas-toggle {
      color: var(--default-white);
    }
    .g-offcanvas-toggle .fa-fw {
      text-shadow: none;
    }
    #g-container-footer {
      padding-bottom: 80pt !important;
    }
    #g-mobile-fixed-nav {
      display: flex;
      height: 80pt;
      background: var(--primary-color);
      color: var(--default-white);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      z-index: 100;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      box-shadow: var(--default-box-shadow);
    }
    .mobile-nav-link {
      color: var(--default-white);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      height: 60pt;
    }
    .mobile-nav-link:hover {
      color: var(--secondary-color);
    }
    .mobile-fixed-nav {
      width: 100%;
      height: 60pt;
    }

    .mobile-fixed-nav {
      margin: 0;
      padding: 0;
      display: flex;
      width: 100%;
      align-items: center;
      overflow: hidden;
    }
    .mobile-fixed-nav .g-particle {
      margin: 0;
      padding: 0;
      width: 100%;
    }
    .mobile-fixed-nav .g-particle > div {
      margin: 0;
      padding: 0;
    }
    .mobile-fixed-nav .g-blockcontent {
      margin: 0;
      padding: 0;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 1pt;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent-block {
      margin: 0;
      padding: 0;
      flex: 1;
      position: relative;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent-block-content {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent-title-icon {
      margin: 0;
      padding: 0;
      order: 1;
      color: var(--default-white);
      font-size: 5vw;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent-title {
      margin: 0;
      padding: 0;
      order: 2;
    }
    .mobile-fixed-nav .g-blockcontent-subcontent-title-text {
      margin: 0;
      padding: 0;
      color: var(--default-white);
      font-size: 4vw;
      font-family: var(--body-font-family);
    }
    .mobile-fixed-nav .g-blockcontent-buttons {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
    }
    .mobile-fixed-nav .g-blockcontent-buttons a {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 100%;
      width: 100%;
      opacity: 0;
    }
  }
}

/*  */

@media (min-width: 50.99rem) {

   html body.site-1-sub .grid.grid-articles.grid-mobile-stacked.grid-no-text.grid-title-align-center.grid-img-box-shadow-50.grid-image-border-radius-1-point-5.grid-hover-scale.grid-mobile-columns-2.grid-title-bg.grid-title-bg-primary.grid-title-white .g-content-array > .g-grid > .g-block > .g-content {
    padding: 0 !important;
    margin: 0 !important;
  }
}