/* Variables don't yet work with Safari */
:root {
  --med: #01e7fe;
  --dark: #00b9c9;
  --lite: #ffed66;
}

h1, h2, h3 {
  font-family: 'Barlow', Arial, sans-serif !important;
  letter-spacing: normal;
}

a, a:link, a:visited {
  text-decoration: underline;
  color: #00626B !important;
}

.site-name, .site-name a {
  text-transform: none;
  text-decoration: none !important;
  font-family: 'Dancing Script', cursive;
  font-size: 60px;
  color: black !important;
}

.breadcrumb a {
  color: black !important;
}

#main-container .main-box > div {
  border-radius: 10px;
}

a:hover, a:active, a:focus {
  background-color: #ffed66;
  border-radius: 4px;
}

span.gold {
  background-color: #ffed66;
  padding: 4px;
  border-radius: 4px;
}

.main-navigation-inner-h .li-item-main a.li-link-main {
  font-weight: bold !important;
  font-size: 18px !important;
}

h1.page-title {
  padding-bottom: 0px;
  padding-top: 0px;
}

.ul-parent-account, #block-fran-w3css-mainmenu li {
  float: inherit;
  display: inherit;
}

#block-fran-w3css-mainmenu a {
  padding: 0;
}

.ul-parent-account li {
  display: inherit;
}

.w3-theme-l1,
.w3-theme-l2,
.w3-theme-l3,
.w3-theme-l4,
.w3-theme-l5,
.w3-theme-d5 {
  color: black !important;
  background-color: #01e7fe !important;
}

.w3-theme-d1,
.w3-theme-d2,
.w3-theme-d3,
.w3-theme-d4 {
  color: black !important;
  background-color: #00b9c9 !important;
}

.w3-theme-light {
  color: #00b9c9 !important;
  background-color: black !important;
}

.w3-theme-dark {
  color: black !important;
  background-color: #00b9c9 !important;
}

.w3-theme-action {
  color: #ffed66 !important;
  background-color: black !important;
}

.w3-theme,
.close-nav,
.mobile-nav {
  color: black !important;
  background-color: #00b9c9 !important;
}

.w3-theme a,
.close-nave a,
.mobile-nav a {
  color: black !important;
  background-color: #00b9c9 !important;
  text-decoration: none;
}

.w3-text-theme {
  color: black !important;
}

.w3-border-theme {
  border-color: #00b9c9 !important;
}

.w3-hover-theme:hover {
  color: black;
  background-color: #00b9c9 !important;
}

.w3-hover-text-theme:hover {
  color: black !important;
}

.w3-hover-border-theme:hover {
  border-color: black !important;
}

/* custom work */
.w3-active-pager {
  background-color: #ffed66 !important;
}

.w3-hover-over:hover,
.w3-button:hover {
  background-color: #ffed66 !important;
  color: black !important;
}

/* button animation  */
@keyframes btnBorderAnimation {
  0% {
    border-bottom-color: #00b9c9 !important;
  }

  99.9999% {
    border-bottom-color: #00b9c9 !important;
  }
}

/* Border animation  */
@keyframes borderLeftColors {
  0% {
    border-top-color: #00b9c9 !important;
  }

  50%, 99.9999% {
    border-top-color: #00b9c9 !important;
    border-right-color: #00b9c9 !important;
  }

}

@keyframes borderRightColors {
  0% {
    border-bottom-color: #00b9c9 !important;
  }

  50%, 99.9999% {
    border-bottom-color: #00b9c9 !important;
    border-left-color: #00b9c9 !important;
  }
}