/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.7rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
.jl-wrapper .jl-container .el-content {
  padding: 1.5rem;
  margin: 0.625rem;
}
.jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
  box-sizing: content-box;
  max-width: 76rem;
  margin-left: auto;
  margin-right: auto;
}
.jl-wrapper .g-container .el-content, .tm-header .g-container .el-content, .tm-header-mobile .g-container .el-content {
  padding: 1.5rem;
  margin: 0.625rem;
}
@media only all and (min-width: 88rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 88rem;
  }
}
@media only all and (min-width: 76rem) and (max-width: 87.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 76rem;
  }
}
@media only all and (min-width: 51rem) and (max-width: 75.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 51rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 50.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 30rem;
  }
}
.jl-slideshow .el-content-wrapper {
  padding: 1.5rem;
  margin: 0.625rem;
}
.jl-slideshow .el-vertical-align {
  margin: 1.9749rem;
}
.tm-header .navbar-wrapper, .tm-header-mobile .navbar-wrapper {
  padding: 0 1.5rem;
  margin: 0 0.625rem;
}
[id^="jlnavbar-"][id$="-particle"] {
  padding: 0 1.5rem;
  margin: 0 0.625rem;
}
.menu-simple .jl-container .g-main-nav {
  padding: 0 1.5rem;
  margin: 0 0.625rem;
}
.menu-extended .el-navbar-dropbar {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.el-horiz-nav {
  padding: 0 1.5rem;
  margin: 0 0.625rem;
}
[id^="jlnav-"][id$="-particle"] .jl-search-input {
  border-radius: 0;
  box-shadow: none;
}
ul.jl-list, .jl-breadcrumb, .jl-comment-list {
  margin-left: 0;
}
ul.jl-tab, .jl-subnav {
  margin-top: 0;
}
p, ul.jl-list {
  margin: 0 0 20px 0;
}
.jl-hr, hr {
  overflow: visible;
  text-align: inherit;
  border-top: 1px solid #e5e5e5;
}
.jl-checkbox, .jl-radio {
  display: inline-block !important;
  width: 16px !important;
}
.jl-modal-dialog video {
  vertical-align: middle;
}
.jl-link {
  color: #193564;
}
.jl-link:hover, .jl-link:focus, .jl-link:active {
  color: #193564;
}
.jl-link-heading:hover, .jl-link-heading a:hover, .jl-link-toggle:hover .jl-link-heading, .jl-link-toggle:focus .jl-link-heading, .jl-list-primary > ::before, .jl-text-primary {
  color: #193564 !important;
}
.jl-notification-message-primary, .jl-button-link, .jl-navbar-toggle.jl-open, .jl-navbar-toggle:focus, .jl-navbar-toggle:hover, .jl-iconnav > * > a:hover, .jl-iconnav > .jl-active > a {
  color: #193564;
}
.jl-search-input {
  box-sizing: border-box !important;
}
.jl-tab > .jl-active > a {
  border-color: #193564;
}
.jl-button-primary, .jl-card-primary.jl-card-hover:hover, .jl-background-primary, .jl-marker, .jl-alert-primary, .jl-subnav-pill > .jl-active > a, .jl-checkbox:checked, .jl-checkbox:indeterminate, .jl-checkbox:checked:focus, .jl-checkbox:indeterminate:focus, .jl-radio:checked, .jl-card-primary > .tm-timeline-arrow, .jl-dotnav > .jl-active > *, .jl-dotnav > * > :focus, .jl-dotnav > * > :hover, .jl-pagination > .jl-active > *, .jl-label:not(.jl-label-success, .jl-label-warning, .jl-label-danger) {
  background-color: #193564;
}
.jl-light .jl-label {
  background-color: #fff;
  color: #1c1c1c;
}
.jl-light > :not([class*="jl-card-media"]) .jl-card-title {
  color: rgba(255, 255, 255, 0.7);
}
.jl-button-primary:hover, .jl-button-primary:focus {
  background-color: #142a50;
}
.jl-light .jl-button-primary:focus {
  background-color: #fff;
  color: #1c1c1c;
}
.jl-icon:not(.jl-preserve) [stroke*="#"]:not(.jl-preserve) {
  stroke: currentcolor;
}
.jl-section-primary, .jl-tile-primary, .jl-card-primary, .jl-badge {
  background: #193564;
}
.jl-text-background {
  background-color: #193564;
  background-image: linear-gradient(90deg, #193564 0, #2f1964 100%);
}
.jl-checkbox:focus, .jl-radio:focus {
  border-color: #193564;
}
.jl-radio:checked:focus {
  background-color: #193564;
}
.jl-overlay-primary {
  background: rgba(25, 53, 100, 0.8);
}
.jl-button-default {
  background-color: rgba(255, 255, 255, 0);
  color: #193564;
  border-color: #193564;
}
.jl-button-default:hover, .jl-button-default:focus, .jl-button-default:active {
  background-color: #193564;
  border-color: #193564;
  color: #ffffff;
}
.jl-pagination > * > :hover {
  color: #fff;
  background-color: #193564;
}
.r-process {
  position: relative;
  overflow: hidden;
  padding-top: 20px;
}
.r-process ul.r-tabs li.r-tab {
  text-align: center;
}
.r-process ul.r-tabs li.r-tab a {
  color: #333333;
  position: relative;
  display: block;
}
.r-process ul.r-tabs li.r-tab a:before {
  content: "";
  background: #f5f5f5;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  top: 36%;
}
.r-process ul.r-tabs li.r-tab a.active:before {
  background: #193564;
}
.r-process ul.r-tabs li.r-tab a span {
  display: block;
  font-size: 18px;
  padding-top: 12px;
}
.r-process ul.r-tabs li.r-tab a i {
  font-size: 40px;
  width: 90px;
  height: 90px;
  line-height: 83px;
  border: 5px solid #ebebeb;
  border-radius: 50%;
  position: relative;
  background: #ffffff;
}
.r-process ul.r-tabs li.r-tab a.active {
  color: #333333;
}
.r-process ul.r-tabs li.r-tab a.active i {
  border-color: #193564;
}
.r-process ul.r-tabs li.r-tab:hover i {
  animation-name: bounceIn;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
.r-process .r-tab-i-content {
  margin: 2rem 5px 5px;
  background-color: #f5f5f5;
  padding: 20px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.gp_notice {
  margin: 1em 0;
  padding: 1em 1.5em;
  line-height: 1.4285em;
  transition: 0.1s ease;
  -webkit-transition: 0.1s ease;
  border-radius: 0.28571rem;
  font-size: 1rem;
  position: relative;
}
.gp_notice.hasicon {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.gp_notice.hasicon .gp_icon {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  line-height: 1;
  vertical-align: middle;
  font-size: 3rem;
  opacity: 0.8;
  margin-right: 0.6em;
}
.gp_notice.hasicon .gp_content {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  vertical-align: middle;
}
.gp_notice .gp_content > .gp_header {
  display: block;
  font-weight: 700;
  margin: -0.14285em 0 0;
  font-size: 1.14286em;
}
.gp_notice .gp_content > .gp_header + p {
  margin-top: 0.25em;
}
.gp_notice .gp_content > p {
  opacity: 0.85;
  margin: 0;
}
.gp_notice .gp_content .gp_list {
  text-align: left;
  padding: 0;
  opacity: 0.85;
  list-style-position: inside;
  margin: 0.5em 0 0;
}
.gp_notice .gp_content .gp_list li {
  position: relative;
  list-style-type: none;
  margin: 0 0 0.3em 1em;
  padding: 0;
}
.gp_notice .gp_content .gp_list li:before {
  position: absolute;
  content: "•";
  left: -1em;
  height: 100%;
  vertical-align: baseline;
}
.gp_notice .gp_close {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.8;
  cursor: pointer;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
}
.gp_notice .gp_close:hover {
  opacity: 1;
}
/* Navigation */
#g-navigation {
  border-bottom: 5px solid #599A90;
  /* teal accent */
  border-top: 1px solid #A52A2A;
  /* warm red accent */
}
/* Main container */
#g-container-main {
  color: #FFEDCB;
  /* cream text */
  background: linear-gradient(to bottom, #685F53, #2F4858);
  /* your article gradient */
}
/* Top spacer */
.topmarginspacer {
  padding-top: 8vw;
  padding-bottom: 0.05vw;
}
/* Offcanvas icons/border */
.oc-icon-menu-items svg:not(:root).svg-inline--fa {
  overflow: visible;
  display: block;
  vertical-align: top;
  margin: 10px auto;
  color: #00C9B0;
  /* teal icons */
}
#r-oc-774574104.r-offcanvas .oc-icon-menu i {
  font-size: 24px;
  color: #00C9B0;
}
.r-offcanvas {
  border-left: 2px solid #00C9B0 !important;
  /* teal border */
  box-sizing: border-box;
}
/* Mobile adjustments */
@media only all and (max-width: 60rem) {
  body [class*="size-"] {
    flex-grow: none;
    flex-basis: unset;
    max-width: none;
  }
  .align-right {
    text-align: right !important;
  }
  .g-block {
    flex-grow: none;
    flex-basis: unset;
  }
  #g-footer .size-75 {
    flex: 0 100%;
    width: 100%;
  }
  .uk-list {
    margin-left: 0;
  }
}
/* Footer */
#g-footer {
  border-top: 5px solid #00C9B0;
  /* teal top border */
  border-bottom: 1px solid #4A594C;
  display: block;
}
/* Copyright */
#g-copyright .border-top .g-particle {
  border-top: none;
}
/* Remove top border from copyright block */
.border-top {
  border-top: none !important;
}
/* Headings */
h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge {
  color: #FFEDCB;
  /* cream/light text – much lighter & readable */
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  /* subtle shadow for contrast */
}
/* List items */
.uk-list li {
  margin-bottom: 10px;
  padding: 10px;
}
.uk-list li:nth-child(odd) {
  background: rgba(90, 92, 77, 0.3);
  /* muted earthy brown from palette */
  border-radius: 5px;
}
/* Section default */
.uk-section-default {
  background: none;
}
/* Subnav pill active */
.uk-subnav-pill > .uk-active > a {
  background-color: #A52A2A;
  /* warm red accent */
  color: #FFF8E8;
  border-radius: 5px;
}
/* Bible button */
.uk-button-default {
  background-color: #2F4858;
  /* dark teal-brown – readable base */
  color: #FFEDCB;
  border: 1px solid #599A90;
  border-radius: 6px;
  padding: 10px 20px;
  font-weight: 500;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(47, 72, 88, 0.4);
  cursor: pointer;
}
.uk-button-default:hover, .uk-button-default:focus {
  background: linear-gradient(135deg, #A52A2A, #8B1A1A);
  /* warm red gradient on hover */
  color: #FFF8E8;
  border-color: #A52A2A;
  box-shadow: 0 6px 20px rgba(165, 42, 42, 0.5);
  /* red glow */
  transform: translateY(-2px);
}
.uk-button-default:active {
  transform: translateY(0);
  box-shadow: 0 3px 12px rgba(165, 42, 42, 0.4);
}
/* Verse styling */
.getbible-verse-number {
  display: inline-block;
  font-weight: 600;
  color: #FFEDCB;
  font-size: clamp(0.9em, 2.5vw, 1.05em);
  background: linear-gradient(135deg, #685F53, #5A5C4D, #4A594C);
  text-align: left;
  margin-right: 20px;
  padding: 10px 14px;
  border: 1px solid #599A90;
  border-radius: 8px;
  vertical-align: top;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  transition: all 0.25s ease;
  width: 99%;
  min-width: 80px;
  max-width: 100%;
  min-height: 28px;
  box-shadow: 0 3px 10px rgba(47, 72, 88, 0.3);
  backdrop-filter: blur(4px);
}
.getbible-verse-number:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 201, 176, 0.35);
  border-color: #00C9B0;
  background: linear-gradient(135deg, #4A594C, #3A5550, #2F4F55);
}
.getbible-verse-text {
  border-radius: 8px;
  border: 1px solid #599A90;
  margin-left: 25px;
  background: linear-gradient(135deg, #2F4858, #3A5550);
  color: #FFEDCB;
  padding: 12px 16px;
  display: block;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
  transition: all 0.25s ease;
}
.getbible-verse-selected .getbible-verse-text {
  color: #FFF8E8;
  background: linear-gradient(135deg, #A52A2A, #8B1A1A);
  font-weight: 600;
  border: 1px solid #A52A2A;
  padding: 16px 20px;
  box-shadow: 0 0 15px rgba(165, 42, 42, 0.5);
  transform: translateY(-2px);
}
/* Width classes */
[class*=uk-width] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  border-radius: 5px;
  border-color: #599A90;
  /* teal border */
}
/* Footer */
#g-footer {
  border-top: 5px solid #00C9B0;
  border-bottom: 1px solid #4A594C;
}
/* About section */
/* Process tab icons - palette colors, icons kept intact, guaranteed circles */
.r-process ul.r-tabs li.r-tab a i {
  position: relative;
  width: 110px;
  height: 110px;
  border: 4px solid #599A90;
  /* teal border inactive */
  border-radius: 50% !important;
  background: linear-gradient(135deg, #685F53, #4A594C);
  display: inline-block;
  vertical-align: middle;
  transition: all 0.4s ease;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(47, 72, 88, 0.3);
}
.r-process .r-tab-i-content {
  margin: 2rem 5px 5px;
  background-color: #f5f5f5;
  padding: 20px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
/* Icon mask technique – cream icon inactive */
.r-process ul.r-tabs li.r-tab a i::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFEDCB;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 70px;
  mask-size: 70px;
  pointer-events: none;
  transition: background-color 0.4s ease;
  border-radius: 50%;
}
/* Individual icons */
.r-process ul.r-tabs li.r-tab a i.icon-fish::before {
  -webkit-mask-image: url('../images/cards/fish.svg');
  mask-image: url('../images/cards/fish.svg');
}
.r-process ul.r-tabs li.r-tab a i.icon-sun::before {
  -webkit-mask-image: url('../images/cards/sun.svg');
  mask-image: url('../images/cards/sun.svg');
}
.r-process ul.r-tabs li.r-tab a i.icon-pray::before {
  -webkit-mask-image: url('../images/cards/pray.svg');
  mask-image: url('../images/cards/pray.svg');
}
.g-blockcontent-description {
  font-size: 1.5rem;
  color: #00c9b0;
  font-weight: 300;
}
.g-heading h2 {
  font-weight: 300;
  font-family: "Cagliostro";
  font-size: 2.5rem;
  color: #2f4858;
}
/* Active tab - warm red with bright cream icon */
.r-process ul.r-tabs li.r-tab a.active i {
  background: linear-gradient(135deg, #A52A2A, #8B1A1A);
  border-color: #A52A2A;
  box-shadow: 0 6px 18px rgba(165, 42, 42, 0.4);
}
/* Active icon color */
.r-process ul.r-tabs li.r-tab a.active i::before {
  background-color: #FFF8E8;
}
/* Hover effect - subtle lift and teal glow */
.r-process ul.r-tabs li.r-tab a i:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 201, 176, 0.35);
  border-color: #00C9B0;
}
/* Mobile adjustments for process tabs */
@media only screen and (max-width: 60rem) {
  .r-process ul.r-tabs li.r-tab a i {
    width: 80px;
    height: 80px;
    border-width: 3px;
  }
  .r-process ul.r-tabs li.r-tab a i::before {
    -webkit-mask-size: 50px;
    mask-size: 50px;
  }
}
/* Form elements */
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  background: rgba(104, 95, 83, 0.5);
  border-top-color: rgba(104, 95, 83, 0.5);
  border-left-color: rgba(104, 95, 83, 0.5);
  border-right-color: rgba(104, 95, 83, 0.5);
  border-bottom-color: rgba(50, 46, 41, 0.5);
  font-size: 24px;
  color: #FFEDCB;
  transition: all 1s;
  padding: 1.25vw;
}
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
  background: #2F4858;
  border-top-color: rgba(50, 46, 41, 0.5);
  border-left-color: rgba(50, 46, 41, 0.5);
  border-right-color: rgba(50, 46, 41, 0.5);
  border-bottom-color: rgba(0, 201, 176, 0.5);
}
/* Form focus states */
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
  border-bottom-color: rgba(0, 201, 176, 0.5);
  border-top-color: #FFEDCB;
  border-left-color: #FFEDCB;
  border-right-color: #FFEDCB;
  border-bottom-width: 7px;
}
/* Checkboxes/Radios */
.uk-checkbox, .uk-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block !important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #2F4858;
  border: 3px solid #599A90;
  margin-top: 10px;
  margin-right: 0.375rem;
  cursor: pointer;
  transition: background-color 1s, border-color 1s;
  box-sizing: border-box;
  vertical-align: middle;
  outline: none;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
  background-color: #A52A2A;
  border-color: #A52A2A;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate {
  background-image: url('../../images/cards/cross-solid.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px;
}
.uk-checkbox:focus, .uk-radio:focus {
  border-color: #00C9B0;
  background-color: transparent;
}
/* Mobile adjustments for checkboxes/radios */
@media only screen and (max-width: 60rem) {
  .uk-checkbox, .uk-radio {
    width: 40px;
    height: 40px;
    border-width: 2px;
    margin-top: 8px;
  }
  .uk-checkbox:checked, .uk-checkbox:indeterminate {
    background-size: 24px;
  }
  .rsform-block-prayer {
    margin-top: 30px;
  }
}
/* Primary button */
.uk-button-primary {
  font-size: 24px;
  padding: 1.25vw;
  background-color: #A52A2A;
  color: #FFF8E8;
  border: 1px solid transparent;
  border-radius: 1rem;
  width: 100%;
  transition: all 0.4s ease;
}
.uk-button-primary:hover {
  background-color: #8B1A1A;
  color: #FFF8E8;
  box-shadow: 0 8px 20px rgba(165, 42, 42, 0.4);
}
/* Article image effects */
.r-imgf.style3 .r-imgf-image > div {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.r-imgf .r-imgf-item {
  margin: 12px;
  overflow: hidden;
  position: relative;
}
/* Sidebar & Aside */
#g-sidebar, #g-aside {
  background: #433d37;
  color: #FFEDCB;
}
/* Card */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: rgba(104, 95, 83, 0.2);
  background-clip: border-box;
  border: 1px solid rgba(89, 154, 144, 0.35);
  border-radius: 0.75rem;
  color: #6c6256;
  box-shadow: 0 4px 16px rgba(104, 95, 83, 0.25);
  transition: all 0.3s ease;
  backdrop-filter: blur(6px);
}
/* Default: side-by-side on desktop/tablet */
.g-block.size-50 {
  flex: 1 1 45%;
  max-width: 48%;
  min-width: 280px;
}
/* Parent container – make sure it uses flex */
.g-block.size-50 + .g-block.size-50 {
  margin-left: 2rem;
}
/* Mobile: stack vertically */
@media (max-width: 768px) {
  .g-block.size-50 {
    flex: 1 1 100%;
    max-width: 100%;
    margin-left: 0 !important;
    margin-bottom: 2rem;
  }
  .g-block.size-50 + .g-block.size-50 {
    margin-left: 0;
  }
}
/* Optional: improve card appearance on mobile */
@media (max-width: 768px) {
  .r-iconf-item {
    padding: 1.5rem;
  }
  .r-iconf-content h3 {
    font-size: 1.4rem;
  }
  .desc {
    font-size: 1rem;
  }
}
/* Hamburger Icon Menu */
.r-offcanvas-toggle {
  min-width: 50px;
  background: #2F4858;
  color: #FFEDCB;
  border: 1px solid #599A90;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.r-offcanvas-toggle:hover {
  background: #00C9B0;
  border-color: #00C9B0;
  box-shadow: 0 0 12px rgba(0, 201, 176, 0.5);
}
.box-red1 {
  background: rgba(165, 42, 42, 0.25);
  border-radius: 10px;
  font-size: 12px;
  text-align: center;
  color: #FFEDCB;
  padding: 12px;
  border: 1px solid rgba(165, 42, 42, 0.5);
}
.uk-button {
  margin: 0;
  border: 1px solid #599A90;
  overflow: visible;
  font: inherit;
  color: #FFEDCB;
  text-transform: none;
  -webkit-appearance: none;
  border-radius: 12px;
  display: inline-block;
  box-sizing: border-box;
  padding: 18px 48px;
  vertical-align: middle;
  font-size: 1.25rem;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #2F4858;
  transition: all 0.3s ease;
  cursor: pointer;
  min-width: 220px;
  width: 100%;
  max-width: none;
  box-shadow: 0 4px 12px rgba(47, 72, 88, 0.4);
  font-weight: 600;
  letter-spacing: 1px;
}
/* Hover / focus – red gradient + glow */
.uk-button:hover, .uk-button:focus {
  background: linear-gradient(135deg, #A52A2A, #8B1A1A);
  color: #FFF8E8;
  border-color: #A52A2A;
  box-shadow: 0 10px 28px rgba(165, 42, 42, 0.5);
  transform: translateY(-4px) scale(1.03);
}
/* Active / pressed */
.uk-button:active {
  transform: translateY(0) scale(1);
  box-shadow: 0 4px 16px rgba(165, 42, 42, 0.4);
}
/* Disabled state */
.uk-button:disabled, .uk-button[disabled] {
  background-color: rgba(47, 72, 88, 0.5);
  color: rgba(255, 237, 203, 0.7);
  border-color: #49665C;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}
/* Responsive: keep full-width on mobile */
@media (min-width: 769px) {
  .uk-button {
    max-width: 500px;
    margin: 0 auto;
    display: block;
  }
}
#r-364466849.r-iconf .r-iconf-content h3, .r-iconf .r-iconf-item .r-iconf-content h3 {
  margin: 0 0 32px;
  font-weight: 700;
  color: #FFF8E8 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8), 0 0 10px rgba(0, 201, 176, 0.3);
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}
.r-iconf .r-iconf-item:hover .r-iconf-content h3 {
  color: #FFFFFF !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 201, 176, 0.6);
  transform: translateY(-3px);
}
/* News Slider */
.g-news-element {
  background: linear-gradient(135deg, #685F53, #4A594C);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(89, 154, 144, 0.3);
  box-shadow: 0 6px 18px rgba(47, 72, 88, 0.35);
  transition: all 0.35s ease;
  min-height: 380px;
  display: block;
}
.g-news-element:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(0, 201, 176, 0.35);
  border-color: #00C9B0;
}
.g-news-image {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-bottom: 4px solid #599A90;
  transition: transform 0.45s ease;
}
.g-news-element:hover .g-news-image {
  transform: scale(1.06);
}
.g-news-content {
  padding: 1.25rem;
  color: #FFEDCB;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 120px;
}
.g-news-content h5, .g-news-content a {
  color: #FFEDCB;
  text-decoration: none;
  font-weight: 600;
  font-size: 1.15rem;
  line-height: 1.4;
  transition: all 0.3s ease;
  margin: 0.5rem 0;
}
.g-news-content a:hover {
  color: #00C9B0;
  text-shadow: 0 0 8px rgba(0, 201, 176, 0.5);
}
.g-news-element.swiper-slide-active {
  border-color: #00C9B0;
  box-shadow: 0 12px 32px rgba(0, 201, 176, 0.4);
}
@media (max-width: 768px) {
  .g-news-element {
    min-height: 340px;
  }
  .g-news-image {
    height: 180px;
  }
  .g-news-content {
    padding: 1rem;
  }
  .g-news-content h5, .g-news-content a {
    font-size: 1.05rem;
  }
}
/* Article Category - Clean & Modern Dark Theme with Alternating Rows - UPDATED */
.com-content-category__articles {
  max-width: 920px;
  margin: 1.5rem auto;
  /* reduced top spacing */
  padding: 1rem 2.2rem 2.2rem;
  /* reduced top padding, kept side/bottom */
  background: #171f2c;
  color: #FFEDCB;
  border-radius: 18px;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.65);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
/* Base dark background - applied to container and rows only */
.com-content-category__table.category, .com-content-category__table.category *, .com-content-category__table.category .table, .com-content-category__table.category .table-striped, .com-content-category__table.category .table-light, .com-content-category__table.category .table-bordered, .com-content-category__table.category thead, .com-content-category__table.category tbody, .com-content-category__table.category tr {
  background: #171f2c !important;
  color: #FFEDCB !important;
  border: none !important;
}
/* Removed background override from td/th so alternating colors can apply */
.com-content-category__table th, .com-content-category__table td {
  padding: 1.4rem 1.6rem;
  border-radius: 14px;
  border: none !important;
  color: #FFEDCB;
  vertical-align: middle;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent !important;
  /* No background behind text/cells */
}
/* Alternating row colors - most eye-catching contrast from palette */
.com-content-category__table tbody tr:nth-child(odd) td, .com-content-category__table tbody tr:nth-child(odd) th {
  background: #2F4F55 !important;
  /* deep teal-green - rich & stands out */
}
.com-content-category__table tbody tr:nth-child(even) td, .com-content-category__table tbody tr:nth-child(even) th {
  background: #A4A594 !important;
  /* lighter muted green-gray - clean pop */
}
/* More space between rows */
.com-content-category__table.category {
  border-spacing: 0 1.5rem !important;
  /* increased vertical gap */
}
/* Hover - kept blue/teal-ish */
.com-content-category__table tbody tr:hover td, .com-content-category__table tbody tr:hover th {
  background: #2F4858 !important;
  transform: translateY(-6px) scale(1.015);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}
/* Header - kept blue/teal */
.com-content-category__table thead th {
  background: #2F4858 !important;
  color: #FFEDCB;
  font-weight: 600;
  text-align: left;
  border-left: 8px solid #2F4858;
  padding-left: 1.6rem;
  border-radius: 14px 14px 0 0;
  box-shadow: none;
}
/* Title links - no background/highlight */
.com-content-category__table .list-title a {
  color: #FFF8E8 !important;
  text-decoration: none;
  font-weight: 500;
  background: transparent !important;
  transition: all 0.3s ease;
}
.com-content-category__table .list-title a:hover {
  color: #FFFFFF !important;
  text-shadow: 0 0 14px rgba(47, 79, 85, 0.55);
  background: transparent !important;
}
/* Pagination */
.com-content-category__pagination {
  margin: 2.5rem 0 1.5rem;
  text-align: center;
}
.com-content-category__pagination label {
  color: #FFEDCB;
  margin-right: 1rem;
}
.com-content-category__pagination .form-select {
  background: #2F4858;
  color: #FFEDCB;
  border: 1px solid #2F4858;
  border-radius: 10px;
  padding: 0.7rem 1.4rem;
  font-size: 1rem;
}
.com-content-category__pagination .form-select option {
  background: #171f2c;
  color: #FFEDCB;
}
/* Caption */
.com-content-category__table caption {
  color: #FFEDCB;
  font-style: italic;
  opacity: 0.92;
  margin-bottom: 1.5rem;
  text-align: left;
  font-size: 1rem;
}
/* Responsive */
@media (max-width: 768px) {
  .com-content-category__articles {
    padding: 1.5rem;
    margin: 1.8rem 1rem;
  }
  .com-content-category__table th, .com-content-category__table td {
    padding: 1.1rem 1.2rem;
    font-size: 0.97rem;
  }
  .com-content-category__table {
    border-spacing: 0 0.7rem;
  }
}
/* Mobile stacking */
@media (max-width: 576px) {
  .com-content-category__table thead {
    display: none;
  }
  .com-content-category__table tr {
    display: block;
    margin-bottom: 1.2rem;
  }
  .com-content-category__table td {
    display: block;
    text-align: right;
    border-radius: 10px;
    position: relative;
    padding-left: 50%;
  }
  .com-content-category__table td:before {
    content: attr(data-label);
    position: absolute;
    left: 1.2rem;
    width: 45%;
    font-weight: 600;
    text-align: left;
    color: #FFEDCB;
  }
}
/* News Buttons */
/* News Navigation Buttons - Updated with Light Text & Teal Accents */
/* Base style for next/prev buttons */
.news-nav .news-button-next, .news-nav .news-button-prev {
  position: absolute;
  font-size: 2rem;
  color: #FFEDCB;
  /* light cream text from palette - readable on dark bg */
  cursor: pointer;
  opacity: 0.7;
  /* slightly higher default opacity for visibility */
  z-index: 20;
  border-width: 0px;
  border-style: none;
  border-color: initial;
  border-image: initial;
  outline: none;
  transition: opacity 0.25s ease, color 0.25s ease, text-shadow 0.25s ease;
}
/* Hover - brighter text + teal glow */
.news-nav .news-button-next:hover, .news-nav .news-button-prev:hover {
  color: #FFF8E8;
  /* brighter cream on hover */
  opacity: 1;
  text-shadow: 0 0 10px rgba(0, 201, 176, 0.5);
  /* subtle teal glow */
}
/* Active / clicked state */
.news-nav .news-button-next:active, .news-nav .news-button-prev:active {
  opacity: 0.9;
  transform: scale(0.95);
  /* subtle press effect */
}
/* Optional: add background/icon styling if these are icon buttons (e.g., arrows) */
.news-nav .news-button-next i, .news-nav .news-button-prev i {
  color: inherit;
  /* inherit light text color */
  transition: all 0.25s ease;
}
.news-nav .news-button-next:hover i, .news-nav .news-button-prev:hover i {
  color: #00C9B0;
  /* teal icon on hover for accent */
}
/* Responsive - ensure buttons don't overlap content on mobile */
@media (max-width: 768px) {
  .news-nav .news-button-next, .news-nav .news-button-prev {
    font-size: 1.8rem;
    /* slightly smaller on small screens */
    opacity: 0.8;
  }
}
/* Side Bar */
#g-sidebar, #g-aside {
  background: transparent;
  color: #FFEDCB;
}
#g-sidebar .g-content.g-particle a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #2F4858, #3A5550);
  border: 2px solid #599A90;
  border-radius: 50%;
  color: #FFEDCB;
  text-decoration: none;
  transition: all 0.35s ease;
  box-shadow: 0 6px 16px rgba(47, 72, 88, 0.35);
  overflow: hidden;
  margin: 12px 12px;
  padding: 12px;
  opacity: 0.2;
  /* 20% transparent by default */
}
#g-sidebar .g-content.g-particle a:hover {
  background: linear-gradient(135deg, #49665C, #599A90);
  border-color: #00C9B0;
  box-shadow: 0 10px 24px rgba(0, 201, 176, 0.45);
  transform: translateY(-4px) scale(1.08);
  opacity: 1;
  /* fully opaque (100%) on hover */
}
#g-sidebar .g-content.g-particle a:active {
  transform: translateY(-1px) scale(0.96);
  box-shadow: 0 4px 12px rgba(0, 201, 176, 0.3);
  opacity: 1;
  /* stays fully opaque when clicked */
}
/* Icon inside the button */
#g-sidebar .g-content.g-particle a svg, #g-sidebar .g-content.g-particle a .svg-inline--fa {
  width: 2.6rem;
  height: 2.6rem;
  margin-top: 5px;
  margin-left: 5px;
  transition: transform 0.35s ease;
}
#g-sidebar .g-content.g-particle a:hover svg, #g-sidebar .g-content.g-particle a:hover .svg-inline--fa {
  transform: scale(1.15) rotate(10deg);
  color: #FFF8E8;
}
/* Prevent icon overflow or misalignment */
#g-sidebar .svg-inline--fa {
  margin: 0;
}
/* Seed */
.g-news-content h5, .g-news-content a {
  text-align: center;
  /* ← this centers the text */
}
/*# sourceMappingURL=custom_35.css.map */