footer {
  background-color: var(--wp--preset--color--brightgrey);
}
footer span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: var(--wp--preset--color--white);
  border-radius: 3px;
  z-index: 10;
  margin-left: 29%;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
footer span:first-child {
  transform-origin: 0% 0%;
}
footer span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
footer .footer-inner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 2em;
  max-width: 1400px;
  margin: 0 auto;
}
footer .footer-inner .footer-topline {
  display: flex;
  flex-direction: row;
  gap: 4em;
}
footer .footer-inner .footer-topline .container-left {
  display: flex;
  flex-direction: column;
}
footer .footer-inner .footer-topline .container-left .comp-image .image-box {
  padding-top: 1em !important;
  max-width: 8em;
}
footer .footer-inner .footer-topline .container-left .comp-image .image-box img {
  position: relative !important;
  max-width: 8em;
}
footer .footer-inner .footer-topline .container-left .container-logotext {
  color: var(--wp--preset--color--white);
  font-size: 0.8em;
}
footer .footer-inner .footer-topline .container-left .container-logotext p {
  color: var(--wp--preset--color--white);
}
footer .footer-inner .footer-topline .container-left .container-logotext a {
  text-decoration: none;
  color: #92BB44;
}
footer .footer-inner .footer-topline .container-center {
  display: flex;
  flex: auto;
  justify-content: left;
  padding-top: 1em;
  flex-direction: column;
}
footer .footer-inner .footer-topline .container-center .comp-image {
  max-width: 4em;
}
footer .footer-inner .footer-topline .container-center .container-text-under-logo {
  color: var(--wp--preset--color--white);
  font-size: 0.8em;
}
footer .footer-inner .footer-topline .container-center .container-text-under-logo p {
  color: var(--wp--preset--color--white);
}
footer .footer-inner .footer-topline .container-center .container-text-under-logo a {
  text-decoration: none;
  color: #92BB44;
}
footer .footer-inner .footer-topline .container-right {
  display: flex;
  flex-direction: row;
  gap: 4em;
  align-self: flex-end;
}
footer .footer-inner .footer-topline .container-right .comp-image .image-box {
  padding-top: 1em !important;
  max-width: 2em;
}
footer .footer-inner .footer-topline .container-right .comp-image .image-box img {
  position: relative !important;
  max-width: 2em;
}
footer .footer-inner .seperate {
  width: 100%;
  height: 10px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 0.8em;
}
footer .footer-inner .container-footer-links {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  font-size: 0.8em;
}
footer .footer-inner .container-footer-links a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
}

.nav-mobile {
  display: none;
}

.seperate-mobile {
  display: none;
}

/* ### mobile ### */
@media only screen and (max-width: 900px) {
  footer .footer-inner .footer-topline .container-right {
    gap: 2em;
  }
}
@media only screen and (max-width: 991px) {
  footer {
    margin-bottom: 4em;
  }
  footer .footer-inner {
    padding: 1.5em;
  }
  footer .footer-inner .footer-topline {
    flex-direction: column;
  }
  footer .footer-inner .footer-topline .seperate-mobile {
    display: block;
    width: 100%;
    height: 10px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.25);
    margin-bottom: 0.8em;
    margin-top: -4em;
  }
  footer .footer-inner .footer-topline .container-left .comp-image .image-box {
    max-width: 10em;
  }
  footer .footer-inner .footer-topline .container-left .comp-image .image-box img {
    max-width: 10em;
  }
  footer .footer-inner .footer-topline .container-left .container-logotext p {
    font-size: 1.4em;
  }
  footer .footer-inner .footer-topline .container-center {
    margin-top: -4em;
  }
  footer .footer-inner .footer-topline .container-center .container-text-under-logo p {
    font-size: 1.4em;
  }
  footer .footer-inner .footer-topline .container-center .comp-image {
    max-width: 7em;
  }
  footer .footer-inner .footer-topline .container-right {
    display: none;
    align-self: center;
    gap: 5em;
    margin-top: -4em;
  }
  footer .footer-inner .container-footer-links {
    flex-direction: column;
  }
  footer .footer-inner .container-footer-links a {
    font-size: 1.4em;
    line-height: 1.65em;
  }

  .nav-mobile {
    display: flex;
    position: fixed;
    background-color: var(--wp--preset--color--white);
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 4.7em;
    -webkit-box-shadow: 0px 0px 50px 3px rgba(1, 1, 1, 0.6);
    box-shadow: 0px 0px 6px 0 rgba(1, 1, 1, 0.3);
    z-index: 99999;
  }
  .nav-mobile #menuToggle {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    padding: 1.5em;
    background-color: #92BB44;
    width: 14%;
  }
  .nav-mobile #menuToggle a {
    text-decoration: none;
    color: #707070;
    transition: color 0.3s ease;
  }
  .nav-mobile #menuToggle a:hover {
    color: #92BB44;
  }
  .nav-mobile #menuToggle input {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 9;
    -webkit-touch-callout: none;
  }
  .nav-mobile #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: va(--wp--preset--color--white);
    z-index: 10;
  }
  .nav-mobile #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  .nav-mobile #menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
  }
  .nav-mobile #menuToggle input:checked ~ ul {
    transform: none;
    margin-bottom: 6.72em;
  }

  /*
      .sub-menu{
        display: none;
      } */
}
@media only screen and (max-width: 991px) and (max-width: 500px) {
  .nav-mobile #menuToggle {
    width: 20%;
  }
}
@media only screen and (max-width: 991px) {
  .nav-mobile #menu {
    position: absolute;
    width: 100vw;
    padding: 1em;
    background: var(--wp--preset--color--white);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(0%, 100%);
    bottom: -2em;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    background-color: var(--wp--preset--color--white);
    right: 0;
    -webkit-box-shadow: 0px 0px 25px 2px rgba(1, 1, 1, 0.4);
    box-shadow: 0px 0px 25px 2px rgba(1, 1, 1, 0.4);
  }
  .nav-mobile #menu li {
    padding: 10px 0;
    font-size: 22px;
    list-style: none;
  }
  .nav-mobile #menu .social-icons-mobile-container {
    display: flex;
    flex-direction: row;
  }
  .nav-mobile #menu .social-icons-mobile-container .social-icons-inner {
    gap: 2em;
  }
}
@media only screen and (max-width: 991px) {
  .container-social-media {
    width: 86%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--wp--preset--color--white);
    z-index: 9999;
  }
  .container-social-media .comp-image {
    padding: 0 1.2em;
  }
  .container-social-media .comp-image .image-box {
    padding-top: 0.5em !important;
    max-width: 3em;
  }
  .container-social-media .comp-image .image-box img {
    position: relative !important;
    max-width: 3em;
  }
}
@media only screen and (max-width: 991px) and (max-width: 500px) {
  .container-social-media {
    width: 80%;
  }
}
@media only screen and (max-width: 991px) {
  .pure-menu-children {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .menu-first > li::after {
    content: "";
    display: block;
    height: 1px;
    width: 95%;
    margin-top: 0.5em;
    background: var(--wp--preset--color--brightgrey);
  }
}
@media only screen and (max-width: 991px) {
  .menu-first > li:last-child::after {
    width: 0%;
  }
}
@media only screen and (max-width: 991px) {
  #menuToggle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    box-shadow: 0 -5rem 10rem rgba(42, 49, 57, 0.05);
    z-index: 8;
    background-color: #92BB44;
  }
}
@media only screen and (max-width: 991px) {
  .clickSubmenu {
    float: right;
    width: 2em;
    height: 1em;
    font-size: 1.5em;
    margin-top: 0em;
  }
  .clickSubmenu p {
    font-size: 1.2em;
    margin-top: -0.5em;
    padding-left: 0.5em;
  }
}
@media only screen and (max-width: 991px) {
  .sub-menu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-out;
  }
}
@media only screen and (max-width: 991px) {
  .subrollin {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-in;
  }
}
@media only screen and (max-width: 991px) {
  .subrollout {
    overflow: scroll;
    max-height: 290px;
    -webkit-transition: all 0.5s ease-out;
  }
}
@media only screen and (max-width: 768px) {
  footer input {
    display: block;
    width: 7em;
    height: 7em;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 9;
    -webkit-touch-callout: none;
  }
  footer input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: va(--wp--preset--color--white);
    z-index: 10;
  }
  footer input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  footer input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
  }
  footer input:checked ~ ul {
    transform: none;
    margin-bottom: 6.72em;
  }
  footer span {
    margin-left: 25%;
  }
}
@media only screen and (max-width: 605px) {
  footer span {
    margin-left: 10%;
  }
}