/*
Theme Name: Εκπαιδευτήρια Μαίρης Ν. Ράπτου
Author: ITBox
Author URI: https://itbox.gr/
Version: 2.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(--calculated-viewport-height, 100vh);
}
.no-select {
	user-select: none;
}


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

.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: 20px!important;
	--padding-right: 20px!important;
}
@media (max-width: 1023px) {
	.e-con.e-con-boxed {
		--padding-left: 16px!important;
		--padding-right: 16px!important;
	}
}


/*------------------------------------------------------------*/
/* Element: Text Editor */

.elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}



/*------------------------------------------------------------*/
/* Element: Image */

.elementor-widget-image .widget-image-caption {
	display: block;
	font-size: 13px;
	line-height: 17px;
	text-align: center;
	font-style: italic;
	padding-top: 8px;
	color: #555555;
}


/*------------------------------------------------------------*/
/* Element: Posts (Archives) */

/* Fixes */

.elementor-widget-posts .elementor-posts .elementor-post .elementor-post__thumbnail > img,
.elementor-widget-archive-posts .elementor-posts .elementor-post .elementor-post__thumbnail > img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #DDDDDD;
	-webkit-transform: none!important;
	-ms-transform: none!important;
	transform: none!important;
}
.elementor-widget-posts .elementor-posts .elementor-post .elementor-post__thumbnail.elementor-fit-height > img,
.elementor-widget-archive-posts .elementor-posts .elementor-post .elementor-post__thumbnail.elementor-fit-height > img {
	width: 100%;
	height: 100%;
}
.elementor-widget-posts .elementor-posts .elementor-post .elementor-post__title,
.elementor-widget-posts .elementor-posts .elementor-post .elementor-post__title a,
.elementor-widget-archive-posts .elementor-posts .elementor-post .elementor-post__title,
.elementor-widget-archive-posts .elementor-posts .elementor-post .elementor-post__title a {
	display: block;
}


/* Default Styling */

.elementor-widget-posts .elementor-posts .elementor-post .elementor-post__meta-data span+span:before,
.elementor-widget-archive-posts .elementor-posts .elementor-post .elementor-post__meta-data span+span:before {
	margin: 0 3px;
}
.elementor-widget-posts .elementor-posts .elementor-post .elementor-post__meta-data a,
.elementor-widget-archive-posts .elementor-posts .elementor-post .elementor-post__meta-data a {
	color: inherit;
	/* color: var(--e-global-color-primary); */
}
.elementor-widget-posts .elementor-posts .elementor-post .elementor-post__meta-data a:hover,
.elementor-widget-archive-posts .elementor-posts .elementor-post .elementor-post__meta-data a:hover {
	color: var(--e-global-color-primary);
}


/* Default Styling -> Cards Skin */

.elementor-widget-posts .elementor-posts .elementor-post .elementor-post__thumbnail__link,
.elementor-widget-archive-posts .elementor-posts .elementor-post .elementor-post__thumbnail__link {
	margin-bottom: 0;
}


/* Custom Features -> Date Alternative Format */

.elementor-widget-posts .elementor-posts .elementor-post .elementor-post__meta-data span > span:before,
.elementor-widget-archive-posts .elementor-posts .elementor-post .elementor-post__meta-data span > span:before {
	content: none!important;
}
.elementor-widget-posts .elementor-posts .elementor-post .elementor-post__meta-data .date-alt,
.elementor-widget-archive-posts .elementor-posts .elementor-post .elementor-post__meta-data .date-alt {
	display: none;
}
.elementor-widget-posts.date-alt .elementor-posts .elementor-post .elementor-post__meta-data .date-default,
.elementor-widget-archive-posts.date-alt .elementor-posts .elementor-post .elementor-post__meta-data .date-default {
	display: none;
}
.elementor-widget-posts.date-alt .elementor-posts .elementor-post .elementor-post__meta-data .date-alt,
.elementor-widget-archive-posts.date-alt .elementor-posts .elementor-post .elementor-post__meta-data .date-alt {
	display: inline;
}


/* Custom Features -> Meta Categories */

.elementor-widget-posts.category-primary .elementor-posts .elementor-post .elementor-post__meta-data .elementor-post-categories .category-primary,
.elementor-widget-archive-posts.category-primary .elementor-posts .elementor-post .elementor-post__meta-data .elementor-post-categories .category-primary {
	display: block;
}
.elementor-widget-posts.category-primary .elementor-posts .elementor-post .elementor-post__meta-data .elementor-post-categories .category-secondary,
.elementor-widget-posts.category-primary .elementor-posts .elementor-post .elementor-post__meta-data .elementor-post-categories .category-divider,
.elementor-widget-archive-posts.category-primary .elementor-posts .elementor-post .elementor-post__meta-data .elementor-post-categories .category-secondary,
.elementor-widget-archive-posts.category-primary .elementor-posts .elementor-post .elementor-post__meta-data .elementor-post-categories .category-divider {
	display: none!important;
}


/* Default Styling -> Pagination */

.elementor-pagination {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 40px;
	user-select: none;
	gap: 6px 6px;
}
.elementor-pagination .page-numbers {
	display: block;
	font-size: 13px;
	line-height: 20px;
	font-weight: 600;
	min-width: 32px;
	padding: 5px 12px 5px 12px;
	margin: 0!important;
	border-radius: 2px;
	border: 1px solid var(--e-global-color-fab3352);
	background: transparent;
	color: var(--e-global-color-fab3352);
}
.elementor-pagination a.page-numbers:hover,
.elementor-pagination span.page-numbers.current {
	border: 1px solid var(--e-global-color-fab3352);
	background: var(--e-global-color-fab3352);
	color: #FFFFFF;
}
.elementor-pagination span.page-numbers {
	cursor: default;
}
.elementor-pagination span.page-numbers.prev,
.elementor-pagination span.page-numbers.next {
	opacity: 0.5;
}


/*------------------------------------------------------------*/
/* Element: Featured Image */

.elementor-widget-theme-post-featured-image .elementor-widget-container {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 65%;
}
.elementor-widget-theme-post-featured-image .elementor-widget-container img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #DDDDDD;
}


/*------------------------------------------------------------*/
/* Elementor: Post Content (Posts & Pages) */

/* Default Styling → Text */

body.single .elementor-widget-theme-post-content {
	font-size: 16px;
	line-height: 1.5;
}
body.single .elementor-widget-theme-post-content p {
	margin-bottom: 18px;
}
body.single .elementor-widget-theme-post-content p:last-child {
	margin-bottom: 0;
}

body.single .elementor-widget-theme-post-content a {
	text-decoration: underline;
	color: var(--e-global-color-text);
}
body.single .elementor-widget-theme-post-content a:hover {
	text-decoration: underline;
	color: var(--e-global-color-accent);
}

body.single .elementor-widget-theme-post-content b,
body.single .elementor-widget-theme-post-content strong {
	font-weight: 700;
}

body.single .elementor-widget-theme-post-content ul {
	margin-bottom: 24px;
	padding-left: 24px;
	list-style-position: outside;
}
body.single .elementor-widget-theme-post-content ul li {
	margin-bottom: 4px;
}
body.single .elementor-widget-theme-post-content ul li:last-child {
	margin-bottom: 0;
}

body.single .elementor-widget-theme-post-content ol {
	margin-bottom: 24px;
	padding-left: 24px;
	list-style-position: outside;
}
body.single .elementor-widget-theme-post-content ol li {
	margin-bottom: 4px;
}
body.single .elementor-widget-theme-post-content ol li:last-child {
	margin-bottom: 0;
}

body.single .elementor-widget-theme-post-content h1,
body.single .elementor-widget-theme-post-content h2,
body.single .elementor-widget-theme-post-content h3,
body.single .elementor-widget-theme-post-content h4,
body.single .elementor-widget-theme-post-content h5,
body.single .elementor-widget-theme-post-content h6 {
	font-weight: 700;
	letter-spacing: -0.025em;
	margin: 0 0 12px 0;
}
body.single .elementor-widget-theme-post-content h1 {
	font-size: 28px;
	line-height: 1.3;
}
body.single .elementor-widget-theme-post-content h2 {
	font-size: 26px;
	line-height: 1.3;
}
body.single .elementor-widget-theme-post-content h3 {
	font-size: 24px;
	line-height: 1.35;
}
body.single .elementor-widget-theme-post-content h4 {
	font-size: 22px;
	line-height: 1.35;
}
body.single .elementor-widget-theme-post-content h5 {
	font-size: 20px;
	line-height: 1.4;
}
body.single .elementor-widget-theme-post-content h6 {
	font-size: 18px;
	line-height: 1.4;
}

body.single .elementor-widget-theme-post-content blockquote { /* TODO! */
	font-size: 20px;
	line-height: 1.35;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	border: none;
	margin: 25px auto;
	padding: 0 10%;
	color: #000000;
}
body.single .elementor-widget-theme-post-content blockquote:before,
body.single .elementor-widget-theme-post-content blockquote:after {
	content: "";
	display: block;
	width: 20%;
	height: 1px;
	background: #00000044;
	margin: 20px auto;
}
@media (max-width: 767px) {
	body.single .elementor-widget-theme-post-content blockquote {
		padding: 0;
	}
}

/* Default Styling → Images */

body.single .elementor-widget-theme-post-content img {
	display: block;
	width: auto;
	margin: 24px 0 24px 0;
	border-radius: 2px;
}

body.single .elementor-widget-theme-post-content .alignnone {
	margin: 24px 0 24px 0;
}
body.single .elementor-widget-theme-post-content .aligncenter {
	margin: 24px auto 24px auto;
}
body.single .elementor-widget-theme-post-content .alignleft {
	margin: 24px auto 24px 0;
	float: none;
}
body.single .elementor-widget-theme-post-content .alignright {
	margin: 24px 0 24px auto;
	float: none;
}

body.single .elementor-widget-theme-post-content .wp-caption {
	width: auto!important;
	margin: 24px auto 24px auto;
}
body.single .elementor-widget-theme-post-content .wp-caption.alignnone,
body.single .elementor-widget-theme-post-content .wp-caption.aligncenter,
body.single .elementor-widget-theme-post-content .wp-caption.alignleft,
body.single .elementor-widget-theme-post-content .wp-caption.alignright {
	margin: 24px auto 24px auto;
}
body.single .elementor-widget-theme-post-content .wp-caption img {
	margin-top: 0;
	margin-bottom: 0;
}
body.single .elementor-widget-theme-post-content .wp-caption .wp-caption-text {
	margin: 5px 0 -2px 0;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
	color: #666666;
}

body.single .elementor-widget-theme-post-content p:first-child img {
	margin-top: 0;
}
body.single .elementor-widget-theme-post-content p:last-child img {
	margin-bottom: 0;
}

body.single .elementor-widget-theme-post-content .wp-caption:first-child {
	margin-top: 0;
}
body.single .elementor-widget-theme-post-content .wp-caption:last-child {
	margin-bottom: 0;
}

/* Default Styling → Embeds */

body.single .elementor-widget-theme-post-content iframe {
	display: block;
}
body.single .elementor-widget-theme-post-content ins {
	background: transparent;
}

/* Default Styling → Reframe.js */

body.single .elementor-widget-theme-post-content .js-reframe {
	margin-top: 24px;
	margin-bottom: 24px;
}
body.single .elementor-widget-theme-post-content p:first-child .js-reframe {
	margin-top: 0;
}
body.single .elementor-widget-theme-post-content p:last-child .js-reframe {
	margin-bottom: 0;
}

/* Default Styling → Block: Image -- TODO: Needs refactoring! */

body.single .elementor-widget-theme-post-content .wp-block-image {
	margin: 24px 0 24px 0;
}
body.single .elementor-widget-theme-post-content .wp-block-image a {
	display: block;
}
body.single .elementor-widget-theme-post-content .wp-block-image img {
	margin-top: 0;
	margin-bottom: 0;
}
body.single .elementor-widget-theme-post-content .wp-block-image .wp-element-caption {
	margin: 6px 0 -2px 0;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	font-style: normal;
	color: var(--e-global-color-text);
}
body.single .elementor-widget-theme-post-content .wp-block-image:first-child {
	margin-top: 0;
}
body.single .elementor-widget-theme-post-content .wp-block-image:last-child {
	margin-bottom: 0;
}

/* Default Styling → Block: Gallery -- TODO: Needs refactoring! */

body.single .elementor-widget-theme-post-content .wp-block-gallery {
	margin-top: 24px;
	margin-bottom: 24px;
}
body.single .elementor-widget-theme-post-content .wp-block-gallery:first-child {
	margin-top: 0;
}
body.single .elementor-widget-theme-post-content .wp-block-gallery:last-child {
	margin-bottom: 0;
}


/*------------------------------------------------------------*/
/* Header */

.elementor-location-header {
	z-index: 2;
}

/* Main Navigation */

body .header-navbar-desktop {
	box-shadow: none;
	background-color: transparent;
	transition: background-color 100ms ease, box-shadow 200ms ease;
}
body.header-scrolled .header-navbar-desktop {
	background-color: var(--e-global-color-fab3352);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

body.blog .header-navbar-desktop,
body.archive .header-navbar-desktop,
body.single .header-navbar-desktop {
	background-color: var(--e-global-color-fab3352);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
body.blog .header-page-title,
body.archive .header-page-title,
body.single .header-page-title {
	display: none!important;
}

body.page-id-246 .header-page-title,
body.page-id-373 .header-page-title,
body.page-id-374 .header-page-title {
	display: none!important;
}



/*------------------------------------------------------------*/
/* Main */

main#content {
	z-index: 1;
}


/*------------------------------------------------------------*/
/* Footer */

.elementor-location-footer {
	z-index: 1;
}


/*------------------------------------------------------------*/
/* Animations */

/* Scroll Down Indicator */

.scroll-down-indicator {
	animation: scroll_down_animation 3s infinite;
}
@keyframes scroll_down_animation {
	0% {
		/* transform: translateY(0px); */
		transform: translateY(8px);
	}
	50% {
		/* transform: translateY(-16px); */
		transform: translateY(-8px);
	}
	100% {
		/* transform: translateY(0px); */
		transform: translateY(8px);
	}
}