:root {
	--const-white:			241, 243, 245; /* #f1f3f5 white */
	--const-white_4grd:		241, 243, 245; /* #  */
	--const-black:			17, 11, 17; /* #110b11 black */
	--const-black_4grd:		17, 11, 17; /* #  */
	--const-color_1: 		199, 0, 0; /* #c70000 red */
	--const-color_1_4grd: 	199, 0, 0; /* # */
	--const-color_2: 		98, 5, 153; /* #620599 purple */
	--const-color_2_4grd: 	98, 5, 153; /* # */
	--const-alpha_1: 		0.75;
	--const-alpha_2: 		0.25;

	--trans-duration-short:	350ms;	
	--trans-duration-long: 	1200ms;
	--trans-delay-short: 	300ms;	
	--trans-delay-long: 	700ms;
	--trans-function-short:	ease-in-out;
	--trans-function-long: 	cubic-bezier(0.5, 0, 0.25, 1);

	--box-shadow: 			0 5px 15px rgba(0,0,0,.15);
	--box-shadow-up: 		0 -5px 15px rgba(0,0,0,.15);

	--grad-deg: 			45deg;
	--border-width:			4px;
	--border-width-slim:	2px;
	--site-content-width: 	1440px;
	--site-narrow-padding:  6vw;
	--space-bottom:         1.5rem;
	
	
/* don't edit below */
	--clr_white:	 		rgba( var(--const-white), 1);
	--clr_white_4grd:	 	rgba( var(--const-white_4grd), 1);
	--clr_whitea: 			rgba( var(--const-white), var(--const-alpha_1));
	--clr_whitea2: 			rgba( var(--const-white), var(--const-alpha_2));
	--clr_black: 			rgba( var(--const-black), 1);
	--clr_black_4grd: 		rgba( var(--const-black_4grd), 1);
	--clr_blacka: 			rgba( var(--const-black), var(--const-alpha_1));
	--clr_blacka2: 			rgba( var(--const-black), var(--const-alpha_2));
	--clr_1: 				rgb(var(--const-color_1));
	--clr_1_4grd:			rgba( var(--const-color_1_4grd), 1);
	--clr_1a: 				rgba( var(--const-color_1), var(--const-alpha_1));
	--clr_1a2: 				rgba( var(--const-color_1), var(--const-alpha_2));
	--clr_2: 				rgb(var(--const-color_2));
	--clr_2_4grd:			rgba( var(--const-color_2_4grd), 1);
	--clr_2a: 				rgba( var(--const-color_2), var(--const-alpha_1));
	--clr_2a2: 				rgba( var(--const-color_2), var(--const-alpha_2));
	
/***** var *****/
	
	--color-header-transparent-bg: 				transparent;
	--color-header-transparent-bg-grad: 		transparent;
	--color-header-topbar: 		            	transparent;
	--color-header-topbar-link:             	transparent;
	--color-header-topbar-link-hover:       	transparent;
	--color-header-transparent-text:			#fff;/*var(--clr_white);*/
	--color-header-transparent-text-hover:  	#fff;/*var(--clr_white);*/
	--color-header-transparent-menu-bg: 		var(--clr_blacka);
	--color-header-transparent-menu-bg-hover:	var(--clr_2a);
	--color-header-text:			            var(--clr_black);
	--color-header-text-hover:              	var(--clr_1);
	--color-header-topbar-bg: 		            var(--clr_black);
	--color-header-topbar-link:             	var(--clr_white);
	--color-header-topbar-link-hover:       	var(--clr_white);

	--color-content-bg: 				var(--clr_white);
	--color-content-bg-grad: 			linear-gradient(var(--grad-deg), var(--clr_white) 0%, var(--clr_white_4grd) 100%);
	--color-content-bg-alt: 			var(--clr_black);
	--color-content-bg-alt-grad: 		linear-gradient(var(--grad-deg), var(--clr_black) 0%, var(--clr_black_4grd) 100%);
	--color-content-heading: 			var(--clr_1);
	--color-content-heading-alt: 		var(--clr_2);
	--color-content-text: 				var(--clr_black);
	--color-content-text-alt: 			var(--clr_white);
	--color-content-link: 				var(--clr_2);
	--color-content-link-hover: 		var(--clr_1);
	--color-content-link-alt: 			var(--clr_1);
	--color-content-link-alt-hover: 	var(--clr_2);
	--color-content-primary: 			var(--clr_1);
	--color-content-primary-grad: 		linear-gradient(var(--grad-deg), var(--clr_1) 0%, var(--clr_1_4grd) 100%);
	--color-content-primary-faded: 		var(--clr_1a);
	--color-content-secondary: 			var(--clr_2);
	--color-content-secondary-grad:		linear-gradient(var(--grad-deg), var(--clr_2) 0%, var(--clr_2_4grd) 100%);
	--color-content-secondary-faded: 	var(--clr_2a);
	--color-content-overlay: 			var(--clr_1a);
	--color-content-overlay-alt: 		var(--clr_2a);
	--color-content-overlay-grad: 		linear-gradient(var(--grad-deg), rgba(var(--const-color_1),var(--const-alpha_1)) 0%, rgba(var(--const-color_1_4grd),var(--const-alpha_1)) 100%);
	--color-content-overlay-grad-alt: 	linear-gradient(var(--grad-deg), rgba(var(--const-color_2),var(--const-alpha_1)) 0%, rgba(var(--const-color_2_4grd),var(--const-alpha_1)) 100%);

	--color-alt-content-bg: 				var(--clr_1);
	--color-alt-content-bg-grad: 			var(--color-content-primary-grad);
	--color-alt-content-bg-alt:				var(--clr_2);
	--color-alt-content-bg-alt-grad: 		var(--color-content-secondary-grad);
	--color-alt-content-heading: 			var(--clr_white);
	--color-alt-content-text: 				var(--clr_white);
	--color-alt-content-link: 				var(--clr_white);
	--color-alt-content-link-hover: 		rgba(var(--const-white_4grd),var(--const-alpha_1));
	--color-alt-content-primary: 			var(--clr_white);
	--color-alt-content-primary-grad: 		linear-gradient(var(--grad-deg), var(--clr_white) 0%, var(--clr_white_4grd) 100%);
	--color-alt-content-primary-faded:		var(--clr_whitea);
	--color-alt-content-secondary: 			var(--clr_black);
	--color-alt-content-secondary-grad:		linear-gradient(var(--grad-deg), var(--clr_black) 0%, var(--clr_black_4grd) 100%);
	--color-alt-content-secondary-faded: 	var(--clr_blacka);
	--color-alt-content-overlay: 			var(--clr_whitea2);
	--color-alt-content-overlay-alt: 		var(--clr_blacka2);
	--color-alt-content-overlay-grad: 		linear-gradient(var(--grad-deg), rgba(var(--const-white),var(--const-alpha_1)) 0%, rgba(var(--const-white_4grd),var(--const-alpha_1)) 100%);
	--color-alt-content-overlay-grad-alt: 	linear-gradient(var(--grad-deg), rgba(var(--const-black),var(--const-alpha_1)) 0%, rgba(var(--const-black_4grd),var(--const-alpha_1)) 100%);

	--color-footer-bg: 				var(--clr_1);
	--color-footer-bg-grad: 		var(--color-content-primary-grad);
	--color-footer-bg-alt: 			var(--clr_black);
	--color-footer-bg-alt-grad: 	linear-gradient(var(--grad-deg), var(--clr_black) 0%, var(--clr_black_4grd) 100%);
	--color-footer-border: 			var(--clr_white);
	--color-footer-heading: 		var(--clr_white);
	--color-footer-text: 			var(--clr_white);
	--color-footer-link: 			var(--clr_white);
	--color-footer-link-hover: 		rgba(var(--const-white_4grd),var(--const-alpha_1));

}


/* general */
html { font-size: 16px; }
html a {text-decoration:none;}
@media (min-width: 1500px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: var(	--site-content-width);
    }
}

#sp-main-body { padding: 14rem 0 0; }
.min100vh {min-height: 100vh;}



/* header */
@media (min-width: 992px) {
    body #offcanvas-toggler, body #sp-header .logo, body .sp-megamenu-parent>li>a, body .sp-megamenu-parent>li>span, body div#sp-social a { height: 80px!important; line-height: 80px!important;  margin-bottom: 10px; }
}
header#sp-header {
/*    position: absolute;*/
    width: 100%;
    height: fit-content;
    min-height: 200px;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: min-height var(--trans-duration-long) var(--trans-function-long), transform var(--trans-duration-long) var(--trans-function-long); 
    z-index: 3;
}
header#sp-header { pointer-events: none; }
header#sp-header > .container { pointer-events: auto; }

/*header#sp-header.header-sticky { min-height: 110px; transition: min-height 0s var(--trans-function-long), transform var(--trans-duration-long) var(--trans-function-long); }*/
#sp-logo { z-index: 2; filter: brightness(1); transition: filter var(--trans-duration-long) var(--trans-function-long);}
body:not(.transparent_header):not(.view-article) header#sp-header:not(.nav-down):not( .nav-up) #sp-logo, body:not(.view-article) header#sp-header.header-sticky #sp-logo { filter: brightness(0.2); }

nav.sp-megamenu-wrapper.d-flex .sp-megamenu-parent { margin: 0 15px; }
nav.sp-megamenu-wrapper .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 5px 10px;
    margin: 0px auto 5px 5px;
}
div#sp-social { width: fit-content; z-index: 2; }
div#sp-social > .sp-column.d-flex.justify-content-end.align-items-center  {margin-left: auto;}
/*
header#sp-header {transform: translateY(0%);}
header#sp-header.header-sticky.nav-down {transform: translateY(0%);}
header#sp-header.header-sticky.nav-up {transform: translateY(-100%);}
*/
header#sp-header {
    position: fixed;
    top: 0;
    transition: top 0.6s ease-in-out;
}
header#sp-header.nav-up { top: -200px; }
body header#sp-header:before {
    content: "'";
    pointer-events: none;
    width: 100%;
    height: 120%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(0deg, transparent, var(--clr_black));
    opacity: 0.8;
    transform: translateY(-100%);
    transition: all 0.6s 0.6s ease-in-out;
}
body.scrolled header#sp-header.nav-down:before {
    transform: translateY(0%);
}

/* responsive menu */
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {  z-index: 2; }
@media (max-width:991px) {
    .transparent_header header#sp-header:not(.header-sticky) div.burger-icon>span, body header#sp-header:is(.nav-down, .nav-up) div.burger-icon>span, .view-article header#sp-header div.burger-icon>span { background-color: var(--color-header-transparent-text); }
    div#sp-menu > div.sp-column { justify-items: flex-end!important; }
    div#sp-menu > div.sp-column.d-flex > nav.sp-megamenu-wrapper.d-flex {margin-left: auto;}
}

/* footer */
footer#sp-footer {
    font-size: 14px; 
    background: var(--color-footer-bg-grad); 
    background-color: var(--color-footer-bg);
    
}
footer#sp-footer { color: var(--color-footer-text);}
footer#sp-footer a { color: var(--color-footer-link);}
footer#sp-footer :is(a:hover,a:focus,a:active) { color: var(--color-footer-link-hover);}
footer#sp-footer :is(h1, h2, h3, h4, h5, h6) { color: var(--color-footer-heading);}

footer#sp-footer .footer_left {text-align:left;}
footer#sp-footer .footer_middle {text-align:center;}
footer#sp-footer .footer_right {text-align:right;}
@media (max-width:767px) {
    footer#sp-footer :is(.footer_left, .footer_middle), footer#sp-footer .footer_right div[style*="right"] {text-align:center!important; margin: 0.5rem auto;}
}

footer#sp-footer .nav {
    display: block;
}
footer#sp-footer .nav li {
    display: inline-block;
    margin-right: 0.75rem;
}
footer#sp-footer .nav li:not(:first-child):before {content:"|"; margin-right:0.75rem;}
footer#sp-footer .nav li:has(.in_new_line) { display: inline; }
footer#sp-footer .nav li:has(.in_new_line):before {
    content: "\a";
    white-space: pre;
}


.newsletter_form.sppb-addon-optin-forms { padding: 0 0 1rem; }
.newsletter_form.sppb-addon-optin-forms .sppb-optin-form-details-wrap, .newsletter_form.sppb-addon-optin-forms .sppb-form-group:not(email-wrap) {text-align: right;padding: 0;margin: 0;}
.newsletter_form.sppb-addon-optin-forms input.sppb-form-control {margin:1rem 0;height:2.5rem;background: transparent;border: 1px solid var(--color-footer-border);border-radius: 0;padding: 0 0.75rem;color: var(--color-footer-text);}
.newsletter_form.sppb-addon-optin-forms button {
    height: calc(2.5rem - 2px);
    background: var(--color-footer-border);
    color: var(--color-footer-bg);
    padding: 0 3rem;
    margin: 1px;
    transition: background var(--trans-duration-short) var(--trans-function-short);
}
.newsletter_form.sppb-addon-optin-forms input[type="email"]::-webkit-input-placeholder { color: var(--color-footer-text); opacity: 1; }
     .newsletter_form.sppb-addon-optin-forms input[type="email"]:-ms-input-placeholder { color: var(--color-footer-text); opacity: 1; }
              .newsletter_form.sppb-addon-optin-forms input[type="email"]::placeholder { color: var(--color-footer-text); opacity: 1; }
.newsletter_form.sppb-addon-optin-forms button:hover {background: var(--clr_2);}

/* styled_cursor */
#styled_cursor {
    width:4rem;
     height:4rem;
     border-radius:2rem;
     transform:scale(0);
     position: absolute;
     opacity:0;
     pointer-events:none;
     z-index:99999;
     background: var(--clr_1a);
     transition: transform 150ms, opacity 150ms ease-in-out;
     font-size: 0.8rem;
     color: #fff;
     line-height: 4rem;
     text-align: center;
     margin: -2rem 0 0 -2rem;
}
#styled_cursor.invert_color { background: var(--clr_blacka); /*color: var(--clr_2);*/}
#styled_cursor.show_the_pointer { background: var(--clr_2a);}
#styled_cursor.visible {width:4rem; height:4rem;  transform: scale(1); opacity:1;}
#styled_cursor.paused {transform: scale(2);opacity: 0;}

#styled_cursor.show_the_click:before {content:"click";}
#styled_cursor.show_the_map:before {content:"map";}
#styled_cursor.show_the_plus:before {content:"+"; font-size: 2rem;}
#styled_cursor.show_the_pointer:before {content:"\f25a"; font-family: "Font Awesome 5 Free"; font-size: 1.2rem; font-weight: 600;}
#styled_cursor.show_the_heart:before {content:"\f004"; font-family: "Font Awesome 5 Free"; font-size: 1.2rem; font-weight: 600;}
#styled_cursor.show_the_phone:before {content:"\f095"; font-family: "Font Awesome 5 Free"; font-size: 1.2rem; font-weight: 600;}


/* page title */
div#sp-title .sp-page-title {
    min-height: 60vh;
    padding-top: min(20rem,40vh);
    background: var(--color-footer-bg-grad);
    background-color: var(--color-footer-bg);
    background-image: url(/images/2023/03/20/footer.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;/*scroll;*/
    background-position: 50% 0%;
}
div#sp-title .sp-page-title h1 {
    font-size: 2.5rem;
    display: inline-block;
    font-weight: 300;
    line-height: 1.5;
    min-height: 5rem;
    margin: 0 auto 0 -1.5rem;
    padding: 0 1.5rem;
    color: var(--color-content-text-alt);
    position: relative;
    z-index: 1;
}

/* pages */
/***************************************** home *****************************************/
section#video_frame #mute_b {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 40px;
    right: 0px;
    background: var(--clr_2a);
    color:      var(--clr_whitea);
    font-size: 20px;
    padding: 6px 9px;
    animation: mute-unmute 500ms 2500ms ease-in-out forwards;
    opacity:0;
    z-index:5;
    transition: background var(--trans-duration-short) var(--trans-function-short);
}
section#video_frame #play_b {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 100px;
    right: -40px;
    background: var(--clr_2a);
    color:      var(--clr_whitea);
    font-size: 20px;
    padding: 6px 11px;
    animation: mute-unmute 500ms 2000ms ease-in-out forwards;
    opacity:0;
    z-index:5;
    transition: background var(--trans-duration-short) var(--trans-function-short);
}
section#video_frame #mute_b:hover, section#video_frame #play_b:hover { background: var(--clr_1a); }
@media (max-width:991px) {
/*    section#video_frame #play_b {display:none;} */
/*  section#video_frame .sppb-youtube-video-bg { pointer-events: auto!important; } */
    section#video_frame #mute_b {animation: mute-unmute-mob 500ms 2500ms ease-in-out forwards; bottom: 0px; right: 40px;}
}
@keyframes mute-unmute {
  50%   {opacity:0;}
  100% {opacity:1; right:40px;}
}
@keyframes mute-unmute-mob {
  50%   {opacity:0;}
  100% {opacity:1; bottom:40px;}
}

.featured_box_project {
    position: absolute;
    bottom: -1.6rem;
    width: 100%;
    pointer-events: none;
}
.featured_box_project_top {
    background: var(--color-content-overlay);
    padding: 1.2rem 2rem;
    color: var(--color-content-text-alt);
}
.featured_box_project a {
    color: var(--color-content-text-alt)!important;
    background: var(--color-content-bg-alt);
    display: block;
    padding: 1rem;
}
.featured_box_project a span {position: relative;}
.featured_box_project a span:after {
    content: "";
    background-image: url(/images/button_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    display: block;
    top: 50%;
    right: -1rem;
    transform: translate(100%, -50%);
    height: 20px;
    width: 80px;
    transition: all var(--trans-duration-short) ease ;
}
.featured_box_project a:hover span:after { right: -3rem; }



.featured_box_project_top, .featured_box_project .sppb-button-wrapper, .featured_box_project a.sppb-btn,  .featured_box_project .styled_link {
    pointer-events: auto;
}
.sp-page-builder .page-content #video_frame {
    clip-path: inset(0px);
    transition: clip-path  var(--trans-duration-long) var(--trans-function-long);
}
header.header-sticky + section + section .sp-page-builder .page-content #video_frame,
body.scrolled section .sp-page-builder .page-content #video_frame {
    clip-path: inset(30px 30px 0);
}
div#play_b, div#mute_b { cursor: pointer; }
/* * home responsive */
@media (max-width:991px) {
    .featured_box_project .sppb-row-column:has(.resp_col) {min-width:70%; max-width:80%!important;}
    .featured_box_project .sppb-row-column:not(:has(.resp_col)) {display:none;}
    .video_or_slideshow #video_frame { min-height: 80vmin; max-height: 80vh; }
}

/***************************************** parastaseis category *****************************************/

section#section_category h1.heading-category {
    font-size: 4rem;
    font-weight: 100;
    text-transform: lowercase;
    text-align-last: right;
    margin-bottom: 3rem;
}
section#section_category .category-desc {
    font-size: 2.5rem;
    font-weight: 100;
    text-transform: lowercase;
    text-align: right;
    margin-top: 3rem;
    margin-bottom: 0rem;
}

section#section_category .article-list .article, .sppb-addon-articles .sppb-addon-article { position: relative; overflow: hidden; --left:-100%; --top: -100%;}
section#section_category .article-list .article .article-body, .sppb-addon-article .sppb-article-info-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 1rem;
    width: 90%;
    pointer-events:none;
    opacity: 0;
    transition: all 500ms 250ms;
}
section#section_category .article-list .article:hover .article-body, .sppb-addon-article:hover .sppb-article-info-wrap,
section#section_category .article-list .article.hover .article-body, .sppb-addon-article.hover .sppb-article-info-wrap { opacity: 1; }
section#section_category .article-list .article .article-body h2, .sppb-addon-article .sppb-article-info-wrap h2 {margin: 0; }
section#section_category .article-list .article .article-body a, .sppb-addon-article .sppb-article-info-wrap a { font-weight: 300; color: var(--color-content-text-alt)!important; }

a[href*="asterokometoplikti"] { hyphens: auto; }
    /** hover effect **/
/*
section#section_category .article-list .article span.clr_overlay {
    content: "";
    background: var(--clr_1a);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity:1;
    top: var(--top);
    left: var(--left);
    opacity: 1;
    transition: top 500ms, left 500ms;
}*/
section#section_category .article-list .article span.clr_overlay, .sppb-addon-articles .sppb-addon-article .clr_overlay {
    content: "";
    background: var(--clr_1a);
    width: 0%;
    height: 0%;
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
/*  top: var(--top);
    bottom: var(--bottom);
    left: var(--left);
    right: var(--right);*/
    opacity: 1;
    transition: all 500ms;
}
.sppb-addon-articles div.sppb-addon-article {  margin: 0; }

.sppb-addon.sppb-addon-articles .owl-stage-outer { padding: 4rem 0 0; }
.sppb-addon-articles .owl-item:nth-child(6n+1) {--mar : 0rem; }
.sppb-addon-articles .owl-item:nth-child(6n+2) {--mar :-3rem; }
.sppb-addon-articles .owl-item:nth-child(6n+3) {--mar : 3rem; }
.sppb-addon-articles .owl-item:nth-child(6n+4) {--mar : 0rem; }
.sppb-addon-articles .owl-item:nth-child(6n+5) {--mar :-3rem; }
.sppb-addon-articles .owl-item:nth-child(6n+0) {--mar : 3rem; }
.sppb-addon.sppb-addon-articles .owl-item {  margin-top: var(--mar); }

.sppb-addon-articles .owl-nav { text-align: right; max-height: 1rem; margin: 1rem 0; }
.sppb-addon-articles .owl-nav button span {
    font-size: 2rem;
    line-height: 1rem;
    opacity: 0.5;
    transition: opacity var(--trans-duration-short) var(--trans-function-short);
}
.sppb-addon-articles .owl-nav button:hover span {opacity: 1;}

/*section#section_category .article-list .article.activated span.clr_overlay, .sppb-addon-articles .sppb-addon-article.activated .clr_overlay {
    width: 100%;
    height: 100%;
}*/
section#section_category .article-list .article span.cf_season ,  .sppb-addon-articles .sppb-addon-article .cf_tags {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 5rem;
    font-weight: 900;
    line-height: 0.74;
    margin-top: -0.25rem;
    color: var(--color-content-bg);
    transform: rotate(-90deg) translateY(-100%);
    transform-origin: 100% 0%;
    opacity: 0;
    z-index: 1;
    transition: all 500ms 250ms;
}
.sppb-addon-articles .sppb-addon-article .cf_tags {
    font-size: 1.6rem;
    max-width: 85%;
    text-align: right;
    margin: 1rem;
    line-height: 1;
    text-transform: lowercase;
    pointer-events: none;
}
section#section_category .article-list .article:hover span.cf_season,  .sppb-addon-articles .sppb-addon-article:hover .cf_tags, 
section#section_category .article-list .article.hover span.cf_season,  .sppb-addon-articles .sppb-addon-article.hover .cf_tags { opacity:0.25; }
.cf_tags span.cf_tag {
    display: inline-block;
    margin-top: 0.75rem;
}
.cf_tags span.cf_tag:not(:last-child) { display: none; }
span.clr_overlay, span.cf_season { pointer-events: none; }

.article-list .col-lg-3 { padding: calc(var(--bs-gutter-x) * .5); }

.article-list .item:has(switch.switch_off) {opacity: 0.25;}
.article-list .col-lg-3 {
    padding: calc(var(--bs-gutter-x) * .5);
    transition: clip-path 0.5s 500ms, width 250ms 0s, padding 250ms 0ms;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.article-list .item:has(switch.switch_off) {
    opacity: 0.25;
    width: 0;
    padding-left: 0;
    padding-right: 0;
    clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);
    transition: clip-path  0.5s , width 250ms 500ms, padding 250ms 500ms;
}
.tags_filter ul.mod-menu.mod-list.nav {
    margin: 0 0 0 auto;
}

.tags_filter ul.mod-menu.mod-list.nav li:not(:last-child):after {
}

.is-animated {
  animation: .6s zoomr-in forwards;
}
@keyframes zoomr-in {
  0% {
   transform: scale(.1);
   opacity: 0;
  } 
  100% {
    transform: scale(1);
   opacity: 1;
  }
}
.item:nth-child(7n+1 of .is-animated) {--s : var(--a) }
.item:nth-child(7n+2 of .is-animated) {--s : var(--b) }
.item:nth-child(7n+3 of .is-animated) {--s : var(--c) }
.item:nth-child(7n+4 of .is-animated) {--s : var(--d) }
.item:nth-child(7n+5 of .is-animated) {--s : var(--e) }
.item:nth-child(7n+6 of .is-animated) {--s : var(--f) }
.item:nth-child(7n+0 of .is-animated) {--s : var(--g) }

.item.col-lg-3.is-animated {
    animation-delay: calc(100ms * var(--s));
   opacity: 0;
}


.tags_filter .nav {
    display: block;text-align: right
}
.tags_filter .nav li {
    display: inline-block;
    margin-right: 0.75rem;
}
.tags_filter .nav li:not(:first-child):before {
    content: "";
    margin-right: 0.75rem;
    border-left: 2px solid;}
.tags_filter .nav li:has(.in_new_line) { display: inline; }
.tags_filter .nav li:has(.in_new_line):before {
    content: "\a";
    white-space: pre;
    margin: 0;
    border-left: none;
}


/*
.in_top:before, .out_right:before {opacity:1!important;}
.in_top:before { animation: st_f_top forwards 1.4s; }
.out_right:before { animation: st_t_right forwards 1.4s; }
@keyframes st_f_top {
  from {top: -100%;}
  to {top: 0%;}
}
@keyframes st_t_right {
  from {left: 0%;}
  to {left: 100%;}
}*/

.bg_styled_lines {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bg_styled_lines span {
    height: 5%;
    display: block;
    position: absolute;
    background: var(--clr_blacka2);
    left: 50%;
    opacity:0;
    transform: translate(-50%,-50%);
    animation: 12s opacity_blink infinite var(--delay);
}

.bg_styled_lines span:nth-child(1) { top: 30%; width: 60%; --delay:4s; }
.bg_styled_lines span:nth-child(2) { top: 50%; width: 90%; --delay:2s; }
.bg_styled_lines span:nth-child(3) { top: 70%; width: 75%; --delay:6s; }
@keyframes opacity_blink {
   0% {opacity: 0;}
  50% {opacity: 0.25;}
 100% {opacity: 0;}
}


/***************************************** parastaseis view-article *****************************************/
body.view-article.layout-blog #sp-main-body { padding: 0; }

/* section#top_section */
section#top_section {
    width: 100%;
    min-height: 100vh;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    padding-top: calc(100vh - 5rem);
    color: var(--color-content-text-alt);
    overflow: hidden;
}
section#top_section h1 {
    display: inline-block;
    font-weight: 300;
    line-height: 5rem;
    margin: 0 auto 0 -1.5rem;
    padding: 0 1.5rem;
    color: var(--color-content-text-alt);
    position: relative;
    z-index: 1;
}
section#top_section h1:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background: var(--color-content-primary-faded);
    transition: all  var(--trans-duration-long) var(--trans-function-long);
}
body.scrolled section#top_section h1:before {width:800vw; height:1200vh;}
section#top_section a { color: var(--color-content-text-alt)!important;}
section#top_section .production_info { position: relative; z-index: 1; margin-bottom: calc( 5 * var(--space-bottom)); }
section#top_section .production_info > *:not(.cf_dates_location) { margin-bottom: var(--space-bottom); }
    span.cf_icon:not(.line) {
        display: inline-block;
        float: left;
        line-height: 1.75rem;
        width: 1.25rem;
        text-align: center;
    }
    div.date_location div.date {
        position: relative;
        display: inline-block;
        width: calc(100% - 1.5rem);
        padding: 0.125rem 0.5rem 0;
    }
    span.cf_icon.line {
        position: absolute;
        top: 1.75rem;
        left: -0.75rem;
        height: calc(100% - 1.75rem);
        width: 0;
        border: 2px solid;
        border-radius: 2px;
    }
    div.date_location div.location {
        display: inline-block;
        width: calc(100% - 1.5rem);
        padding: 0.125rem 0.5rem 0;
    }
    .cf_dates_location .owl-nav { text-align: right; max-height: 1rem; }
    .cf_dates_location .owl-nav button span {
        font-size: 2rem;
        line-height: 1rem;
        opacity: 0.5;
        transition: opacity var(--trans-duration-short) var(--trans-function-short);
    }
    .cf_dates_location .owl-nav button:hover span {opacity: 1;}
    span.cf_wrapper {
        position: relative;
        display: inline-block;
        width: calc(100% - 1.5rem);
        padding: 0.125rem 0.5rem 0;
    }
    
    section#top_section .owl-carousel .owl-stage-outer { overflow: visible;}
    section#top_section .owl-stage{padding-left:0px !important;}
    section#top_section .owl-dots { display: none!important; }

/* section#middle_section */   
section#middle_section .row div[class *= "cf_"] { margin-bottom: calc(var(--space-bottom) * 2); }
section#middle_section .cf_tickets {
    background: var(--color-content-bg-alt);
    display: inline-block;
    min-width: calc(100% / 3);
    text-align: center;
    margin-bottom: calc(var(--space-bottom) * 2);
}
section#middle_section .cf_tickets a { color: var(--color-content-text-alt)!important; display: block; padding: 1rem; }
section#middle_section .cf_tickets a span {position: relative;}
section#middle_section .cf_tickets a span:after {
    content: "";
    background-image: url(/images/button_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    display: block;
    top: 50%;
    right: -1rem;
    transform: translate(100%, -50%);
    height: 20px;
    width: 80px;
    transition: all var(--trans-duration-short) ease ;
}
section#middle_section .cf_tickets a:hover span:after { right: -3rem; }
section#middle_section .container-inner > .row { padding: 0 var(--site-narrow-padding); }
section#middle_section .main_text { padding-bottom: var(--space-bottom); }

/* section#bottom_section */  
@media (max-width:1540px){
    section#bottom_section {
        max-width: 90vw;
        margin: 0 auto;
    }
}
section#bottom_section { padding-bottom: 4rem; }
section#bottom_section div[class *= "cf_"]:not(.cf_text_last) { margin-bottom: calc(var(--space-bottom) * 2); }
section#bottom_section .left_column { padding-left: calc(50vw - var(--site-content-width) / 2 + var(--site-narrow-padding) * 0 ); }
section#bottom_section .left_column .cf_text_2 {
    position: relative;
    z-index: 1;
    padding: 2rem 2rem 2rem 0;
    color: var(--color-content-text-alt);
}
section#bottom_section .left_column .cf_text_2 p {margin:0;}
section#bottom_section .left_column .cf_text_2:before {
    content: "";
    width: 100vw;
    height: 100%;
    background-color: var(--color-content-primary);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
section#bottom_section h2 {color: var(--color-content-heading);}
section#bottom_section .cf_sidebar_html iframe {  max-width: 100%; }

section#bottom_end_section { margin: 2rem auto; }
section#bottom_end_section span.social_share_title {
    display: block;
    text-align: center;
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
    color: var(--color-content-text-alt);
}
section#bottom_end_section .article-social-share { position: relative; }
section#bottom_end_section .article-social-share:before {
    content: "";
    width: 150%;
    height: 0;
    padding-top: 150%;
    background-color: var(--color-content-secondary-faded);
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.article-social-share .social-share-icon ul li a {
/*    border:1px solid #ededed;*/
    font-size:1rem;
    border-radius:50%;
    height:34px;
    line-height:34px;
    text-align:center;
    width:34px;
    display:inline-block;
    background-color: var(--color-content-primary);
    color: var(--color-content-text-alt);
}



.is_archived section#middle_section { padding-top: calc(var(--space-bottom) * 2); position:relative; z-index:2; margin-top: calc(var(--space-bottom) * -4);}
.is_archived section#middle_section .main_text { padding-top: calc(var(--space-bottom) * 4); }
/* * parastaseis view-article responsive */
@media (max-width:991px) {
    section#middle_section .cf_tickets {min-width:70%; max-width:80%!important;}
    section#top_section h1 { line-height: 1.5; min-height: 5rem;}
}
@media (min-width: 768px) {.cf_creative_team { text-align: right; } }
@media (max-width: 767px) {.cf_creative_team, .cf_cast, .cf_other_performers { text-align: center; } }


/* responsive */
body .offcanvas-menu {
    background-color: var(--color-content-secondary);
    color: var(--color-alt-content-link);
}
body .offcanvas-menu .offcanvas-inner ul.menu>li a, body .offcanvas-menu .offcanvas-inner ul.menu>li span {color: var(--color-alt-content); font-weight: 400; }
body .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, body .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler, .offcanvas-menu .offcanvas-inner .offcanvas-social a {color: var(--color-alt-content);}
body .offcanvas-menu .offcanvas-inner ul.menu>li a:hover, body .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, body .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, body .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {color: var(--color-content-primary);}
body.offcanvas-active .burger-icon>span, body #modal-menu-toggler.active .burger-icon>span { background-color: var(--color-header-transparent-text); }
@media (max-width:991px) {
/*    html { font-size: 20px; }*/
}
@media (max-width: 575.98px) {
    .featured_box_project a.sppb-btn, section#middle_section .cf_tickets a { text-align: left; }
    div#sp-title .sp-page-title h1 { font-size: 1.5rem; }
    section#section_category h1.heading-category { font-size: 12vw; }
    section#section_category .category-desc {font-size: 11vw; }
    section#section_category .article-list .article {max-width:400px; margin: 0 auto; }
}
@media (max-width: 320px) {
    .featured_box_project a span:after, section#middle_section .cf_tickets a span:after { overflow: hidden; width: 2rem; background-size: cover; background-position: 100% 50%; }
    .featured_box_project .sppb-addon-content {display:none;}
}


/* cookiehint */
div#cookiehintinfo { display: none; }
/*div#redim-cookiehint-bottom { background: #0009; }*/
div#redim-cookiehint { background: var(--clr_2);/*transparent;*/ max-width: 500px; margin: 1rem auto 1rem 1rem;}
div#redim-cookiehint .cookiecontent { font-size: 0.8rem;}
div#redim-cookiehint .cookiebuttons {padding:0;}
.cookiecontent a {
    padding: 0.5rem;
    display: block;
    font-weight: 600;
    text-decoration: underline;
}
div#redim-cookiehint .cookiebuttons .btn { line-height: 1.5em; }
div#redim-cookiehint-bottom, div#redim-cookiehint { pointer-events: none; }
div#redim-cookiehint > * {  pointer-events: auto; }

/* lang switcher */
div#lang-sw {
    width: fit-content !important;
    flex: 0 1 max-content;
    /* border-left: 2px solid; */
    justify-content: flex-end;
    z-index: 2;
}

div#lang-sw ul.lang-inline > li.lang-active, div.offcanvas-lang ul.lang-inline > li.lang-active { background-color: unset !important; }
div#lang-sw div.mod-languages ul.lang-inline li {border-bottom: 2px solid transparent; border-radius:0; padding: 0; margin: 0 0 0 1rem}
div.offcanvas-lang div.mod-languages ul.lang-inline li {border-bottom: 2px solid transparent; border-radius:0; padding: 0; margin: 0 1rem 0 0; }
.offcanvas-menu .offcanvas-inner div.offcanvas-lang div.mod-languages ul.lang-inline li a {color:var(--color-header-transparent-text);}
div#lang-sw div.mod-languages ul.lang-inline li.lang-active,  div.offcanvas-lang div.mod-languages ul.lang-inline li.lang-active {border-bottom-color: var(--color-header-transparent-text);}
div#lang-sw li { transition: all var(--trans-duration-short) var(--trans-function-short);}
header#sp-header:not(.header-sticky) div#lang-sw li.lang-active {border-bottom-color: var(--color-content-link);}
header#sp-header:not(.header-sticky) div#lang-sw li:hover {border-bottom-color: var(--color-content-link-hover);}
.transparent_header header#sp-header:not(.header-sticky) div#lang-sw li.lang-active,
.transparent_header header#sp-header:not(.header-sticky) div#lang-sw li:hover,
.view-article header#sp-header div#lang-sw li.lang-active,
.view-article header#sp-header div#lang-sw li:hover {border-bottom-color: var(--color-header-transparent-text);}
#sp-header div#lang-sw .sp-module { margin: 0; }