.top-nav {
  background-color: #006f45;
}
#navbar_top {
  z-index: 1;
}

body,
html {
  background-color: #006f45;
}

nav i {
  color: #1a4b38;
}
nav {
  border-bottom: solid 2px #60c172;
  border-top: solid 2px #60c172;
}

#top-container-other {
  background-color: #006f45;
}

.nav-link:hover,
.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #1a4b38;
}
.nav-link:focus {
  background-color: #448750 !important;
}

.hero {
  position: relative;
  background-image:
    url("../img/stpatricks_template/Roger-Eaton(stpatricks)2.png"),
    url(../../img/stpatricks_template/hero_bg3.png);
  background-position-y: bottom, center;
  background-position-x: 92%, center;
  /* background: #01619b; */
}

.message,
.our-mission-section,
.mission-stars,
.yt-videos-section {
  background-color: #1a4b38;
}

.subscribe-btn-section,
footer {
  background-color: #006f45;
}

footer *,
footer h6 {
  color: #a0f0ae !important;
}

footer .container {
  background-color: #006f45;
  color: white;

  background-image: url(../../img/ccc-seal-translucent.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 350px;
}

.message .message-text {
  font-size: clamp(1.2rem, 3vw, 2.5rem);
}

.message-text .cursive.animate {
  margin-bottom: 10px !important;
}

.services {
  border-bottom-color: #1a4b38;
}

.dropdown-toggle:after {
  color: #60c172;
}

.services .icon-container img {
  margin-top: -5px;
}

.services .col-4 {
  position: relative;
}

.services .col-4::before {
  content: "";
  position: absolute;
  text-align: center;
  margin: auto;

  left: calc(50%);
  top: 35px; /* higher = tighter */

  width: 100px;
  height: 100px;

  transform: translateX(-50%) scale(0.95);
  border-radius: 50%;

  background: transparent;

  /* subtle shadow */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0);

  z-index: 0;
  opacity: 1;

  transition:
    box-shadow 0.25s ease,
    transform 0.25s ease,
    top 0.25s ease;
}

.services .col-4 {
  text-align: center;
}

.services .icon-text {
  margin-top: -5px !important;
}

.services .icon-container.self-help img {
  margin-top: -15px !important;
}

.services .icon-container img {
  margin-top: -15px;
  scale: 0.6;
}

.services .icon-container {
  background: none;
  border: none;
  background-image: url("../../img/stpatricks_template/service-icon-bg-1.png");
  background-size: contain; /* show full image */
  background-repeat: no-repeat;
  background-position: center;
}

.services .icon-container:hover {
  background: none;
  border: none;
  background-image: url("../../img/stpatricks_template/service-icon-bg-2.png");
  background-size: contain; /* show full image */
  background-repeat: no-repeat;
  background-position: center;
}

.services .icon-container:hover,
.services .icon-container:focus {
  background-color: transparent;
  box-shadow: none;
}
.services .col-4:has(.icon-container:hover)::before,
.services .col-4:has(.icon-container:focus)::before {
  top: 38px;
  transform: translateX(-50%) scale(1.05);
  box-shadow: 0 30px 70px rgba(0, 0, 0, 0.9);
}
