/**

 * Header styling and layout

 */
.cl-container {
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 16px;
}

.li-logout-trigger {
  display: none;
}

.logged-in .li-logout-trigger {
  display: inline-block;
}

.site-header {
  /* Backwards compat for Hello 2.3.0 */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-block-start: 1rem;
  padding-block-end: 1rem;
  position: relative;
}

.site-header .site-title {
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.site-header .site-branding {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}

.site-header .header-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.site-header .header-inner .custom-logo-link {
  display: block;
}

.site-header .header-inner .site-branding .site-title,
.site-header .header-inner .site-branding .site-description {
  margin: 0;
}

.site-header .header-inner .site-branding .site-logo img {
  display: block;
}

.site-header .header-inner .site-branding.show-title .site-logo {
  display: none !important;
}

.site-header .header-inner .site-branding.show-logo .site-title {
  display: none !important;
}

.site-header.header-inverted .header-inner {
  flex-direction: row-reverse;
}

.site-header.header-inverted .header-inner .site-branding {
  text-align: end;
}

.site-header.header-stacked .header-inner {
  align-items: center;
  flex-direction: column;
  text-align: center;
}

/* Header */
.site-header .header-inner {
  gap: 10px;
  padding: 0px 10px;
}

.site-header {
  background: var(--e-global-color-secondary);
  padding: 0px;
}

.site-header .site-navigation {
  justify-content: start;
}

.site-header:not(.header-stacked) .header-inner .site-navigation {
  max-width: 100%;
}

.site-header .header-inner {
  align-items: center;
}

.site-header img.avatar.photo {
  max-width: 30px;
}

.site-header {
  background: transparent;
  position: fixed;
  top: 30px;
  width: 100%;
  z-index: 9999;
}

.site-header .container {
  background: var(--e-global-color-secondary);
  justify-content: space-between;
  display: flex;
  border-radius: 50px;
  padding: 0.55rem 1rem;
  max-width: 1550px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #ffc000;
  z-index: 99999;
  margin-top: 30px;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
}

.admin-bar .site-header .container {
  margin-top: 45px;
}

.custom-logo-link .custom-logo {
  max-height: 40px;
  width: auto;
  max-width: 100%;
}

.page-template-login-form .container {
  margin-top: 8px;
}

/* Menu icons */
#menu-item-616>a::before,
#menu-item-709>a::before,
.main-icon>a::before {
  content: "\f015";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-621>a::before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-625>a::before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-633>a::before,
#menu-item-4175>a::before,
.course-icon>a::before {
  content: "\f19d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-636>a::before {
  content: "\f0b1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-642>a::before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-652>a::before, #menu-item-5017>a::before {
  content: "\f02d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-655>a::before,
#menu-item-4084>a::before,
#menu-item-3976>a::before,
#menu-item-4084>a::before,
#menu-item-4181>a::before,
#menu-item-749>a::before,
#menu-item-5057>a::before,
.my-account-icon>a::before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

.credentials-icon>a::before {
  content: "\f505";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-3732>a::before, .testing-bugs-icon>a::before {
  content: "\f1b3";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-3785>a::before {
  content: "\f1c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-140>a::before,
#menu-item-3685>a::before,
#menu-item-4172>a::before,
.profile-icon>a::before {
  content: "\f3fd";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4412>a:before,
#menu-item-4173>a:before,
.my-students-icon>a:before,
.directories-icon>a:before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-141>a:before, .directory-icon>a:before {
  content: "\f1ad";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-3743>a:before,
#menu-item-4159>a:before,
#menu-item-5016>a:before,
.resources-icon>a:before {
  content: "\f02d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-3744>a:before,
#menu-item-4195>a:before,
.event-icon>a:before {
  content: "\f109";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4415>a:before,
#menu-item-4161>a:before,
#menu-item-4087>a:before,
#menu-item-5009>a:before,
#menu-item-5056>a:before,
.memberships-icon>a:before {
  content: "\f2bb";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-3964>a:before {
  content: "\f2f5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4389>a:before,
#menu-item-4390>a:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4389>a:before {
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4191>a:before,
#menu-item-4177>a:before {
  content: "\f0b1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4199>a:before,
#menu-item-4190>a:before {
  content: "\f15c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4080>a:before,
#menu-item-3893>a:before,
#menu-item-4292>a:before {
  content: "\f059";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4186>a:before {
  content: "\f0f0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4104>a:before {
  content: "\f2f5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-724>a:before {
  content: "\f0ae";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4413>a:before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-730>a:before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-710>a:before {
  content: "\f07b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-4320>a:before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-725>a:before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-728>a:before {
  content: "\f19d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-733>a:before {
  content: "\f0b1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-737>a:before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-746>a:before,
#menu-item-4454>a:before,
.dev-support-icon>a:before {
  content: "\f1c0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

#menu-item-858>a:before {
  content: "\f155";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

.site-navigation ul.menu li.current-menu-item a:before {
  color: #ffc000 !important;
}

nav.site-navigation ul.menu li.menu-item a:hover::before {
  color: #ffc000 !important;
}

.course-icon > a:before {
  content: "\f19d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

.logout-icon > a:before {
  content: "\f2f5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

.help-icon > a:before {
  content: "\3f";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

.resource-icon > a:before {
  content: "\f02d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

.job-icon > a:before {
  content: "\f0b1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

.event-icon > a:before {
  content: "\f109";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  color: #ffc000;
}

ul .menu-item-has-children ul.sub-menu li a:before{
  content: none !important;
}

/**
 * Navigation Menus
 */
.site-header.header-stacked .site-navigation-toggle-holder {
  justify-content: center;
  max-width: 100%;
}

.site-header.menu-layout-dropdown .site-navigation {
  display: none;
}

.site-navigation-toggle-holder {
  display: none;
  align-items: center;
  padding: 8px 15px;
}

.site-navigation-toggle-holder .site-navigation-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  cursor: pointer;
  border: 0 solid;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.05);
  color: #494c4f;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon {
  display: block;
  width: 1.25rem;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon:before,
.site-navigation-toggle-holder .site-navigation-toggle-icon:after {
  content: "";
  background-color: currentColor;
  display: block;
  height: 3px;
  transition: all 200ms ease-in-out;
  border-radius: 3px;
}

.site-navigation-toggle-holder .site-navigation-toggle-icon:before {
  box-shadow: 0 0.35rem 0 currentColor;
  margin-block-end: 0.5rem;
}

.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before {
  box-shadow: none;
  transform: translateY(0.35rem) rotate(45deg);
}

.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after {
  transform: translateY(-0.35rem) rotate(-45deg);
}

.site-navigation {
  display: flex;
  align-items: center;
}

.site-navigation ul.menu,
.site-navigation ul.menu ul {
  list-style-type: none;
  padding: 0;
}

.site-navigation ul.menu {
  display: flex;
  flex-wrap: wrap;
}

.site-navigation ul.menu li {
  position: relative;
  display: flex;
}

.site-navigation ul.menu li a {
  display: block;
  padding: 8px 15px;
}

.site-navigation ul.menu li.menu-item-has-children {
  padding-inline-end: 0px;
}

/*.site-navigation ul.menu li.menu-item-has-children:after {
  display: flex;
  content: " ▼";
  font-size: 12px;
  justify-content: center;
  align-items: center;
  color: #666666;
  text-decoration: none;
}*/
.site-navigation ul.menu li.menu-item-has-children:focus-within>ul {
  display: block;
}

.site-navigation ul.menu li ul {
  background: #fff;
  display: none;
  min-width: 150px;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 100%;
}

.site-navigation ul.menu li ul li {
  margin-bottom: 0px !important;
}

/*.site-navigation ul.menu li ul li {
  border-block-end: rgb(238.425, 238.425, 238.425) 1px solid;
}*/
.site-navigation ul.menu li ul li:last-child {
  border-block-end: none;
}

/*.site-navigation ul.menu li ul li.menu-item-has-children a {
  flex-grow: 1;
}*/
.site-navigation ul.menu li ul li.menu-item-has-children:after {
  transform: translateY(-50%) rotate(-90deg);
}

.site-navigation ul.menu li ul ul {
  left: 100%;
  top: 0;
}

.site-navigation ul.menu li:hover>ul {
  display: block;
}

footer .site-navigation ul.menu li ul {
  top: auto;
  bottom: 100%;
}

footer .site-navigation ul.menu li ul ul {
  bottom: 0;
}

footer .site-navigation ul.menu a {
  padding: 5px 15px;
}

.site-navigation-dropdown {
  margin-block-start: 10px;
  transition: max-height 0.3s, transform 0.3s;
  transform-origin: top;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
}

.site-navigation-toggle-holder:not(.constructionWorld-active)+.site-navigation-dropdown {
  transform: scaleY(0);
  max-height: 0;
}

.site-navigation-toggle-holder.constructionWorld-active+.site-navigation-dropdown {
  transform: scaleY(1);
  max-height: 100vh;
}

.site-navigation-dropdown ul {
  padding: 0;
}

.site-navigation-dropdown ul.menu {
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
  background: white;
}

.site-navigation-dropdown ul.menu li {
  display: block;
  width: 100%;
  position: relative;
}

.site-navigation-dropdown ul.menu li a {
  display: block;
  padding: 20px;
  background: #ffffff;
  color: #55595c;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1019607843);
}

.site-navigation-dropdown ul.menu li.current-menu-item a {
  color: white;
  background: #55595c;
}

.site-navigation-dropdown ul.menu>li li {
  transition: max-height 0.3s, transform 0.3s;
  transform-origin: top;
  transform: scaleY(0);
  max-height: 0;
}

.site-navigation-dropdown ul.menu li.constructionWorld-active>ul>li {
  transform: scaleY(1);
  max-height: 100vh;
}

@media (max-width: 576px) {
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
    display: none !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
    display: none !important;
  }
}

@media (max-width: 992px) {
  .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {
    display: none !important;
  }
}

.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder {
  display: none !important;
}

.site-navigation ul.menu li a {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  line-height: 16px;
  color: var(--e-global-color-5e17504);
  text-transform: capitalize;
  font-weight: 500;
  font-size: 15px;
  text-decoration: none;
  padding: 0.5rem !important;
}

.site-navigation ul.menu {
  margin-bottom: 0px;
  position: relative;
  z-index: 333;
}

.site-navigation ul.menu li ul {
  background: #1b3b4cf2;
  border: 1px solid #ffb400;
  border-radius: 0.75rem;
  padding: 10px 0px;
}

.site-navigation ul.menu li .sub-menu a {
  color: var(--e-global-color-5e17504);
  display: block;
  padding: 10px 15px;
  width: 100%;
}

.site-navigation ul.menu li .sub-menu a:hover {
  color: #ffc107;
  background: #ffb40033;
}

.site-navigation ul.menu>li>a:hover {
  color: #ffc107;
  border: 2px solid #ffc107;
  border-radius: 0.5rem;
}

/*.site-navigation ul.menu li.current_page_item,
.site-navigation ul.menu li.current-menu-item,*/
.site-navigation ul.menu li.current_page_item>a,
.site-navigation ul.menu li.current-menu-item>a {
  color: #ffc107;
  font-weight: 600;
}

.site-navigation ul.menu .sub-menu li.current-menu-item a {
  color: #ffc107;
  font-weight: 600;
}

.site-navigation ul.menu li ul {
  min-width: 250px;
  margin-top: 1px;
  border-radius: .75rem;
  /*border: 1px solid #fff;*/
}

.site-navigation ul.menu li.menu-item-has-children:after {
  color: #fff;
}

.site-navigation ul.menu li ul li.menu-item-has-children::after {
  transform: translateY(0%) rotate(-90deg);
}

.site-navigation ul.menu>li>a {
  border: 2px solid transparent;
  border-radius: 0px;
}

.site-navigation ul.menu>li {
  border-radius: 30px !important;
  /*border: 1px solid #fff;*/
}

.site-navigation ul.menu {
  gap: 6px;
}

.site-navigation ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children:after {
  display: flex;
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: absolute;
  right: 5px;
  top: 5px;
}

.site-navigation ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover:after {
  color: #fff;
}







/**
 * Banner styling and layout
 */
.page-template-templatescourses_directory-php .banner-section {
  padding-top: 120px;
}

.banner-section {
  text-align: center;
  padding: 20px 15px;
  padding-top: 120px;
  font-size: 3rem;
  margin: 0;
}

.banner-section h1 {
  font-weight: 700;
  color: #fff !important;
  background: transparent;
  font-style: normal;
  margin: 0;
  font-size: 3rem;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  gap: 5px;
  text-transform: capitalize;
}

.admin-bar .banner-section {
  padding: 90px 0 20px;
  background: #000;
}





/**
 * Footer styling and layout
 */
.cl-footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}

.cl-footer-links a {
  color: var(--cl-yellow);
  border-radius: 6px;
  padding: 2px 4px;
  font-size: .875rem;
  line-height: 1.25rem;
}

.cl-footer-links a:hover {
  text-decoration: underline;
}

/* ---------- FOOTER ---------- */
.cl-footer {
  background: #000;
  padding: 40px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.cl-footer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.cl-footer small {
  display: block;
  color: rgba(255, 255, 255, 0.55);
}

.cl-footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  font-size: 14px;
}

.cl-footer-nav a {
  color: var(--cl-yellow);
  border-radius: 6px;
  padding: 2px 4px;
  transition: opacity 160ms ease;
}

.cl-footer-nav a:hover {
  text-decoration: underline;
  opacity: 0.95;
}

.site-footer {
  padding-block-start: 1rem;
  padding-block-end: 1rem;
  position: relative;
}

.site-footer .site-title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.site-footer .site-branding {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}

.site-footer .footer-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.site-footer .footer-inner .custom-logo-link {
  display: block;
}

.site-footer .footer-inner .site-branding .site-title,
.site-footer .footer-inner .site-branding .site-description {
  margin: 0;
}

.site-footer .footer-inner .site-branding .site-logo img {
  display: block;
}

.site-footer .footer-inner .site-branding.show-title .site-logo {
  display: none !important;
}

.site-footer .footer-inner .site-branding.show-logo .site-title {
  display: none !important;
}

.site-footer .footer-inner .copyright {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.site-footer .footer-inner .copyright p {
  margin: 0;
}

.site-footer.footer-inverted .footer-inner {
  flex-direction: row-reverse;
}

.site-footer.footer-inverted .footer-inner .site-branding {
  text-align: end;
}

.site-footer.footer-stacked .footer-inner {
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.site-footer.footer-stacked .footer-inner .site-branding .site-title {
  text-align: center;
}

.site-footer.footer-stacked .footer-inner .site-navigation .menu {
  padding: 0;
}

.footer .container {
  margin: 0 auto;
}

@media (max-width: 576px) {

  .site-footer:not(.footer-stacked) .footer-inner .site-branding,
  .site-footer:not(.footer-stacked) .footer-inner .site-navigation,
  .site-footer:not(.footer-stacked) .footer-inner .copyright {
    display: block;
    text-align: center;
    width: 100%;
    max-width: none;
  }

  .site-footer .footer-inner .site-navigation ul.menu {
    justify-content: center;
  }

  .site-footer .footer-inner .site-navigation ul.menu li {
    display: inline-block;
  }
}

.footer {
  background: var(--e-global-color-secondary);
  padding: 20px 0;
}

.footer-col {
  width: 100%;
  padding: 0 15px;
}

.footer-col ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  margin-bottom: 15px;
  padding-left: 0px;
}

.footer-col p {
  color: var(--e-global-color-5e17504);
  text-align: center;
  margin-bottom: 0px;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.footer-col ul li:not(:last-child) {
  margin-bottom: 10px;
}

.footer-col ul li a {
  font-size: 16px;
  text-transform: capitalize;
  color: var(--e-global-color-5e17504);
  text-decoration: none;
  font-weight: 500;
  display: block;
  transition: all 0.3s ease;
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
}

.footer-col ul li a:hover {
  color: var(--e-global-color-accent);
}

.foo-text {
  text-align: center;
  background: var(--e-global-color-secondary);
  color: #fff;
  font-size: 14px;
  padding: 8px;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
}

.site-navigation ul.menu li.current-menu-item.menu-item-has-children:after,
.site-navigation ul.menu li.menu-item-has-children:hover:after {
  color: #000;
}

.page-template-login-form .li-logout-trigger{
  display: none !important;
}