
.menu-bar {
  position: fixed;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  left: auto;
  right: 8px;
  top: 22px;
  background: none;
}

@media screen and (min-width: 768px) {
  .menu-bar {
    right: 15px;
    top: 12px;
    height: 36px;
    width: 64px;
    background: none;
  }
}

@media screen and (min-width: 1280px) {
  .menu-bar {
    right: 56px;
  }
}

.main-navigation ul {
  margin: 0;
  list-style: none;
}

.main-navigation ul li {
  line-height: 1;
}

.main-navigation .open_sidemenu > a {
  position: relative;
  margin: 0;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 700;
  color: #1D173D;
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .main-navigation .open_sidemenu > a {
    padding: 10px 0;
  }
}

.main-navigation .open_sidemenu > a:after,
.main-navigation .open_sidemenu > a:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #1D173D;
  position: absolute;
  left: 0;
}

.main-navigation .open_sidemenu > a:before {
  top: 0;
}

.main-navigation .open_sidemenu > a:after {
  bottom: 0;
}

/* ================================================== */

.sidemenu_open .sidemenu {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 1280px) {
  .sidemenu_open .sidemenu {
    /* width: 70%; */
    width: 960px;
  }
}

.sidemenu {
  background-color: #fff;
  overflow-y: initial;
}

.sidemenu .menu li {
  margin-bottom: 10px;
}

.sidemenu .menu li a {
  font-size: 24px;
  line-height: 36px;
  text-transform: uppercase;
  color: #484848;
}

.sidemenu .menu > li > a {
  display: block;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .sidemenu .menu > li > a {
    max-width: 180px;
  }
}

@media screen and (min-width: 1024px) {
  .sidemenu .menu > li > a {
    max-width: 240px;
  }
}

.sidemenu .menu li.open > a {
  color: var(--yellow);
}

.sidemenu .menu .sub-menu li a {
  display: block;
  font-size: 18px;
  text-transform: none;
}

.sidemenu .menu li:hover,
.sidemenu .menu li:hover > a {
  color: var(--yellow);
  cursor: pointer; 
}

.sidemenu .menu li.menu-item-has-children > a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  pointer-events: none; 
}

.sidemenu .menu li.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("data:image/svg+xml,%3Csvg width='10' height='13' viewBox='0 0 10 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6.5L0.249999 12.1292L0.25 0.870834L10 6.5Z' fill='%23B0B0B0'/%3E%3C/svg%3E%0A") no-repeat center;
  margin-left: 20px;
  transform: translate(0, -4px) rotate(90deg);
}

@media screen and (min-width: 768px) {
  .sidemenu .menu li.menu-item-has-children > a::after {
    transform: translateY(-4px);
  }
}


.sidemenu .submenu-toggle {
  position: relative;
  color: #B0B0B0;
}

.sidemenu .submenu-toggle:after {
  content: "";
  display: block;
  width: 320px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-50%);
}

.sidemenu .menu-item-830 .submenu-toggle:after {
  transform: translateX(-90%);
}

.sidemenu .menu li:hover > .submenu-toggle {
  color: var(--yellow);
}

.sidemenu .submenu-toggle.dashicons.open  {
  transform: rotate(0);
}

.sidemenu .close_sidemenu .dashicons {
	font-size: 24px;
}

.sidemenu .close_sidemenu.open {
  color: #1D173D;
}

.sidemenu .close_sidemenu {
  padding: 16px 22px;
}

@media screen and (min-width: 768px) {

  .sidemenu .close_sidemenu {
    padding: 16px 32px;
  }
}

.sidemenu .close_sidemenu .dashicons::before {
  content: "\2715";
}

.sidemenu section {
  padding: 64px 0 48px;
}

@media screen and (min-width: 768px) {

  .sidemenu section {
    padding: 48px 0;
  }
}

@media screen and (min-width: 1024px) {

  .sidemenu section {
    padding: 32px 0;
  }  
}

@media screen and (min-width: 768px) {
  .sidemenu .sub-menu {
    position: absolute;
    top: 0;
    /* left: 225px; */
    left: 240px;
    height: 130%;
    width: 260px;
    width: 100%;
    padding: 48px 30px;
    background: #FFF9F0;
  }

  .sidemenu .sub-menu li {
    width: 230px;
  }
    
  /* .sidemenu .sub-menu:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #FFF9F0;
  } */
}

@media screen and (min-width: 1024px) {
  .sidemenu .sub-menu {
    left: 270px;
    padding: 28px 30px;
  }
}

@media screen and (min-width: 1024px) {
  .sidemenu .sub-menu li {
    /* width: 450px; */
    /* width: 350px; */
    width: 260px;
  }
}


/* colours from theme */
.sidemenu .sub-menu li::-webkit-selection {
  background-color: brown; color: yellow;
}
.sidemenu .sub-menu li::-moz-selection {
  background-color: brown; color: yellow;
}
.sidemenu .sub-menu li::selection {
  background-color: brown; color: yellow;
}




@media screen and (min-width: 1600px) {
  .sidemenu .sub-menu {
    position: absolute;
    top: 0;
    /* left: 320px; */
    /* left: 420px; */
    left: 296px;
    height: 100%;
    /* width: 420px; */
    /* width: 450px; */
    width: 100%;
    padding: 28px 60px;
    background: #FFF9F0;
  }
}

.menu > li.open > .sub-menu {
  display: block !important;
}

.menu > li.menu-item.open > .sub-menu > li.menu-item.open > .sub-menu {
  display: block !important;
}

@media screen and (min-width: 768px) {
  .menu > li.menu-item.open > .sub-menu,
  .menu > li.menu-item.open > .sub-menu > li.menu-item.open > .sub-menu {
    margin-top: 0;
  }
}

.menu > li.menu-item.open > .sub-menu > li.menu-item.open > .sub-menu a {
  /* font-weight: 400; */
}

.sidemenu .widget {
  order: 2;
}

.sidemenu .custom-menu a {
  color: #484848;
}

/* ================================================== */

.sidemenu .widget.widget_block {
  height: 100%;
}

.custom-menu {
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media screen and (min-width: 768px) {
  .custom-menu {
    max-width: 200px;
  }
}

@media screen and (min-width: 1600px) {
  .custom-menu {
    max-width: 368px;
  }
}

.custom-menu .menu-get-in-toch {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  color: var(--white) !important;
  background-color: var(--yellow);
  margin-bottom: 20px;

  font-size: 16px;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .custom-menu .menu-get-in-toch {
    max-width: 240px;
  }
}

.custom-menu .contact-info {
  margin-bottom: 20px;
}

.custom-menu .contact-info-item {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.custom-menu .contact-info-item:before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 14px;
  background-position: center;
  background-size: contain;
}

.custom-menu .contact-info-item:last-child {
  margin-bottom: 0;
}

.custom-menu .contact-info-item-email:before {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6429 1H2.35714C1.99721 1 1.65201 1.1475 1.3975 1.41005C1.14298 1.6726 1 2.0287 1 2.4V13.6C1 13.9713 1.14298 14.3274 1.3975 14.5899C1.65201 14.8525 1.99721 15 2.35714 15H18.6429C19.0028 15 19.348 14.8525 19.6025 14.5899C19.857 14.3274 20 13.9713 20 13.6V2.4C20 2.0287 19.857 1.6726 19.6025 1.41005C19.348 1.1475 19.0028 1 18.6429 1ZM17.15 2.4L10.5 7.146L3.85 2.4H17.15ZM2.35714 13.6V3.037L10.1132 8.574C10.2268 8.65529 10.3618 8.69885 10.5 8.69885C10.6382 8.69885 10.7732 8.65529 10.8868 8.574L18.6429 3.037V13.6H2.35714Z' fill='%23B15800' stroke='%23B15800' stroke-width='0.5'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.custom-menu .contact-info-item-tel:before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='24' viewBox='0 0 16 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.2 2.4C12.5713 2.4 12.9274 2.5475 13.1899 2.81005C13.4525 3.0726 13.6 3.4287 13.6 3.8V20.6C13.6 20.9713 13.4525 21.3274 13.1899 21.5899C12.9274 21.8525 12.5713 22 12.2 22H3.8C3.4287 22 3.0726 21.8525 2.81005 21.5899C2.5475 21.3274 2.4 20.9713 2.4 20.6V3.8C2.4 3.4287 2.5475 3.0726 2.81005 2.81005C3.0726 2.5475 3.4287 2.4 3.8 2.4H12.2ZM3.8 1C3.05739 1 2.3452 1.295 1.8201 1.8201C1.295 2.3452 1 3.05739 1 3.8V20.6C1 21.3426 1.295 22.0548 1.8201 22.5799C2.3452 23.105 3.05739 23.4 3.8 23.4H12.2C12.9426 23.4 13.6548 23.105 14.1799 22.5799C14.705 22.0548 15 21.3426 15 20.6V3.8C15 3.05739 14.705 2.3452 14.1799 1.8201C13.6548 1.295 12.9426 1 12.2 1H3.8Z' fill='%23B15800' stroke='%23B15800' stroke-width='0.5'/%3E%3Cpath d='M8.0001 20.5998C8.3714 20.5998 8.7275 20.4523 8.99005 20.1898C9.2526 19.9272 9.4001 19.5711 9.4001 19.1998C9.4001 18.8285 9.2526 18.4724 8.99005 18.2099C8.7275 17.9473 8.3714 17.7998 8.0001 17.7998C7.62879 17.7998 7.2727 17.9473 7.01015 18.2099C6.7476 18.4724 6.6001 18.8285 6.6001 19.1998C6.6001 19.5711 6.7476 19.9272 7.01015 20.1898C7.2727 20.4523 7.62879 20.5998 8.0001 20.5998Z' fill='%23B15800'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.custom-menu .contact-info-item-map:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C9.89206 1.99989 7.86926 2.83176 6.37124 4.31479C4.87323 5.79782 4.02108 7.81216 4 9.92C4 15.4 11.05 21.5 11.35 21.76C11.5311 21.9149 11.7616 22.0001 12 22.0001C12.2384 22.0001 12.4689 21.9149 12.65 21.76C13 21.5 20 15.4 20 9.92C19.9789 7.81216 19.1268 5.79782 17.6288 4.31479C16.1307 2.83176 14.1079 1.99989 12 2ZM12 19.65C10.33 18.06 6 13.65 6 9.92C6 8.3287 6.63214 6.80258 7.75736 5.67736C8.88258 4.55214 10.4087 3.92 12 3.92C13.5913 3.92 15.1174 4.55214 16.2426 5.67736C17.3679 6.80258 18 8.3287 18 9.92C18 13.62 13.67 18.06 12 19.65Z' fill='%23B15800'/%3E%3Cpath d='M12 6C11.3078 6 10.6311 6.20527 10.0555 6.58986C9.47993 6.97444 9.03133 7.52107 8.76642 8.16061C8.50152 8.80015 8.4322 9.50388 8.56725 10.1828C8.7023 10.8618 9.03564 11.4854 9.52513 11.9749C10.0146 12.4644 10.6383 12.7977 11.3172 12.9327C11.9961 13.0678 12.6999 12.9985 13.3394 12.7336C13.9789 12.4687 14.5256 12.0201 14.9101 11.4445C15.2947 10.8689 15.5 10.1922 15.5 9.5C15.5 8.57174 15.1313 7.6815 14.4749 7.02513C13.8185 6.36875 12.9283 6 12 6ZM12 11C11.7033 11 11.4133 10.912 11.1666 10.7472C10.92 10.5824 10.7277 10.3481 10.6142 10.074C10.5007 9.79994 10.4709 9.49834 10.5288 9.20736C10.5867 8.91639 10.7296 8.64912 10.9393 8.43934C11.1491 8.22956 11.4164 8.0867 11.7074 8.02882C11.9983 7.97094 12.2999 8.00065 12.574 8.11418C12.8481 8.22771 13.0824 8.41997 13.2472 8.66665C13.412 8.91332 13.5 9.20333 13.5 9.5C13.5 9.89782 13.342 10.2794 13.0607 10.5607C12.7794 10.842 12.3978 11 12 11Z' fill='%23B15800'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.custom-menu .social-info {
  margin: 0 0 20px;
}

.custom-menu .social-info-item {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 16px 0 0;
  background-size: contain;
  opacity: 1 !important;
}

.custom-menu .social-info-item-instagram {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 12C15.75 12.7417 15.5301 13.4667 15.118 14.0834C14.706 14.7001 14.1203 15.1807 13.4351 15.4645C12.7498 15.7484 11.9958 15.8226 11.2684 15.6779C10.541 15.5333 9.8728 15.1761 9.34835 14.6516C8.8239 14.1272 8.46675 13.459 8.32205 12.7316C8.17736 12.0042 8.25162 11.2502 8.53545 10.5649C8.81928 9.87971 9.29993 9.29404 9.91661 8.88199C10.5333 8.46993 11.2583 8.25 12 8.25C12.9936 8.25309 13.9456 8.64917 14.6482 9.35176C15.3508 10.0544 15.7469 11.0064 15.75 12ZM23.7188 6.84375V17.1562C23.7188 18.8967 23.0273 20.5659 21.7966 21.7966C20.5659 23.0273 18.8967 23.7188 17.1562 23.7188H6.84375C5.10327 23.7188 3.43407 23.0273 2.20336 21.7966C0.972654 20.5659 0.28125 18.8967 0.28125 17.1562V6.84375C0.28125 5.10327 0.972654 3.43407 2.20336 2.20336C3.43407 0.972654 5.10327 0.28125 6.84375 0.28125H17.1562C18.8967 0.28125 20.5659 0.972654 21.7966 2.20336C23.0273 3.43407 23.7188 5.10327 23.7188 6.84375ZM17.625 12C17.625 10.8875 17.2951 9.79994 16.677 8.87492C16.0589 7.94989 15.1804 7.22892 14.1526 6.80318C13.1248 6.37744 11.9938 6.26604 10.9026 6.48308C9.81147 6.70013 8.80919 7.23585 8.02252 8.02252C7.23585 8.80919 6.70013 9.81147 6.48308 10.9026C6.26604 11.9938 6.37744 13.1248 6.80318 14.1526C7.22892 15.1804 7.94989 16.0589 8.87492 16.677C9.79994 17.2951 10.8875 17.625 12 17.625C13.4918 17.625 14.9226 17.0324 15.9775 15.9775C17.0324 14.9226 17.625 13.4918 17.625 12ZM19.5 5.90625C19.5 5.62812 19.4175 5.35624 19.263 5.12498C19.1085 4.89372 18.8889 4.71348 18.6319 4.60704C18.3749 4.50061 18.0922 4.47276 17.8194 4.52702C17.5466 4.58128 17.296 4.71521 17.0994 4.91188C16.9027 5.10855 16.7688 5.35912 16.7145 5.6319C16.6603 5.90469 16.6881 6.18744 16.7945 6.4444C16.901 6.70136 17.0812 6.92098 17.3125 7.0755C17.5437 7.23003 17.8156 7.3125 18.0938 7.3125C18.4667 7.3125 18.8244 7.16434 19.0881 6.90062C19.3518 6.6369 19.5 6.27921 19.5 5.90625Z' fill='%23B15800'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.custom-menu .social-info-item-facebook {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.5 13C25.5 6.1 19.9 0.5 13 0.5C6.1 0.5 0.5 6.1 0.5 13C0.5 19.05 4.8 24.0875 10.5 25.25V16.75H8V13H10.5V9.875C10.5 7.4625 12.4625 5.5 14.875 5.5H18V9.25H15.5C14.8125 9.25 14.25 9.8125 14.25 10.5V13H18V16.75H14.25V25.4375C20.5625 24.8125 25.5 19.4875 25.5 13Z' fill='%23B15800'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.custom-menu .social-info-item-linkedin {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3333 0C22.0406 0 22.7189 0.280951 23.219 0.781048C23.719 1.28115 24 1.95942 24 2.66667V21.3333C24 22.0406 23.719 22.7189 23.219 23.219C22.7189 23.719 22.0406 24 21.3333 24H2.66667C1.95942 24 1.28115 23.719 0.781048 23.219C0.280951 22.7189 0 22.0406 0 21.3333V2.66667C0 1.95942 0.280951 1.28115 0.781048 0.781048C1.28115 0.280951 1.95942 0 2.66667 0H21.3333ZM20.6667 20.6667V13.6C20.6667 12.4472 20.2087 11.3416 19.3936 10.5264C18.5784 9.71128 17.4728 9.25333 16.32 9.25333C15.1867 9.25333 13.8667 9.94667 13.2267 10.9867V9.50667H9.50667V20.6667H13.2267V14.0933C13.2267 13.0667 14.0533 12.2267 15.08 12.2267C15.5751 12.2267 16.0499 12.4233 16.3999 12.7734C16.75 13.1235 16.9467 13.5983 16.9467 14.0933V20.6667H20.6667ZM5.17333 7.41333C5.76742 7.41333 6.33717 7.17733 6.75725 6.75725C7.17733 6.33717 7.41333 5.76742 7.41333 5.17333C7.41333 3.93333 6.41333 2.92 5.17333 2.92C4.57571 2.92 4.00257 3.1574 3.57999 3.57999C3.1574 4.00257 2.92 4.57571 2.92 5.17333C2.92 6.41333 3.93333 7.41333 5.17333 7.41333ZM7.02667 20.6667V9.50667H3.33333V20.6667H7.02667Z' fill='%23B15800'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}


.custom-menu ul.footer-menu {
  width: 100%;
  padding: 0;
  margin: 0 0 16px;

  /* display: flex;
  justify-content: space-between;
  flex-wrap: wrap; */
}

.custom-menu ul.footer-menu .footer-menu-item  {
  width: 100%;
}

@media screen and (min-width: 1600px) {

  .custom-menu ul.footer-menu .footer-menu-item  {
    /* width: calc(50% - 10px); */
    width: 100%;
  }
}

.custom-menu ul.footer-menu .footer-menu-link  {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
}

.custom-menu .copyright {
  margin: 0;
  text-transform: uppercase;
  font-size: 12px;
  color: #484848;
}
