/*
Theme Name: STAR FORUM
Author: ITBox
Author URI: https://itbox.gr/
Version: 1.0
Template: hello-elementor
Text Domain: hello-elementor-child
*/


/*------------------------------------------------------------*/
/* General */

body {
	/* -webkit-font-smoothing: antialiased; */
	-webkit-font-smoothing: auto;
	/* -moz-osx-font-smoothing: grayscale; */
	-moz-osx-font-smoothing: auto;
	font-variant-ligatures: none;
}
svg {
	display: block;
}

::selection {
	color: #FFFFFF;
	background: var(--e-global-color-primary);
}


/* Breakpoints (Mobile First) */

@media (min-width: 768px) {
	/* Placeholder */
}
@media (min-width: 1024px) {
	/* Placeholder */
}


/* WordPress Fixes */

@media (max-width: 600px) {
	#wpadminbar {
		/* position: fixed; */
	}
}


/* Typography Fixes */

strong, b {
	font-weight: 700;
}


/*------------------------------------------------------------*/
/* Variables */

/* WordPress Admin Bar */

body {
	--admin-bar: 0px;
}
body.admin-bar {
	--admin-bar: 32px;
}
@media (max-width: 782px) {
	body.admin-bar {
		--admin-bar: 46px;
	}
}
@media (max-width: 600px) {
	body.admin-bar {
		--admin-bar: 46px;
	}
}


/* Viewport Height (without the Admin Bar) */

body {
	--viewport-height: calc(100vh - var(--admin-bar, 0px));
	--viewport-height: calc(100svh - var(--admin-bar, 0px));
}


/*------------------------------------------------------------*/
/* Helper Classes */

/* Navigation Helpers */

.no-scroll {
	overflow: hidden;
	max-height: 100vh;
	max-height: var(--viewport-height, 100vh);
}
.no-select {
	user-select: none;
}


/*------------------------------------------------------------*/
/* Elementor Fixes */

.e-con {
	/* transition: none; */ /* Disable transitions */
}
.e-con.e-parent {
	/* --z-index: 0; */ /* Act as default */
}

.elementor-element .elementor-widget-container {
	/* transition: none; */ /* Disable transitions */
}

/* Default Container Paddings */

.e-con.e-con-boxed {
	--padding-left: 24px!important;
	--padding-right: 24px!important;
}
@media (max-width: 1023px) {
	.e-con.e-con-boxed {
		--padding-left: 20px!important;
		--padding-right: 20px!important;
	}
}

/* Main Content: Fill the Screen */

main#content {
	min-height: var(--main-height-min, 512px);
}


/*------------------------------------------------------------*/
/* Elementor: Animations */

.animated {
	animation-duration: 1s;
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -25%, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-5%, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(5%, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 25%, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}