/*
 Theme Name:	PsyPortrait
 Theme URI:		-
 Description:	PsyPortrait's Theme
 Author:		The Udjat Team	
 Author URI:	https://www.udjat.dev
 Template:		phlox-pro
 Version:		1.0.0
*/
 
/*------------------------------------*\
	#BODY
\*------------------------------------*/
ul li {	list-style: square inside; }
 
.elementor-slide-description {
	background: rgba(0, 0, 0, 0.5);
	padding: 5px; }
 
.aux-master-menu.aux-vertical.aux-skin-classic .aux-submenu > .aux-menu-item > .aux-item-content { padding: 5.5px; }
 
.site-header-section .aux-master-menu.aux-horizontal.aux-with-splitter > .aux-menu-item > .aux-item-content::after {display: none;}
 
.menu-language-menu-container li a span { font-size: 9.97px !important; }
 
.menu-greek-header-top-menu-container li a span,
.menu-english-header-top-menu-container li a span { font-size: 9.32px !important; }
 
.aux-container.aux-fold.aux-float-wrapper { text-align: center; }
 
 
/*------------------------------------*\
	#404 PAGE
\*------------------------------------*/
.error-404.elementor-element.elementor-element-fb4a00c {
	margin-top: 35px;
	padding: 0px 70px 0px 70px; }
 
.not-found {
	margin: 0 auto 120px auto;
	text-align: center; }
 
.not-found p { text-align: center; }
 
.not-found .entry-content h2 { font-size: 3.2em !important; }
 
 
/*------------------------------------*\
	#WEAVED BY
\*------------------------------------*/
.copyright a,
#copyright a { color: rgb(107, 107, 107); }
	.copyright a:hover,
	#copyright a:hover { color: #3D3D3D; }
 
.udjat {
	height: 18px;
	margin: 0 0 0 5px;
	width: 25px; }
 
 
/*------------------------------------*\
	#SCROLL DOWN ANIMATION
\*------------------------------------*/
.moving-mouse-holder {
	background: rgba(0, 0, 0, 0.4);
	margin: auto;
	padding: 5px 10px 8px 10px;
	position: relative;
	top: -100px;
	width: 170px; }
 
@media (min-width: 320px) and (max-width: 600px) {
	.moving-mouse-holder { top: -60px; }
}
	.moving-mouse-holder .mouse {
		border: 2px solid #fff;
		border-radius: 18px;
		height: 40px;
		position: relative;
		right: 0;
		width: 26px; }
 
	.moving-mouse-holder .mouse-button {
		animation: mouse-scroll 1s infinite alternate;
		border-radius: 2px;
		background-color: #fff;
		height: 10px;
		left: 50%;
		margin: 0 0 0 -2px;
		position: absolute;
		top: 10px;
		width: 4px; }
 
	.moving-mouse-holder .text {
		color: #fff;
		font-size: 12px;
		line-height: 1em;
		margin-left: 40px;
		margin-top: -38px;
		text-align: center; }
 
@keyframes mouse-scroll {
  to {
    transform: translate(0, 6px) scale(1, 0.8);
  }
}