/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 04 2026 | 13:50:36 */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* fonts */

h1, h2, h3, {
	font-family: "IBM Plex Mono" !important;
}

p {
	font-family: "Inter" !important;
}

.hero-title,
.title-h1,
.title-h2,
.title-h3 {
	font-weight: 700 !important;
/* 	letter-spacing: 0.5px; */
	font-family: "IBM Plex Mono" !important;
}

.text-body-L {
	font-weight: 400 !important;
	font-size: 18px !important;
	font-family: "Inter" !important;
}

.research-text-body-M {
	font-weight: 400 !important;
	font-size: 16px !important;
	color: #ffffff !important;
	font-family: "Inter" !important;
}

.accessibility-text-body-M,
.home-card-text-body-M,
.goal-text-body-M,
.perspective-text-body-M { 
	font-weight: 400 !important;
	font-size: 16px !important;
	color: #000000 !important;
	font-family: "Inter" !important;
}

.research-text-body-L {
	font-weight: 400 !important;
	font-size: 18px !important;
	color: #ffffff !important;
	font-family: "Inter" !important;
	line-height: 30px !important;
}

.text-body-M {
	font-weight: 400 !important;
	font-size: 16px !important;
	font-family: "Inter" !important;
}

.text-body-S {
	font-weight: 400 !important;
	font-size: 14px !important;
	font-family: "Inter" !important;
}

/* HOME PAGE */


.hero-title {
	line-height: 1.3 !important
}

.home-hero-img {
    padding-bottom: 25%;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: #000000;
    border-color: #20C4D8;
    background-color: #20C4D8;
	font-family: "IBM Plex Mono" !important;
	font-weight: 500 !important;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #000000;
    border-color: #0B1F33;
    background-color: #17B2C5;
	font-family: "IBM Plex Mono" !important;
}

/* card section  */
.home-card {
	background-color: #20C4D8 !important;
    border: 2px solid #084C58 !important;
    align-items: flex-start !important;
    text-align: left !important;
    margin: 10px !important;
    display: flex !important;
	padding-bottom: 1% !important;
	max-width: 30% !important;
	min-height: 340px !important;
}

.metrics-section {
    width: 90% !important; 
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: nowrap; 
    gap: 20px; 
	margin-left: auto !important;
	margin-right: auto !important;
	padding-bottom: 5em;
}

.metrics-cards {
    border: 1.5px solid #5CDEED !important;
    background-color: transparent !important;
    padding: 10px 30px !important;
    flex: 1; 
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
	float: left;
    margin-left: 1%;
	width: 19% !important;
	height: inherit !important;
}

.metrics-section .mkdf-elements-holder.mkdf-four-columns.mkdf-responsive-mode-768 {
    display: flex;
}

.metrics-text {
    color: #ffffff !important;
}

.custom-accordion .mkdf-accordion-title {
    margin-bottom: 20px !important;
    border-radius: 8px !important; 
}

.custom-accordion .mkdf-accordion-content {
    margin-bottom: 25px !important; 
}

.custom-accordion .mkdf-accordion-title {
    background-color: #0B1F33 !important;
    border: 2px solid #20C4D8 !important; 
    border-radius: 10px !important;       
    margin-bottom: 25px !important;       /* κενο στα sections */
    transition: all 0.3s ease;
    position: relative;
}

.custom-accordion .mkdf-accordion-title .mkdf-tab-title {
    color: #ffffff !important;
    font-size: 32px !important;           
    font-weight: 700 !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.custom-accordion .mkdf-accordion-content {
    background-color: transparent !important;
    margin-top: -55px !important;
    padding: 0 20px 0px 80px !important;
    border: none !important;
    position: relative !important; 
    z-index: 10 !important;       
}
.custom-accordion .mkdf-accordion-content-inner {
    color: #F8F9FA !important;              
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.custom-accordion .mkdf-accordion-title.ui-state-active {
    min-height: 100px !important;
    border-color: #2bc0d1 !important;
}

.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-state-default.ui-corner-bottom {
    background-image: url(http://set-sql.msensis.com/wp-content/uploads/2026/02/arrow-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10% !important;
    background-position-x: 96%;
}

.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active {
    background-image: url(http://set-sql.msensis.com/wp-content/uploads/2026/02/arrow-up.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-position-x: 96%;
}

.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-state-default.ui-corner-top.ui-corner-bottom::before {
    content: "";
    background-image: url(http://set-sql.msensis.com/wp-content/uploads/2026/02/about-icon-1.png);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: left center;
    background-position-x: 1%;
}

.custom-accordion .mkdf-accordion-title.ui-accordion-header.ui-corner-top.ui-accordion-header-active.ui-state-active::before {
	content: "";
    background-image: url(http://set-sql.msensis.com/wp-content/uploads/2026/02/about-icon-1.png);
    position: absolute;
    left: 0;
    right: 0;
    top: -30%;    
	bottom: 0;
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: left center;
    background-position-x: 1%;
}

.mkdf-accordion-holder .mkdf-accordion-title .mkdf-accordion-mark span.mkdf_icon_plus, .mkdf-accordion-holder .mkdf-accordion-title.ui-state-active .mkdf-accordion-mark span.mkdf_icon_minus, .mkdf-accordion-holder .mkdf-accordion-title.ui-state-hover .mkdf-accordion-mark span.mkdf_icon_minus {
    display: none;
}

/* ABOUT */

.about-hero {
    padding-bottom: 25%;
}

.about-icon {
	height: auto;
    max-width: 72px;
	padding-top: 45%;
    padding-left: 30%;
}

.about-func-cards {
	background-color: #071523 !important;
    border-radius: 20px !important;     
    padding: 40px 40px !important;
    min-height: 212px !important;         
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
}

.goal-bg {
	background: linear-gradient(#F9FCFF, #CECFD1) !important;
}

.research-section-cards{
	display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    min-height: 440px !important;
    min-width: 300px !important;
    max-width: 48% !important;
    background-color: #084C58 !important;
    padding: 40px 40px !important;
    margin: 10px !important;
    text-align: left !important;
}

.research-cards-section {
	margin-left: auto;
	margin-right: auto;
}

/* FOOTER */

.mkdf-page-footer,
.mkdf-page-footer .mkdf-footer-top-holder, 
.mkdf-page-footer .mkdf-footer-bottom-holder {
    background-color: #ffffff !important;
}

.mkdf-page-footer {
    border-top: 1px solid #0B1F33 !important;
}

.mkdf-footer-top-inner.mkdf-grid {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    justify-content: center !important
    align-items: flex-start !important;
    max-width: 100% !important;
    width: 90% !important;
    margin: 0 auto !important;
    padding: 60px 0 30px 0 !important;
}

.mkdf-footer-top-inner .mkdf-grid-row {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(1) {
    width: 35% !important;
    margin-right: 8% !important;
    margin-left: 0 !important;
}

.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(2),
.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(3) {
    width: 15% !important;
    margin-right: 4% !important;
}

.mkdf-footer-top-inner .mkdf-column-content.mkdf-grid-col-3:nth-child(4) {
    width: 15% !important;
    margin-right: 0 !important;
}

.mkdf-footer-bottom-inner.mkdf-grid {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    max-width: 87% !important; 
    width: 90% !important;
    margin: 0 auto !important;
    padding: 10px 0 30px 0 !important;
    text-align: left !important;
}

.mkdf-footer-bottom-inner.mkdf-grid::before {
    content: "" !important;
    display: block !important;
    width: 100% !important; 
    height: 1px !important;
    background-color: #20C4D8 !important;
    margin-bottom: 15px !important;
}

.mkdf-footer-bottom-inner .mkdf-grid-row,
.mkdf-footer-bottom-inner .mkdf-grid-col-12,
.mkdf-footer-bottom-inner .mkdf-column-inner,
.mkdf-footer-bottom-inner .wpb_wrapper {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.mkdf-footer-bottom-inner p, 
.mkdf-footer-bottom-inner span,
.mkdf-footer-bottom-inner a,
#custom_html-8 {
    display: inline !important;
    white-space: nowrap !important;
    color: #666666 !important;
    font-size: 11px !important;
    margin-right: 10px !important;
    font-family: "IBM Plex Mono" !important;
}

.mkdf-footer-top-inner .mkdf-widget-title {
    color: #000000 !important;
	font-family: "Inter" !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

#custom_html-4, #custom_html-5, #custom_html-6, #custom_html-7, .footer-description {
	font-family: "Inter" !important;;
    color: #333333 !important;
}

#custom_html-2 { 
	color: #000;
	font-size: 10px; 
	width: 59%; }

#custom_html-8 { 
	font-size: 10px !important; 
	font-family: "IBM Plex Mono" !important;
}

.footer-logos-container {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}

.footer-logo {
    max-height: 50px !important;
    width: auto !important;
}

.mkdf-footer-bottom-holder { 
	padding: 0 !important;
}

.mkdf-grid-col-6 { 
	padding-left: 0px !important; 
}


/* NEWS */

.pill {
	display: inline-block;
	align-items: center;
	background-color: #1F1B3A !important;
    padding: 3px 15px;     
    border-radius: 200px;
}

.pill-text {
	font-family: "IBM Plex Mono" !important;
    font-weight: 500 !important;     
    font-size: 18px !important;
	color: #ffffff;
    padding-bottom: 0.6em;
}

/* NEWSLETTER */

/* --- NEWSLETTER SECTION (FINAL) --- */

/* 1. CONTAINER & FORM ALIGNMENT */
.tnp-subscription form {
    display: flex !important;
    flex-direction: row !important; 
    align-items: center !important;  
    justify-content: center !important; 
    gap: 12px !important;
}

/* Fix για τα εσωτερικά στοιχεία του plugin ώστε να μένουν στην ίδια σειρά */
.tnp-subscription form p, 
.tnp-subscription form div.tnp-field {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
}

/* 2. EMAIL INPUT FIELD */
.tnp-subscription input.tnp-email {
    height: 56px !important;
    min-height: 56px !important; 
    padding: 0 18px !important;
    border: 2px solid #20C4D8 !important; /* Το γαλάζιο του design */
    border-radius: 8px !important;
    font-family: "Inter" !important;
    font-size: 14px !important;
    color: #1F1B3A !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* Placeholder (το γκρι κείμενο μέσα στο πεδίο) */
.tnp-subscription input.tnp-email::placeholder {
    color: rgba(31, 27, 58, 0.5) !important;
}

/* 3. SUBMIT BUTTON (ΕΓΓΡΑΦΗ) */
.tnp-subscription input.tnp-submit {
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 25px !important;
    background-color: #20C4D8 !important; /* Το γαλάζιο του design */
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: "IBM Plex Mono" !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
}

/* Hover στο κουμπί */
.tnp-subscription input.tnp-submit:hover {
    background-color: #17B2C5 !important; /* Πιο σκούρο γαλάζιο */
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(32, 196, 216, 0.2) !important;
}

/* 4. ΛΟΙΠΑ ΣΤΟΙΧΕΙΑ SITE (Colors Sync) */
.mkdf-post-date-wrap,
input#submit_comment {
    background-color: #20C4D8 !important;
}

span.mkdf-blog-single-nav-title-text:hover,
.mkdf-blog-single-navigation .mkdf-blog-single-next:hover, 
.mkdf-blog-single-navigation .mkdf-blog-single-prev:hover {
    color: #20C4D8 !important;
}

/* buttons */

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	width: 270px;

}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    color: #000000;
    border-color: #0B1F33;
    background-color: #17B2C5;
}

/* 5. RESPONSIVENESS (Για κινητά) */
@media screen and (max-width: 600px) {
    .tnp-subscription form {
        flex-direction: column !important; /* Στο κινητό το ένα κάτω από το άλλο */
        width: 100% !important;
    }
    .tnp-subscription input.tnp-email, 
    .tnp-subscription input.tnp-submit {
        width: 100% !important; /* Full width στο κινητό */
    }
}

/* Απόκρυψη label αν πετάγεται */
.tnp-subscription label {
    display: none !important;
}

/* go-up button */
.mkdf-btt-tb {
	background-color: #20C4D8 !important;
} 

.mkdf-main-menu > ul > li > a:active,
.mkdf-main-menu > ul > li.current-menu-item > a,
.mkdf-main-menu > ul > li.current_page_item > a {
    color: #20C4D8 !important;
}

.mkdf-page-header .mkdf-main-menu > ul > li > a:hover {
    color: #2C4459 !important;
}