/*
Theme Name: qb
Description: flatsome child theme
Author: qb
Template: flatsome
Version: 0.2



*/
/*

red #c63d3d
green #3dc67d
orange #c65b3d
blue #4d77c0

*/
:root {
  --qb-dark-main: var(--primary-color, #505152); /*#383838*/
  --qb-dark-secondary: var(--fs-color-secondary, #446084); /*#3c5973 #d26e4b*/
  
  --qb-dark-alert: var(--fs-color-alert, red); /*#3c5973 #d26e4b*/
  --qb-dark-success: var(--fs-color-success, #627D47); /*#3c5973 #d26e4b*/
  --qb-text-on-light: var(--primary-color, #505152); 
  --qb-text-on-dark: #ffffff;
  
  
}

/*remove shade*/
a.is-shade:after {
    display: none !important;
}
a, a.plain{
	color:var(--qb-dark-main, #505152);
}
a:hover, a.plain:hover{
	color:var(--qb-dark-secondary, #505152);
}
.dark .widget a, .dark a{
	color:var(--qb-text-on-dark, #ffffff);
}

/* sidebar*/
.post-sidebar.large-3.col,  .page-right-sidebar .large-3.col {
    background: #f1f1f1;
    padding-top: 22px;
}

#secondary .widget>ul>li {
    position: relative;
    padding-top: 20px;
	
}
#secondary .widget>ul>li>a {
    line-height: 1.2;
    padding-left: 10px;
    display: inline;
}
#secondary .widget span.post-date {
    /*position: absolute;
    left: 0;
    top: 5px;*/
	display:inline;
    font-size: 11px;
   /* background:  var(--fs-color-secondary, #446084);*/
    padding: 2px 5px;
    color: #fff;
}
#secondary .widget>ul>li:hover span.post-date {
	background:  var(--fs-color-secondary, #446084);
}
#secondary .widget>ul>li:hover a {
	color:  var(--fs-color-secondary, #446084);
}
#secondary .widget .is-divider{
	display:none
}
#secondary span.widget-title{
	display:block;
	text-transform: none !important;
    background: var(--fs-color-secondary, #446084);
    padding: 8px 10px;
    text-align: center;
    color: white;
	border-radius:5px;
	margin-bottom:15px;
}
#secondary .widget.widget_media_image {
    text-align: center;
}




.search-results .row.large-columns-1 p.from_the_blog_excerpt,
.archive.category .row.large-columns-1 p.from_the_blog_excerpt,
.search-results .row.large-columns-1 .is-divider,
.archive.category .row.large-columns-1 .is-divider,
.search-results .row.large-columns-1 .box-image ,
.archive.category .row.large-columns-1 .box-image 
{
    display: none !important; 
}

#post-list .box-text.text-left {
    border-left: 4px double rgba(0,0,0,.4);
}
#post-list .box-text.text-left:hover {
    border-left: 4px solid var(--qb-dark-secondary);
}
#post-list h5.post-title.is-large {
    margin-top: 10px;
	font-weight:400;
}
#post-list .box.box-vertical.box-text-bottom.box-blog-post:hover h5.post-title a {
  color: var(--qb-dark-secondary); 
}
/*
#post-list h5.post-title.is-large:hover:after {
    display: block;
    content: 'διαβάστε τη δημοσίευση';
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    color: red;
}
*/

.qb-loop-labels span, .qb-loop-labels a {
    display: block;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    font-size: 10px;
	line-height:1.3;
	font-weight: normal;
}



.wp-singular article .article-inner.box-shadow-2-hover:hover{
    box-shadow: unset !important;
}
.wp-singular .blog-share.text-center .is-divider.medium {
    width: 100%;
    max-width: 100%;
	margin-top:30px;
}
.wp-singular .social-icons a.icon.button.circle {
    border-radius: 4px !important;
}
.wp-singular .text-center .social-icons{
	text-align:right;
	display: block;
	margin-left:unset;
	margin-right:unset;
}



/* === search res === */
.section-title-members-search{
	font-size:100%;
	
}
.section-title-members-search .section-title-main{
	text-transform:none;
	background-color:var(--qb-dark-main);
	color:var(--qb-text-on-dark);
}
.section-title-members-search b{
	opacity:1;
}
.badge.post-member{
	top: 10%;
	/*width:100%;*/
	text-align:left;

}
.badge.post-member-type{
	top: 40%;
	opacity: 1 !important;

}
.badge.post-member-contact{
	top: 67%;
	opacity: 1 !important;

}
.badge.post-member .badge-inner{
	background-color: var(--qb-dark-secondary);
	color:#ffffff;
}
.badge-member-name{
	padding-left:10px;
	padding-right:10px;
}

.qb-members-search-item:hover .absolute.bottom.post-member-cta {
    opacity: 1;
}
.absolute.bottom.post-member-cta {
    right: 5px;
    bottom: 26px;
    font-size: 1em;
	opacity:0;
}
.absolute.bottom.post-member-cta a{
		color: var(--qb-dark-secondary);
}
/* === /search res === */


.row.qb-thetitle {
   /* border-bottom: 1px dotted #9d9d9d;*/
   margin-bottom:-20px;
}
/* FS */
.header-top {
    background-color: var(--qb-dark-secondary);
}

.header-wrapper.stuck {
    z-index: 999;
}

.header-inner .button.is-outline, .header-inner input[type=button].is-outline, .header-inner input[type=reset].is-outline, .header-inner input[type=submit].is-outline{
    color: var(--qb-dark-main);
	background-color: rgba(0, 0, 0, .03);
    border-color: rgba(0, 0, 0, .09);
}
.header-inner .is-outline:hover, .header-inner .primary.is-outline:hover{
	color: var(--qb-text-on-dark);
	background-color: var(--qb-dark-main);
    border-color: var(--qb-dark-main);
}

.header-bottom {
    background-color: var(--qb-dark-main)  !important;
    color: var(--qb-text-on-dark);
}

.nav-box>li.active>a, .nav-pills>li.active>a, li.current-post-ancestor a.nav-top-link {
    background-color: var(--qb-dark-secondary);
    color: var(--qb-text-on-dark);
}
.header:not(.transparent) .header-bottom-nav.nav > li > a:hover, .header:not(.transparent) .header-bottom-nav.nav > li.active > a, .header:not(.transparent) .header-bottom-nav.nav > li.current > a, .header:not(.transparent) .header-bottom-nav.nav > li > a.active, .header:not(.transparent) .header-bottom-nav.nav > li > a.current{
    background-color: var(--qb-dark-secondary);
    color: var(--qb-text-on-dark);
}




.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content {
    background-color: var(--qb-dark-main);
}
.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a{
	 color: var(--qb-text-on-dark) !important;
}
.nav-slide-header .toggle {
    opacity: 1;
}
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header), .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header) {
    border-top: 1px solid #8b8b8b;
}
.mfp-close {
    background: #ff0202;
    color: white;
    opacity: 1;
    border-radius: 0 0 0 23px;
}
/*images bug?*/
.mfp-container.mfp-image-holder.mfp-s-ready .mfp-close {
    display: none;
}

.mobile-nav .is-small, .is-small.button {
    font-size: 1em;
}
.mobile-nav .primary, input[type=submit], input[type=submit].button {
    background-color: var(--qb-dark-secondary);
    color: var(--qb-text-on-dark);
}
/*mobile menu backdrop
.mfp-bg.mfp-ready{background-color:  var(--qb-dark-secondary);}*/

/*foot post slider*/
#footer .box-image {
    display: none;
}
/*foot last row*/
#footer .section.dark{
    background-color: var(--qb-dark-main);
    color: var(--qb-text-on-dark);
    padding-top: 5px;
    padding-bottom: 0;
}
#footer .section.dark.footer-copyrights{
    background-color: var(--qb-dark-secondary);
    color: var(--qb-text-on-dark);
}
#footer p, #footer .button{
    margin: 0 !important;
}

/* ========== Page Content - Header ========== */

.section.qb-page-top .section-content .row.qb-breadcrumbs{
	padding: 15px 0px;
    margin-bottom: 15px;
    font-size: 13px;
}

.section.qb-page-top .section-content .row.qb-breadcrumbs .breadcrumbs{
	padding-bottom: 5px;
    font-size: 13px;
}
.section.qb-page-top .section-content .row.qb-breadcrumbs .breadcrumbs i.fas.fa-square {
    color: var(--qb-dark-secondary);    font-size: 12px;
}
.section.qb-page-top .section-content .row.qb-breadcrumbs .breadcrumbs a {
    color: var(--qb-dark-secondary);
}
.section.qb-page-top .section-content .row.qb-breadcrumbs .col-inner{
    border-bottom: 1px dotted lightgray;
}

span.breadcrumbs-current {
    max-width: 33%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	margin-bottom: -7px;
}

.section.qb-page-top .section-content h2 {
    /* background: #383838; */
    display: block;
    width: 100%;
    text-align: left;
	margin-bottom: 5px;
}

.section.qb-page-top .section-content p.lead {
    /* background: #383838; */
    display: block;
    width: 100%;
    text-align: left;
	font-size:13px;
}


a#top-link {
    background: var(--qb-dark-secondary);
    color: white;
}
a#top-link:hover {
    background: var(--qb-dark-main);
    color: white;
}
.ctablockbtns {
    display: block;
    max-width: 30%;

    left: calc(100% - 267.5px);
	font-size: 0.9em !important;
	min-width: 267.5px;
}
.tag-nolink {
	background: var(--qb-dark-secondary);
	font-size: 0.8em;
    padding: 6px 10px;
	color:white;
}
.tag-nolink-alt {
	background: var(--qb-dark-main);
	font-size: 0.8em;
	padding: 6px 10px;
	color:white;
}
.tag-members {
	font-size:1.1em !important;
}

.tag-pleusolinks {
	background: var(--qb-dark-alert);
	font-size: 0.7em !important;
    padding: 6px 12px;
	color:white;
	cursor:pointer;
	border-radius:5px;
}
.tag-pleusolinks:hover {
	background: var(--qb-dark-secondary);
	color:white;
}

.tag-links {
	background: var(--qb-dark-secondary);
	font-size: 0.8em !important;
    padding: 6px 10px;
	color:white;
}
.tag-links:hover {
	background: var(--qb-dark-main);
	color:white;
}
.tag-links-alt {
	background: var(--qb-dark-main);
	font-size: 0.8em !important;
	padding: 6px 10px;
	color:white;
}
.tag-links-alt:hover {
	background: var(--qb-dark-secondary);
	color:white;
}
/* ========== Home Page ========== */

.home .header-block.block-html-after-header.z-1 {
    display: none !important;
}
.home .box-blog-post .is-divider{
	display:none;
}
.home .slider-nav-circle .flickity-prev-next-button:hover .arrow, .home .slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: #fff !important;
    background-color: var(--qb-dark-secondary);
    border-color: var(--qb-dark-secondary);
}
.home .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
    margin-top: -4%;
}
.home .flickity-prev-next-button .arrow, .home .flickity-prev-next-button svg {
    fill: #fff !important;
    border-color: var(--qb-dark-main);
    background:  var(--qb-dark-main);
    opacity: 1;
}
.home .qb-title .section-title-main{
	text-transform:unset !important;
}

/* ========== About Page ========== */

/* ========== Board Page ========== */

.board p.tag-label {
	background: var(--qb-dark-secondary);
    color: #ffffff;
    margin-bottom: 10px;
    padding: 5px 10px;
    min-width: 57%;
    text-transform: none;
}
.board h3 {
	white-space: nowrap;
}

/* ========== Footer ========== */

.footer-sefka-logo-cont {
    background: white;
    border-radius: 5px;
    min-height: 203px;
}
.footer-sefka-logo-cont img.footer-sefka-logo{
	max-width:68%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
}

.foottext {
    color: #383838;
    text-align: center;
    font-size: 110%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    line-height: 1.2;
}

.footcontactdiv {
    position: absolute;
    bottom: -1px;
    background: var(--qb-dark-secondary); 
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
	text-align:right;
	border-radius: 0 0 5px 5px;
}

a.footcontact {
    display: block;
    color: white;
    padding-top: 2px;
    padding-bottom: 2px;
	padding-right:20px;
}

h4.foothead {
    background: white;
    color: var(--qb-dark-secondary); 
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    font-size: 17px;
	    margin-bottom: 0;
}

#footer .dark ul li.bullet-arrow2 {
    border-color: #fff;
}
ul li.bullet-arrow2 {
    list-style: none;
    position: relative;
    padding: 10px 0 7px 0;
    margin: 0;
    border-bottom: 1px solid transparent;
}
#footer ul li.bullet-arrow2:after {
    content: "\f105" !important;
}
#footer ul li.bullet-arrow2:after {
    font-family: 'fl-icons';
    right: 0;
    position: absolute;
    font-size: 16px;
    color: #fff;
}

img.footer-logos {
    display: inline-block;
    border-radius: 5px;
}
img.footer-logos.footer-oefe {
    max-width: 100px;
	    margin-right: 10px;
}
img.footer-logos.footer-iep {
    max-width: 100px;
}
img.footer-logos.footer-ypetha {
    max-height: 100px;
	margin-right: 10px;
    width: auto;
    height: auto;
}




.truncate-2-lines, #footer .flickity-slider a.plain {
  /* Basic styles */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;

  /* Line height and height constraint */
  line-height: 1.2em;
  max-height: calc(2 * 1.2em);

  /* Optional styling for smoother fallback */
  text-overflow: ellipsis;
  word-break: break-word;

  /* Firefox fallback (graceful degradation) */
  /* Optional: show only 2 lines using max-height, no ellipsis */
}
@supports not (-webkit-line-clamp: 2) {
  .truncate-2-lines, #footer .flickity-slider a.plain {
    /* Optional: fade out or restrict height visually */
    position: relative;
  }

  .truncate-2-lines::after, #footer .flickity-slider a.plain::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 70%;
    height: 1.2em;
    background: linear-gradient(to right, transparent, white 50%);
  }
}

#footer button.flickity-button.flickity-prev-next-button.previous, #footer .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button{
	margin-top:-13px !important;
}
#footer .slider-nav-light .flickity-prev-next-button .arrow, #footer .slider-nav-light .flickity-prev-next-button svg{
    fill: var(--qb-text-on-dark, #ffffff);
	opacity:1;
}
#footer .flickity-slider .box-blog-post .is-divider {
    display: none !important;
}

#footer .flickity-slider .box-text.text-center {
    
	height: 100px;
	max-height:100px;
}
#footer h5.post-title.is-large {
    margin-top: 10px;
}

.absolute-footer {
    display: none !important;
}



.footer-logos-mobile .col-inner {
    display: block;
    text-align: center;
}
.footer-logos-mobile a {
    margin-top: 16px;
    display: inline-block;
}

@media (max-width: 1280px) {
	.home-sefka-row a.button.secondary.is-shade.lowercase {
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.home-hero h2 {
		margin-top: 80px;
	}
	
}

@media (max-width: 849px) {
	.home-sefka-row .mask-angled, .home-sefka-row .mask-angled-right{
		-webkit-clip-path:unset;
		 clip-path: unset;
		margin-top: 0;
	}
	.home-sefka-row .gap-element{padding-top:200px !important;}

}

@media (max-width: 789px) {
    h3, h4 {
        font-size: 0.6em;
    }
	.page-wrapper.page-right-sidebar {
		padding-bottom: 0px;
	}

}

@media (max-width: 549px) {
    h3 {
        font-size: 0.6em;
    }
    h3 {
        font-size: 1em;
    }
	.footer-logos-mobile .col-inner a img {
		max-height: 80px;
	}
	.footer-last-left .col-inner{
			margin-bottom: 6px;
	}
	.footer-last-right .col-inner{
			
	}
	.footer-last-left .col-inner, .footer-last-right .col-inner {
		display: block;
		text-align: center;
		
	}


}