/*
Theme Name:   vespera-child
Description:  Vespera Child Theme
Author:       360 Digital Bird
Author URI:   https://www.digitalbird.gr
Template:     vespera
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  vespera-child
*/

@import url("https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap");

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}
body {
  font-family: "Oxygen", sans-serif;
}

.page-header {
  position: fixed;
  width: 100vw;
}

a {
  text-decoration: none !important;
}

.menu-logo img {
  width: 150px;
  height: auto;
}

.menu-logo span {
  display: none;
  /* font-size: 25px;
  color: #fff; */
}

/* .menu-logo:hover span {
  color: #b99b69;
} */

/* .menu-btn {
    border: solid 2px #fff !important;
    border-radius: 50px; 
} */
.menu-btn a {
  border: solid 2px #fff;
  border-radius: 50px;
  padding: 0px 20px !important;
  margin: 0;
  height: 35px;
  color: #fff;
}

.menu-btn a:hover {
  border-color: #b99b69;
  color: #b99b69;
}

#menu-1-be77eb3 li {
  align-items: center;
}

#menu-1-be77eb3 .elementor-item-active {
  color: #fff;
}
#menu-1-be77eb3 .elementor-item-active:hover {
  color: #b99b69;
}

.lang-selector div.hfe-has-submenu-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
}

.lang-selector {
  padding-top: 6px !important;
}

.lang-selector ul {
  min-width: 70px;
}

.lang-selector .menu-item-title {
  display: none;
}
.lang-selector a.elementor-item {
  margin-left: 20px !important;
  background-image: url(/wp-content/uploads/Globe_icon-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.lang-selector a.elementor-item:hover {
  background-image: url(/wp-content/uploads/Globe_icon-gold.svg);
}

.form-label {
  color: #00000001;
  width: 100%;
}

form input[type="text"],
form input[type="email"],
form input[type="submit"],
form textarea {
  width: 100%;
  border: solid 2px #141414;
  color: #141414;
  border-radius: 50px;
}

form input[type="submit"]:hover {
  background-color: #141414;
  color: #fff;
}

form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

form p:nth-child(2) {
  width: 50%;
  padding-right: 10px;
}

form p:nth-child(3) {
  width: 50%;
  padding-left: 10px;
}

form p {
  width: 100%;
}

.elementor-accordion .elementor-accordion-item:first-of-type {
  display: none;
}
.elementor-accordion .elementor-accordion-item,
.elementor-accordion .elementor-tab-content {
  border: none !important;
}

@media only screen and (max-width: 1025px) {
  .menu-logo {
    display: none;
  }

  .elementor-840
    .elementor-element.elementor-element-659ca54
    .sub-menu
    a.hfe-sub-menu-item {
    background-color: #222b34;
  }

  .elementor-840
    .elementor-element.elementor-element-659ca54
    .sub-menu
    li.menu-item:not(:last-child) {
    border-bottom-width: 0px !important;
  }

  .elementor-840
    .elementor-element.elementor-element-659ca54
    .hfe-flyout-content {
    padding: 60px !important;
  }

  .menu-btn a {
    color: #fff !important;
  }

  #hfe-flyout-content-id-659ca54 {
    animation-name: opening !important;
    animation-duration: 0.5s !important;
  }

  .hfe-flyout-close {
    margin: 25px !important;
  }

  @keyframes opening {
    from {
      right: -400px;
    }
    to {
      right: 0px;
    }
  }

  @keyframes closing {
    from {
      right: 0px;
    }
    to {
      right: -400px;
    }
  }

  .lang-selector a.hfe-menu-item {
    margin-left: 20px !important;
    background-image: url(/wp-content/uploads/Globe_icon-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
  }

  .lang-selector a.hfe-menu-item:hover {
    background-image: url(/wp-content/uploads/Globe_icon-gold.svg);
  }

  .lang-selector .hfe-menu-toggle.sub-arrow {
    margin-left: 50px;
  }
}

/* Wobble Vertical */
@-webkit-keyframes Digital_Bird {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes Digital_Bird {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
#copyright {
  display: inline-flex;
  color: #ffffff;
  width: 100% !important;
}
.Digital_Bird {
  display: inline-flex;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgb(0 0 0 / 0%);
}
.Digital_Bird > span {
  padding: 0 4px;
  color: yellow;
}
.Digital_Bird:hover,
.Digital_Bird:focus,
.Digital_Bird:active {
  -webkit-animation-name: Digital_Bird;
  animation-name: Digital_Bird;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@media only screen and (max-width: 600px) {
  form p:nth-child(2) {
    width: 100%;
    padding-right: 0px;
  }

  form p:nth-child(3) {
    width: 100%;
    padding-left: 0px;
  }
}