/*
 Theme Name:	Arpeggio
 Version:			1.0.0
 Author:			Agamemnon
 Author URI:	https://arpeggio.gr/
 Template:		hello-elementor

 width:1280
 breakpoints: 1024, 767
*/

:root {
	--maxW:1280px;
	--blue:#748694;
	--headers:#022335;
	--txt:#0f2046;
	--beige:#9a936c;
}
::selection { text-shadow:none; background-color:var(--blue); color:#fff; }
img { color:transparent; }

html, body { min-width:360px; max-width:min(1920px, 100%); overflow-x:hidden; margin:0 auto; padding:0; background-color:#fff; color:var(--text); font-family:"Commissioner", Arial, sans-serif; }

body:not([class*="elementor-page-"]) .site-main { width:95%; max-width:var(--maxW); margin:0 auto; padding:40px 50px 100px; }
body:not([class*="elementor-page-"]) h1 { margin-bottom:30px; font-size:1.8em; font-weight:500; color:var(--e-global-color-primary) }
@media (max-width:767px) {
	body:not([class*="elementor-page-"]) .site-main { padding:0 20px 0; }
	body:not([class*="elementor-page-"]) h1 { margin-bottom:20px; font-size:1.6em; }
}


.e-con-full > .e-con-boxed { padding-left:80px; padding-right:80px; }
@media(max-width:1024px){
	.e-con-full > .e-con-boxed { padding-left:50px; padding-right:50px; }
}
@media(max-width:767px){
	.e-con-full > .e-con-boxed { padding-left:30px; padding-right:30px; }
}



/* ASSETS */
img { color:transparent; }
body:not(.elementor-editor-active) .d-none, .hidden-heading { display:none; }
.d-block { display:block; }
.d-inblock { display:inline-block; }
.see-through { pointer-events:none; }
.invisible { visibility:hidden; }
.rel { position:relative; }
.full-height { min-height:100% !important; }
.elementor-widget-text-editor p:last-child { margin:0; }
.m0, .m0 p { margin:0; }
.sb { font-weight:600; }
.shadow, .shadow-img img, .shadow-btn .elementor-button { box-shadow:4px 4px 20px 0px rgba(0, 0, 0, 0.15); }
/* elementor's off-canvas overlay */
/*.e-off-canvas.animated-reverse-wrapper .e-off-canvas__overlay { opacity:0 !important; pointer-events:none; transition:opacity 0.3s ease-in-out !important; }*/
.e-off-canvas__overlay { opacity:1; backdrop-filter:blur(4px); transition:opacity 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out !important; pointer-events:auto; }
.e-off-canvas.animated-reverse-wrapper .e-off-canvas__overlay { opacity:0 !important; backdrop-filter:blur(0px); pointer-events:none; }

.search-form > div { display:flex; align-items:center; width:210px; }
.search-form input, .search-form input:hover, .search-form input:focus, .search-form input:focus-visible { outline:none; width:100%; background-color:var( --e-global-color-primary ); border:1px solid #fff; border-radius:13px; padding:8px 34px 8px 15px; color:#fff; }
.search-form button, .search-form button:hover, .search-form button:focus { position:absolute; right:12px; background:none; border:none; padding:2px; cursor:pointer; box-shadow:none; }
.search-form button svg { fill:#fff; height:16px; width:auto; }
.search-form button:hover svg { fill:var(--beige); }
.elementor-posts-nothing-found { margin-bottom:300px; }

ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover { border-inline-start:none; }

.e-widget-swiper.hide-carousel-nav .swiper-wrapper { justify-content:center; margin:0 auto; }
.e-widget-swiper.hide-carousel-nav .elementor-swiper-button, .e-widget-swiper.hide-carousel-nav .swiper-pagination { display:none !important; }


@media (max-width:1366px) {
	.d-lg { display:none !important; }
}
@media (max-width:1366px) {
	.lg-d-none { display:none !important; }
}
@media (max-width:1023px) {
	.md-d-none { display:none !important; }
	.md-600, .md-600 * { font-weight:600 !important; }
	.md-500, .md-500 * { font-weight:500 !important; }
	.md-400, .md-400 * { font-weight:400 !important; }
}
@media (max-width:767px) {
	.no-sm-bg { background-image:none !important; }
	.sm-rel { position:relative; }
	.sm-d-none { display:none !important; }
	.sm-600, .sm-600 * { font-weight:600 !important; }
	.sm-500, .sm-500 * { font-weight:500 !important; }
	.sm-400, .sm-400 * { font-weight:400 !important; }
	.elementor-posts-nothing-found { margin-bottom:200px; }
}
@media (min-width:1024px) {
	.d-md { display:none !important; }
}
@media (min-width:768px) {
	.d-sm { display:none !important; }
}
@media(max-width:499px){
    .mob750 { display:none; }
    .mob350 { display:flex; }
}
@media(min-width:500px) and (max-width:767px) {
    .mob750 { display:flex; }
    .mob350 { display:none; }
}


.page-numbers { display:inline-flex; justify-content:center; align-items:center; width:40px; aspect-ratio:1 / 1; border:1px solid var(--pink); border-radius:100%; }
.page-numbers.current { background-color:var(--pink); color:#fff; }
a.page-numbers:hover { background-color:var(--pink2); border-color:var(--pink2); color:#fff; }



/* HEADER */
#top_menu.sticky { width:100%; position:fixed; top:0; left:0; z-index:999; padding:0; background-color:rgba(255, 255, 255, 0.95); box-shadow:0 1px 2px rgba(0, 0, 0, 0.05); border-bottom:none; animation:slide-down 0.8s; }
#top_menu.sticky > div { padding:0; }
@keyframes slide-down {
    0% { transform:translateY(-100%); }
    100% { transform:translateY(0); }
}

.hero { aspect-ratio: 3.2 / 1; min-height:400px; }
@media (max-width:1024px) {
	.hero { min-height:50vw; }
}
@media (max-width:767px) {
	.hero { min-height:50vw; }
}



/* HOME */





/* SINGLE */

.share-it-icon .elementor-icon-box-wrapper { margin-top:-3px; }
.share-it-icon .elementor-icon-box-content { margin-top:-5px; }


/* ACTIONS */
.action { padding:20px; background:#f7f7f7; border-radius:8px; }
.action:not(:last-child) { margin-bottom:12px; }
.action-wrapper { display:flex; flex-direction:row; gap:10px; }
.action-num { display:flex; justify-content:center; align-items:center; margin-top:3px; width:26px; height:26px; border-radius:100%; background-color:var(--e-global-color-accent); color:#fff; font-size:18px; font-weight:600; }
.action-content { width:calc(100% - 26px); }
.action-title { font-size:19px; font-weight:500; color:#414141; }
.action-description { line-height:24px; }
.action-description p { margin:0 0 10px; }
.read-more { text-align:right; }
.sponsors-wrapper { display:flex; flex-direction:row; gap:5px; }
.sponsors-list { display:flex; flex-direction:row; gap:14px; max-width:600px; flex-wrap:wrap; }
.sponsors-list a { color:#2E2E2E; }
.sponsors-list img { width:60px; height:auto; }

.action-lightbox { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; }
.lightbox-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); }
.lightbox-content { position:absolute;top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; padding:30px; border-radius:8px; max-width:90%; max-height:80vh; overflow-y:auto; width:700px; box-shadow:0 5px 25px rgba(0, 0, 0, 0.3); z-index:10000; }
.lightbox-close { position:sticky; top:0; float:right; font-size:30px; font-weight:bold; cursor:pointer; color:#333; background:#f5f5f5; width:40px; height:40px;
	display:flex; align-items:center; justify-content:center; border-radius:50%; margin-top:-20px; margin-right:-20px; z-index:1; }
.lightbox-close:hover { background:#e5e5e5; color:var( --e-global-color-primary ); }
.lightbox-body { margin-top:10px; }
.lightbox-body .details-header { padding-bottom:16px; border-bottom:2px solid #f3f3f3; }
.lightbox-body .details-header h2 { margin:0 0 8px; font-size:22px; font-weight:500; line-height:1.1em; color:#333; }
.lightbox-body .details-header p { margin:0; line-height:1.3; }
.lightbox-body .details-content { margin:20px 0; line-height:1.6; }
@media (max-width:768px) {
	.action-title { font-size:18px; line-height:22px; }
	.action-description { font-size:16px; line-height:21px; }
	.sponsors-wrapper { flex-direction:column; }
	.read-more { font-size: 16px; }
	.lightbox-content { width:95%; padding:20px; }
	.lightbox-close { margin-top:-10px; margin-right:-10px; width:35px; height:35px; font-size:24px; }
}



/* CONTACT */
/*.elementor-form label { margin-bottom:3px; }
.elementor-form .elementor-field-type-textarea { margin-bottom:0; }
.elementor-form .elementor-field-type-submit { margin-top:8px; }
.elementor-form .elementor-message { font-size:13px; margin:5px 0 0; }
.elementor-form > .elementor-message { font-size:18px; text-align:center; margin-top:18px; }
.elementor-field-required label::after { content:'  *'; color:#c00; }*/


/* FOOTER */
footer a { color:#fff !important; }
footer a:hover { color:#30ACDB !important; }


#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {	
	font-family: "Geologica", sans-serif ;font-size:14px; font-weight: 300;
}