/*
Theme Name:   Moshovaki child
Description:  Moshovaki Child Theme
Author:       360 Digital Bird
Author URI:   https://www.digitalbird.gr
Template:     moshovaki
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:  moshovaki-child
*/

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.home #header-site-logo {
  display: none;
}

#header-site-logo img {
  width: 200px;
  height: auto;
}

.page-id-3 #menu-header,
.page-id-398 #menu-header,
.page-id-400 #menu-header,
.page-id-402 #menu-header,
.page-id-404 #menu-header,
.single-post #menu-header,
#menu-header.scrolled-head {
  background-color: #0000007a;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 0.5px solid #4b4b4b;
}

.uranus.tparrows{
	display: flex;
    justify-content: center;
	width: 80px !important;
	height: 100svh !important;
    padding-top: 50svh;
}

.tp-rightarrow.uranus.tparrows{
	left: 102svw !important;
}

.uranus.tparrows:hover {
	background: rgba(255, 255, 255, 0.25) !important;
}

input {
  border-radius: 0px !important;
}

form label {
  width: 100%;
}

.wpcf7-form p {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wpcf7-form [type="submit"] {
  color: #ffffff;
  background-color: transparent;
  border: 1px solid white;
  text-decoration: none;
}

.wpcf7-form [type="submit"]:hover {
  color: #000000;
  background-color: #e5cca8;
  border-color: #e5cca8;
}

/* 
#home-services-cont path,
#home-services-cont h3 
*/

.logo-w {
  filter: invert(1);
}


.gradfont,
/* #menu-header a:hover, */
/* #menu-header a:active, */
/* #menu-header .elementor-item-active, */
#home-services-cont h3 {
  background: -webkit-linear-gradient(225deg, #f8e0be, #ccac80);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#home-services-cont path {
  fill: #e5cca8;
}

.project-phase h3::before {
    display: inline-block;
    content: "";
    border-top: 2px solid var( --e-global-color-accent );
    width: 4rem;
    margin-right: 10px;
    transform: translateY(-10px);
}

/* ========================= LOGO ANIMATION ========================= */

/* .home header,
.home main,
.home footer {
  opacity: 0;
}

.home.is-active header,
.home.is-active main,
.home.is-active footer {
  opacity: 1;
}

.home.is-active .page-loader {
  display: none;
}

@media (max-width: 768.1px) {
	.home.is-active .hero-logo {
	  top: calc(50svh - 50px) !important;
	  left: calc(50svw - 100px) !important;
	}

	.home.is-active .hero-logo svg {
	  height: 100px !important;
	  width: 200px !important;
	}
}

.home.is-active .hero-logo {
  position: fixed;
  top: calc(50svh - 100px);
  width: 0px;
  margin-top: 0;
  margin-left: 0;
  left: calc(50svw - 200px);
  z-index: 1;
}

.home.is-active .hero-logo svg {
  height: 200px;
  width: 400px;
}
 */
/*==================================================== // Variables // Common // Logo animation //===================================================*/
/*==================================================== // Variables //===================================================*/
/*==================================================== // Common //===================================================*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  transition: color 0.15s, background 0.15s, border 0.15s, opacity 0.15s;
}
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}
@-ms-viewport {
  width: device-width;
}
html {
  position: relative;
  box-sizing: border-box;
  height: 100%;
  font-size: 100%;
}
body {
  position: relative;
  min-width: 300px;
  height: 100%;
  margin: 0;
  background-color: #eaf5ff;
}
/*==================================================== // Logo animation //===================================================*/
/* .hero-logo {
  display: block;
  width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  margin-top: -75px;
  transition: all 1000ms ease-out;
}
.hero-logo svg {
  height: 150px;
  width: 300px;
  transition: all 1000ms ease-out;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
  opacity: 0;
}
.hero-logo.is-animated svg {
  opacity: .5;
}
.hero-logo .js-hero-logo-polygon {
  fill: transparent;
  transition: fill 1000ms ease-out;
}
.hero-logo.end-animation .js-hero-logo-polygon {
  fill: #ffffff;
  stroke: transparent;
  transition: stroke 100ms ease-out;
} */

/* Copyright 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: #C9C9C9;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;
}