@charset "utf-8";

@font-face {
	font-family: candaraFont;
	src:url(Candara.ttf);
	src:url("Candara.ttf");
}

html, body {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	padding: 0;
	margin: 0;
	min-width:850px;
	min-height:100% !important;
	background-color: #fff;
}


.headerAREA {  font-family: candaraFont; color:#fff; margin: 0; padding: 0; }

a { outline:none; }
a { color: #005fb3; }
a { color: #db542e; text-decoration:none; }
a:hover, a:focus { text-decoration:underline; }
/*  a:focus { outline:auto; }  */

.clear { clear:both; }

.maxWidth { max-width:1140px;  margin:0 auto; }
.sitePadding { padding:0 20px 0 20px; 	 }

.colorRed { background-color: #c4161c; }
.colorRedDark { background-color: #790101; }

h1 {  font-weight:bold; margin:3px 0 0; padding:0; font-size: 18pt; color:#db542e;  font-variant:small-caps;  }
h1 span { color:#950802; }



/* siteContainer */
.siteContainer { background-color:#fff; border-radius:20px; box-shadow:0 2px 8px rgba(0,0,0,0.3); border:1px #9c9c9c solid;  border:1px #BCBC9C solid;  }

.headerLinksArea {padding: 5px 0; text-align: right; }
.headerSearchLang { }
.headerContact { background-image:url(../images/contact_icon.png); background-position: left center; background-repeat: no-repeat; background-size: 24px auto; display: inline-block; margin: 2px 0 0;  padding: 0 10px 0 33px; } 
.headerContact a { display:inline-block; padding-top:2px;  color:#950802; }
/*
.headerLanguageSelect { background-image:url(../images/search_icon_thin_red.png); background-position: left center; background-repeat: no-repeat; background-size: auto 24px; background-image:url(../images/language_icon.png); background-repeat: no-repeat; background-size: auto 22px; background-position: left; display: inline-block; margin: 0;   padding: 0 0 0 33px; } 
*/
.headerLanguageSelect { background-position: left center; background-repeat: no-repeat; background-size: auto 24px;  background-repeat: no-repeat; background-size: auto 22px; background-position: left; display: inline-block; margin: 0;   padding: 0 0 0 33px; } 


/* LANGUAGE */
div.languageSelector { display: inline-block; }
select.languageSelector { display: inline-block; }
div.languageSelector { display: inline-block; vertical-align:top;  position:relative; }
div.languageSelector > a { display: inline-block; line-height:1em;  }
select.languageSelector { display: inline-block; appearance:none; background: transparent; border: none; color: #fff; font-size: 12pt; margin-top: -10px;  }

/*changed by Elias 2020/10/09 */
/*select { -webkit-appearance: none; -moz-appearance: none; appearance:none;   }*/ 

.languageArea { text-align:right; margin-right:-3px; padding: 2px 0 5px; }
span.languageSelect { font-size:9pt; vertical-align:15px; padding:0 5px 0 0; }
img.languageSelect { opacity: 0.85; }
img.languageSelect:hover { opacity: 1; }
img.languageSELECTED { opacity: 0.5; }
img.languageSELECTED:hover { opacity: 0.6; }

/*changed by Elias 2020/10/09 */
/*.headerLanguageSelect::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #950802; content: " "; height: 0; opacity: 0.4; position: absolute; right: -10px; top: 44%; width: 0; }*/

.languageSelector select { font-family: candaraFont; font-size: 12pt; background: none; border: 0;  color:#950802; vertical-align: top; padding: 0; margin: 0; min-height:26px;  }
.languageSelector option { min-height: 26px; color:#db542e; padding: 0; margin: 0;  }
.languageSelector select:hover  { text-decoration:underline; }
.languageSelector option:hover {  text-decoration:none !important; }



/* SEARCH */
.searchArea { float:right;  padding:8px 15px 0 0; width:260px; }
.searchBox { background-color:#fff; background-image:url(../images/search_icon_thin_red.png); background-position: 3px 50%; background-repeat: no-repeat; background-size: auto 24px; border: 1px solid #ddd; border-radius: 10px; display: inline-block; padding: 2px 2px 2px 0; }
.searchBox form { overflow: hidden; padding-left: 30px; border-radius: 8px;  }
#searchTitle {  background: #fff; border: medium none; color: #777; display: inline-block; float: left; font-size: 11pt; height: 22px; margin-top: 0; padding: 3px 0 4px 5px; transition: all 0.5s; width: 80px;  }
#searchTitle:focus, #searchTitle:active { border-radius: 10px; margin-left: -28px; outline: medium none; width: 170px; }
#searchButton { background-image:url(../images/search_icon_white.png); display: inline-block; overflow: hidden; background-color: #db542e; background-size: auto 20px; background-position: center center; background-repeat: no-repeat; border: medium none; border-radius: 8px; box-shadow: 0 0 5px #c39 inset; float: right; height: 1.4em; min-height: 29px; width: 29px; right: -30px; transition:all 0.5s; position: relative; }
#searchButton:hover, #searchButton:focus { 	background-color:#c00; }
#searchTitle:focus ~ #searchButton { right:0 }
#searchButton:hover, #searchButton:focus, #searchButton:active { right:0 }
div.searchAdvanced { padding:4px 2px 2px 10px; }
a.searchAdvanced { font-size:0.875em; color:#003399; text-decoration:none; }
a.searchAdvanced:hover {  color:#0066FF; text-decoration:underline; }



/* TABS MENU */
.headerAREA { }

/*changed by Elias 2020/10/09 */
.headerTitlesArea { background-color:#fff; /* background-color:#ebebeb; */}


.headerLogoArea { float:left; }
a.headerLogo { display:inline-block; padding:10px 0; padding:10px 0 0; padding:0; margin:10px 0 0; margin:0; /*background-image:url(../images/elidek_logo_text.png); background-position:left; background-repeat:no-repeat; background-size:auto 130px; */ }
a.headerLogo:hover, a.headerLogo:focus { filter: drop-shadow(2px 5px 6px #fff);  }
a.headerLogo:hover span.headerTitle, a.headerLogo:focus span.headerTitle { text-shadow: 0 1px 3px #fff; }
span.headerLogo { float:left; width:149px; margin-left:10px; }
span.headerLogoV2 { float:left; /*width:149px; margin-left:10px;*/ }
img.headerLogo {  width:149px; height:auto; }
img.headerLogoV2 {  /*width:149px; height:auto;*/ height:130px; height:139px; height:100px;  }
span.headerTitle { display:block; float:left; margin-left:20px; margin-top:20px; margin-top:10px; }
span.headerTitleV2 { display:block; float:left; margin-left:10px; text-align:center; line-height:0.5em; margin-top:15px; margin-top:32px; margin-left:-4px; }
span.headerTitleV2 span.titleELIDEK { font-size: 36pt; font-weight: normal; line-height: 1.1em; font-size:35pt; }
span.headerTitleV2 span.titleELID { font-size: 14pt; line-height: 1em; }
span.headerTitleV2 span.titleEK { color: #db542e; font-size: 14pt; line-height: 1em; }
.headerLinksArea { float:right;  }
.headerLinksPadding { padding:3px 10px 3px 00; }
.headerLOIarea { padding:10px 0; }

/* EXPAND TABS */
/*.headerTabsArea ul.sub-menu:after { position: absolute; content: " ";  width: 0; height: 3px; display: block; left: 18px; top:-0.5em; margin-top:-10px;  border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #fff; }*/
.headerTabsArea ul.sub-menu:after { content: "▼"; border-left:0; border-right:0; border-top:0; display: block; height: 2em; left: 10px; margin-top: -11px; position: absolute; top: -2em; width: 20px;  text-align: center; font-size: 6pt; padding: 5px 0 0 0; opacity: 0.75; }
.headerTabsArea ul.sub-menu { transition: all 0.25s; display: block; position:absolute; list-style: none; margin: 0; padding: 0; margin: 0 0 0 -10px; }
.headerTabsArea ul.sub-menu li { display: block; list-style: none; margin: 0; padding: 0; position:initial; }
.headerTabsArea ul.sub-menu li a { text-decoration:none;  transition: all 0.25s; overflow: hidden; max-height: 0; color: #fff; display: block; background-color: rgba(255,255,255,0.250); padding: 0 3%;  margin: 0 2%; border-radius: 6px; }
.headerTabsArea li:hover ul.sub-menu a { border-radius: 2px !important;  }
.headerTabsArea li:hover ul.sub-menu li:last-child a { border-radius: 2px 2px 6px 6px !important;  }
.headerTabsArea ul.sub-menu li a:hover, .headerTabsArea ul.sub-menu li a:focus { transition: all 0.5s; padding: 11px 3%;  margin: -5px 2% 4px; width: 90%; background-color:#db542e; background-color: #db2400; border-top:solid 1px #fff; display: inline-block; max-height: 4em; box-shadow: 0 2px 10px -3px rgba(0,0,0,1);  z-index: 10; position:relative;  }
.headerTabsArea li:hover ul.sub-menu a, .headerTabsArea li a:focus ul.sub-menu a, .headerTabsArea li:hover ul.sub-menu a:focus { padding: 11px 3%;  margin: 4px 2%; width: 90%;  border-top:solid 0 #fff; display: block; max-height: 3em; z-index: 10000;   transition:all 0.25s; }
.headerTabsArea li:hover ul.sub-menu a:hover, .headerTabsArea li:hover ul.sub-menu a:focus   {  background-color:#db542e; }
/*.headerTabsArea  ul.sub-menu a:focus:after { content: " "; width: 1px; height: 4px; top:-1px ; left: 50%; display: block; position:absolute; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #fff; z-index: 1000; }*/
/*.headerTabsArea ul.sub-menu a:focus::after { border-top: 3px solid #fff; content: " "; display: block; height: 4px; left: 13px; position: absolute; top: -1px; width: 6px; z-index: 1000; }*/
.headerTabsArea li:hover ul.sub-menu a:focus:after { display: none  ; }
.headerTabsArea .headerTabs > li:hover > a { /*background-color: #C32B1A;*/  background-color: #DB542E;}
.headerTabsArea .headerTabs > li:hover > a ~ ul.sub-menu, .headerTabsArea .headerTabs > li > a:focus ~ ul.sub-menu { z-index: 1000; list-style: outside none none; margin: 0 0 0 -10px; padding: 0; display: block;  min-width: 130px; position: absolute;  /*background-color: #C32B1A;*/  background-color: #DB542E; border-radius: 0 0 9px 9px;     }
.headerTabsArea .headerTabs > li:hover > a ~ ul.sub-menu { box-shadow: 0 10px 25px -5px rgba(0,0,0,1), 0 -1px 1px 0px rgba(255,255,255,0.3) inset; }

.headerTabsArea { background-color:#db542e; }

ul.headerTabs { margin:0; padding:0; list-style:none; padding: 0; }
ul.headerTabs > li { margin:0; padding:0; list-style:none; display:inline-block; }
ul.headerTabs > li > a { font-variant:small-caps; font-family:candaraFont; font-size: 12pt; text-decoration: none; /*min-width:2em; min-width:63px;*/  padding:5px 20px 6px; color:#fff; display: block; text-align: center; }
ul.headerTabs > li > a:hover, ul.headerTabs > li > a:focus { background-color: rgba(171,2,7,0.5);}
ul.headerTabs > li.selected > a { background-color:#950802;  }


ul.headerTabs > li.current_page_item > a, ul.headerTabs > li.current-menu-ancestor > a { background-color:#950802;  }
ul.headerTabs > li.current-menu-ancestor > a ~ ul > li.current_page_item > a { /*background-color:#c32b1a;*/ opacity: 0.8;  }

/*changed by Elias 2020/10/09 */
.headerTabsArea ul.sub-menu li a { text-decoration:none;  transition: all 0.25s; overflow: hidden; max-height: 0; color: #fff; display: block; /* background-color: rgba(255,255,255,0.25); */ background-color: rgba(255,255,255,0); padding: 0 3%;  margin: 0 2%; border-radius: 6px; }
.headerTabsArea li:hover ul.sub-menu a { border-radius: 2px !important;  }
.headerTabsArea li:hover ul.sub-menu li:last-child a { border-radius: 2px 2px 6px 6px !important;  }

  


a.iconLOI { float:left; width:48px; height:48px; background-position:center; background-repeat:no-repeat; background-color: rgba(121,1,1,0.3); border-radius: 24px; margin:0 7px; background-size: contain; box-shadow: 0 0 2px rgba(255,255,255,0.2); }
a.iconLOI:hover, a.iconLOI:focus { background-color: rgba(121,1,1,0.6); box-shadow: 0 0 2px  rgba(255,255,255,0.8); }
div.LOIdescription { width:170px; float:right; margin-top:0; padding-top:12px; font-size: 12pt; text-align: right; }

.sliceArea { width: 100%; padding: 30px 0 0; margin: 0; }
/*	.sliceArea:nth-child(even) { background-color: #f2f2f2; }
	.sliceArea:nth-child(odd) { background-color: #fff; }
	.sliceArea.grey { background-color: #f2f2f2; }
	.sliceArea.white { background-color: #fff; } 	*/


div.buttonSliceMore { display: block; text-align: center; /* margin-top:20px; */ }
a.buttonSliceMore {  width: 19%; text-align: center; min-width: 200px; text-decoration: none; margin: 21px auto; display: block; box-shadow: 0 3px 10px -5px rgba(0,0,0,0.3); padding: 7px 5px 8px; border-radius: 7px; font-size: 11pt;     color:#fff;     }
.sliceArea:nth-child(even) a.buttonSliceMore  { background-color: #fff;             background-color: #992121; }
.sliceArea:nth-child(odd) a.buttonSliceMore  { background-color: #f2f2f2;            background-color: #992121; }
.sliceArea.grey a.buttonSliceMore  { background-color: #fff;              background-color: #790101; }
.sliceArea.white a.buttonSliceMore  { background-color: #f2f2f2;              background-color: #790101; }
a.buttonSliceMore:hover, a.buttonSliceMore:focus { background: linear-gradient(180deg, #fff 0%, #f0f0f0 50%, #fff 100%); border-color:#8bd; box-shadow: 0 2px 9px -3px rgba(0,0,0,0.4);  background: #c4161c !important;  }


/* PARTS for CONTENT */
.leftPartMain {  width:64.9%; float:left; }
.rightPartSecondary {  width:35%; float:right; }

.leftPartSecondary {  width:24.9%; float:left;  /* transition:margin 0.5s, width 0.5s; */ max-height:10000; }
.rightPartMain { width:75%; float:right; min-height:180px; /* transition:all 0.5s; */ }

.allPartMain { width:100%; }




/* Standard syntax */
@keyframes introSlideAnimation {
	0% { left: 0;opacity: 1; filter: blur(0);   } 
	17% { left: 0;  opacity: 1; filter: blur(0);   }
	18.5% { opacity: 0.7; filter: blur(2px);  }
	20% { left: -100%;  opacity: 1; filter: blur(0);   }
	37% { left: -100%;  opacity: 1; filter: blur(0);   }
	38.5% { opacity: 0.7; filter: blur(2px);  }
	40% { left: -200%;  opacity: 1; filter: blur(0);   }
	57% { left: -200%;  opacity: 1; filter: blur(0);   }
	58.5% { opacity: 0.7; filter: blur(2px);  }
	60% { left: -300%;  opacity: 1; filter: blur(0);   }
	77% { left: -300%;  opacity: 1; filter: blur(0);   }
	78.5% { opacity: 0.7; filter: blur(2px);  }
	80% { left: -400%;  opacity: 1; filter: blur(0);   }
	97% { left: -400%;  opacity: 1; filter: blur(0);   }
	98.5% { opacity: 0.7; filter: blur(8px);  }
	100% { left: 0; }
}
div.introSlideshow {  overflow: hidden; background-color: #000; }
ul.introSlideshow { margin: 0; padding: 0; list-style: none; position: relative; height: 50vh; min-height:260px; width:500%; overflow: hidden; }
ul.introSlideshow > li { margin: 0; padding: 0; list-style: none; width: 20%; display: block; height: 50vh;  min-height:260px; float: left;   }
ul.introSlideshow > li > span { width: 95%; padding-right:5%; height: 45vh;  min-height:240px;  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; display: block; display: block; text-align: right; color:#fff; text-shadow: 0 2px 10px #000; padding-top: 5vh; font-size: 14pt;   }
ul.introSlideshow { animation: introSlideAnimation 45s infinite; }



div.title { }
div.title h2 { text-align:center;  color:#950802;  display: inline-block; padding: 5px 30px 5px 30px; margin: 0; font-size: 18pt; font-weight: bold; background-color:#ebebeb; }
h1, h2, h3, h4, h5, h6 { font-family:candaraFont; }




/* PROMOTED NEWS */
div.promotedNews { }
div.promotedNews > .title { }
div.promotedNews > .title > h2 { }
.promotedNewsArea {  /*margin:0 4%;*/  background:rgba(0, 0, 0, 0.1) linear-gradient(to right, #fff 64.8%, #f5f5f5 64.9%); background:rgba(0, 0, 0, 0.1) linear-gradient(to right, #fff 2.6%, #f5f5f5 2.61%);  }
div.promotedNewsPic { margin: 0 0 0 4%; background-color: grey; min-height: 200px; display: block; }
img.promotedNewsPic { width:100%; display:block; min-height:200px; object-fit:cover; }
.promotedNewsContent { font-family:candaraFont; background-color:#f5f5f5; padding:0 4% 0 0;  }
.promotedNewsContent .title {  font-size: 14pt; color:#950802; padding:28px 10px 10px 7%; }
.promotedNewsContent h2, .promotedNewsContent h3, .promotedNewsContent h4 {  font-size: 14pt; color:#950802; padding:0 0 10px; font-weight: normal; margin: 20px 0 0 0; }
.promotedNewsContent h3, .promotedNewsContent h4 { font-size:12pt; }
.promotedNewsContent .content {  font-size: 12pt; color:#000; padding:5px 10px 15px 7%; }



/* LATEST NEWS */
div.latestNews { display:block; padding:10px 0; position:relative; }
div.latestNews:after { content:" "; position:absolute; width:100%; height:1px; bottom:0; background-color:#e6e6e6; }
.latestNews a  { text-decoration:none; vertical-align:top; }
.latestNews a .photo { width:25%; margin-left:4%; display:block; height:100px; background-color:f8f8f8; float:left; position:relative; overflow:hidden; }
.latestNews a .photo img { height:inherit; width:100%; object-fit:cover;    }
.latestNews a:hover .photo, .latestNews a:focus .photo {   filter:brightness(0.92) contrast(114%) saturate(110%); opacity: 0.9;  }
.latestNews a .title { color:#000; width:67%; margin:8px 1.5% 10px 0; display:block; float:right; }
.latestNews a .date { font-size:10pt; width:67%; margin:1px 1.5% 10px 0; display:block; float:right; font-weight:bolder; }
.latestNews a:hover .title, .latestNews a:focus .title  { text-decoration:underline; }
.latestNews a:after { clear:both; position:relative; display:block; width:100%; height:1px; color:grey; content:" ";  }



/* FUNDING Announcements */
.fundingAnnounceArea { background-color:#f5f5f5; padding-bottom:0; margin-bottom:30px;  }
.fundingAnnounceArea h2 { display:block !important; } 

div.fundingAnnounce { padding: 15px 7% 0; border-bottom:1px solid #d9d9d9; }
a.fundingAnnounce { text-decoration:none; display:block; padding:0 0 15px; } 
a.fundingAnnounce:after { font-family:candaraFont; font-size:10pt; text-align:right; width:100%; display:block; }
a.fundingAnnounce:hover:after { text-decoration:underline; }
[lang|=el] a.fundingAnnounce:after { content:"περισσότερα...";  }
[lang|=en] a.fundingAnnounce:after { content:"more info...";  }
a.fundingAnnounce .title { font-family:candaraFont; font-size:14pt; color:#950802; font-weight:bolder; padding:15px 0 10px 0; display:block;  }
a.fundingAnnounce:hover .title, a.fundingAnnounce:focus .title { text-decoration:underline;}
a.fundingAnnounce .content { font-family:candaraFont; font-size:12pt; color:#000; display:block;  }



/* Left Menu Links */
.linksMenuArea { background-color:#f5f5f5; padding-bottom:20px; margin-bottom:30px;  }
.linksMenuArea h2 { font-family: 'Open Sans', sans-serif !important; display:block !important; font-size:12pt !important; color:#000 !important; text-align:left !important; padding:5px 5px 5px 10px !important; height:1.362em !important;} 
.blackBackTransparent { position: absolute; top:0; left: 0; width: 0; height: 100%; opacity: 0; transition: opacity 0.5s;   }
.rightPartMain:before  { transition:margin 0.5s, opacity 0.5s; transition:all 0.5s; margin-left:-10%; opacity:0; }

.linksMenuArea {  }
.linksMenuArea ul.menu > li.current_page_item > a { border-radius: 7px 0 0 7px; display: block; /*background-color: #950802; color: #fff;*/ background: #fff; font-weight: bolder; margin: 0 0 0 4%;  }
.linksMenuArea ul.menu > li > ul > li.current_page_item > a { border-radius: 5px 0 0 5px; display: block; font-weight: bolder;  margin: 0 0 0 10%;  background-color: #fff; }

.linksMenuArea ul { list-style: none; margin: 0; padding:10px 0; }
.linksMenuArea ul li {  list-style: none; margin: 0; padding: 0; }
.linksMenuArea ul li a { display: block; padding: 10px 5px; font-size: 12pt; margin: 0 2% 0 4%; color: #950802; }
.linksMenuArea ul li a:hover, .linksMenuArea ul li a:focus { background-color:#e8e8e8; border-radius:7px; text-shadow:0 1px 2px #fff; }
.linksMenuArea > ul > li > a.selected { border-radius: 7px 0 0 7px; display: block;  background: #fff; font-weight: bolder; margin: 0 0 0 4%;  }
.linksMenuArea ul.menu > li.current_page_item > a, .linksMenuArea ul > li.current-cat > a { border-radius: 7px 0 0 7px; display: block;  background: #fff; font-weight: bolder; margin: 0 0 0 4%;  }
.linksMenuArea ul li ul { margin: 0; padding: 0; }
.linksMenuArea ul li ul li {   }
.linksMenuArea ul li ul li a {  font-size: 12pt;  padding:  5px; margin: 0 2% 0 10%; }
.linksMenuArea > ul > li > ul > li > a.selected { border-radius: 5px 0 0 5px; display: block; font-weight: bolder;  margin: 0 0 0 10%;  background-color: #fff; }
.linksMenuArea ul.menu > li > ul > li.current_page_item > a { border-radius: 5px 0 0 5px; display: block; font-weight: bolder;  margin: 0 0 0 10%;  background-color: #fff; }


.menuCheckbox { display:none; width:0;   }


/* FILTER for CONTENT */
.contentFiltersArea { padding: 5px 2% 15px; margin: 10px 2%; border: 1px solid #eee; margin-bottom: 10px; background: #fafafa; /*background: linear-gradient(to top, #fafafa 50%, #fff 90%);*/ border-radius: 0 0 20px 20px; border-radius: 10px;  }
.contentFiltersArea .title { font-size: 10pt; display: inline-block; padding: 2px 2% 2px 5px; border-bottom:0px solid #ddd; margin-bottom: 2px; font-weight: bolder; font-style: italic;  }
.contentFiltersArea ul, .contentFiltersArea ul li { list-style: none; padding: 0; margin: 0; display: inline-block; }
.contentFiltersArea ul li a { text-align: center; min-width: 40px; display: inline-block; padding:3px 5px 4px; background-color: #db542e; border-radius: 5px; color:#fff; text-decoration: none; margin: 3px 1px 1px; font-size: 10pt; }
.contentFiltersArea ul li a.selected { background-color: #950802; margin: 2px 0 0; padding: 4px 6px 5px; }
.contentFiltersArea ul li.current-cat a { background-color: #950802; margin: 2px 0 0; padding: 4px 6px 5px; }
.contentFiltersArea ul li a:hover, .contentFiltersArea ul li a:focus { background-color: #db2400;  }



/* CONTENT Page */
.contentPageArea {  padding-bottom:0; margin-bottom:30px;  }
.contentPageArea h2 { font-family: 'Open Sans', sans-serif !important; display:block !important;  background-color:#f5f5f5 !important;   color:#950802 !important;  padding:5px 4% 5px 4% !important; font-size: 14pt !important; text-align:center; color:#000 !important; } 

.fastLinkBlock { font-family: 'Open Sans', sans-serif !important;  background-color:#f5f5f5 !important;  display:block !important;  color:#950802 !important;  padding:5px 4% 5px 4% !important; font-size: 12pt !important; text-align:center; color:#000 !important;} 


div.contentPageNews { display:block; padding:10px 0; position:relative; border-bottom: 1px solid 1px solid rgba(0, 0, 0, 0.1); }
/* div.contentPageNews:after { content:" "; position:absolute; width:100%; height:1px; bottom:0; background-color:#e6e6e6; } */
.contentPageNews a  { text-decoration:none; vertical-align:top; }
.contentPageNews a .photo { width:15%; margin-left:4%; display:block; height:60px; margin-top:20px; background-color:f8f8f8; float:left; position:relative; overflow:hidden; }
.contentPageNews a .photo img { height:inherit; width:100%; object-fit:contain;    }
.contentPageNews a:hover .photo, .contentPageNews a:focus .photo {    filter:saturate(125%); opacity: 0.9;  }
.contentPageNews a .title { color:#000; width:77%; margin:8px 1.5% 10px 0; display:block; float:right; }
.contentPageNews a .date { font-size:10pt; width:77%; margin:1px 1.5% 10px 0; display:block; float:right; font-weight:bolder; color:#5e5e5e; }
.contentPageNews a .date .normal { font-weight:normal; }
.contentPageNews a:hover .title, .contentPageNews a:focus .title  { text-decoration:underline; }
.contentPageNews a:after { clear:both; position:relative; display:block; width:100%; height:1px; color:grey; content:" ";  }

 

  

/* INTERESTED FOR */
div.interestedForArea {  padding: 0 0 20px;  }
div.interestedFor  { display: block; width:33.3%; float:left; }
a.interestedFor  { display: block; width: 90%; margin: 10px auto 0;text-align: left; text-decoration: none;  }
a.interestedFor > span.content { line-height: 1.1em; width: 55%;  display: inline-block; vertical-align: middle; font-variant:small-caps;  font-family:candaraFont; font-size: 14pt;   }
a.interestedFor:hover > span.content, a.interestedFor:focus > span.content { text-decoration: underline; }
a.interestedFor > span.icon { opacity: 1; display: inline-block; height: 120px;  width: 40%; max-width: 120px;   background-color: #f5f5f5; vertical-align:middle; background-repeat: no-repeat; background-position:center; background-size: 90% auto; border-radius: 10px;  }
a.interestedFor:hover > span.icon, a.interestedFor:focus > span.icon { opacity: .85; filter:saturate(125%); }
  
/* INTERESTED for ICONS.. */
a.interestedFor.postDoc > span.icon { background-image:url(../images/interested_icon_postdoc.png);  }
a.interestedFor.phdCandidate > span.icon { background-image:url(../images/interested_icon_phd_candidate.png); }
a.interestedFor.infrastructure > span.icon { background-image:url(../images/interested_icon_infrastructure.png); }
a.interestedFor.equipment > span.icon { background-image:url(../images/interested_icon_equipment.png); }
a.interestedFor.scienceSociety > span.icon { background-image:url(../images/interested_icon_society.png); }
a.interestedFor.emblematicActions > span.icon { background-image:url(../images/interested_icon_emblematic_actions.png); }
  



/* FOOTER */

.footerTitlesArea {  background-color: #950802; padding: 10px 0 30px; }
.footerAddress { width: 50%; float: left; color:#fff; padding: 10px 0; text-align: left; }
.footerConnect { width: 49.9%; float: right; color:#fff;  padding: 10px 0; text-align: right; }
.sliceArea.footer .sitePadding { position:inherit; }

.footerLinksArea a { display: inline-block; color:#fff; text-decoration:none; padding:0; border-radius:10px; }
.footerLinksArea a:hover img, .footerLinksArea a:focus img { background-color: #fff; }

.footerAddress .normal { font-weight: normal; padding: 0 0 2px 0; display: inline-block; }
.footerAddress .bold { font-weight: bolder; padding:0 0 10px 0;  display: inline-block; }
.footerAddress a.desDevFORTH {  background-repeat: no-repeat; background-position: left bottom; display: inline-block; margin:20px 0 0 0; padding: 0 0 4.1em 0; min-height: 30px; background-size:contain; background-size: auto 57px; color:#fff; min-width:200px;  }
.footerAddress a.desDevFORTH:focus, .footerAddress a.desDevFORTH:hover { filter: drop-shadow(0px 1px 13px #d60); }

.footerConnect .title { padding: 0 0 10px;  font-family: candaraFont; font-size: 14pt; font-variant: small-caps;  }
.footerConnect .links { padding: 0px 0 20px; }
.footerConnect .links a { padding: 5px 3px; display:inline-block; }
.footerConnect .links img {  display: inline-block; box-shadow: 0 1px 3px -1px rgba(0,0,0,1), 0 0 2px 0 rgba(255,255,255,0.5); border-radius: 4px; border:1px solid #a55; }

.footerLinksArea { padding:5px 0; }
.footerLinksArea a { display: inline-block; width: 30%; margin: 3px 0 0; }
.footerLinksArea a img { margin:1px; border:0 solid transparent; width: 90%; object-fit: contain; height: 50px; background-color: #eee; padding: 10px 5%; border-radius: 10px; }

.footerConnect a:hover img, .footerConnect a:focus img { margin:0; box-shadow: 0 0 3px #000, 0 0 0 1px #f88;  border:1px solid #fff; }  
  
/* LANGUAGE SPECIFIC, FORTH - IMAGE */
.footerAddress a.desDevFORTH { background-image:url(../images/external_links/forth_ics_eng_white.png); font-size:10pt; }
[lang|=el] .footerAddress a.desDevFORTH { background-image:url(../images/external_links/forth_ics_gr_white.png); }
[lang|=en] .footerAddress a.desDevFORTH { background-image:url(../images/external_links/forth_ics_eng_white.png); }



  
  
  /* MEDIA QUERIES */
@media screen and (min-width: 961px) {
	html, body { min-width:300px; }
	.footerAddress { width: 40%;  }
	.footerConnect { width: 59.9%;  }
}

@media screen and (min-width: 769px) and (max-width: 960px) {
	.leftPartSecondary { width:28.9%; }
	.rightPartMain { width: 71%; }
}

@media screen and (min-width: 640px) and (max-width: 768px) {
	html, body { min-width:300px; }
	div.interestedFor  { width:49.9%; }
	.leftPartMain, .rightPartSecondary { width: 100%; }
	.leftPartSecondary { width:35.9%; }
	.rightPartMain { width: 64%; }
	div.promotedNewsPic { margin: 0; }
	.footerLinksArea a { display: inline-block; width: 48%; }
	span.headerLogo {   margin-left: 0;  width: 121px; }
	img.headerLogo {  width: 120px; }
	h1 { font-size: 14pt; }
	span.headerTitle {    margin-left: 10px; }
	.headerLOIarea { padding: 5px 0 0 0; }
	a.headerLogo {  padding: 5px 0;}
	img.headerLogoV2 { height: 90px; }
	span.headerTitleV2 { margin-top: 27px; }
	span.headerTitleV2 span.titleELIDEK { font-size: 30pt; line-height:0.942em; }
	span.headerTitleV2 span.titleELID, span.headerTitleV2 span.titleEK { font-size: 12pt; }	
}
@media screen and (min-width: 480px) and (max-width: 640px) {
	html, body { min-width:300px; }
	div.interestedFor  { width:49.9%; }
	.leftPartMain,  .rightPartSecondary { width: 100%; }
	div.promotedNewsPic { margin: 0; }
	.footerLinksArea a { display: inline-block; width: 48%; width:80%; }

	a.headerLogo {  padding: 0;}
	h1 { font-size: 14pt; }
}
  
@media screen and (max-width: 640px)   {
	.sitePadding { padding: 0 4%; }
	div.title h2 { font-size:14pt; }
	.linksMenuArea { background-color: #f5f5f5; margin-bottom: 0; padding-bottom: 20px; }
	.blackBackTransparent { position:absolute; width: 12%; height: 100px; opacity: 0; }
	.rightPartMain:before  { margin-left:0; opacity:1; background-color: #f5f5f5; border-radius: 7px; border-radius: 0; color: #db542e; content: "≡"; font-size: 36px; height: 65px; left: 1%; opacity: 1; padding: 21px 0 0; position: absolute; text-align: center; top: 43px; width: 8%; box-shadow:0 0 0 1px #ccc; }
	.menuCheckbox { cursor: pointer; display:inline-block; width:9%; height:100px; background:none; border:none; opacity: 0;  z-index:1000; position:absolute; margin: 0; padding: 0; left:1%; top:35px;  }
	.rightPartMain { width: 90%; transition:all 0.5s; overflow-x:hidden; }
	.sitePadding { position:relative;  }
	.leftPartSecondary  {   margin-left: -10%; width:0;  overflow:hidden; transition:margin 0.5s, width 0.5s, height 0.5s;  position:absolute; max-height:320px; z-index:100; top:0;  }
	.leftPartSecondary  > * { width:250px; opacity:0; transition:all 0.5s; }
	.menuCheckbox:checked ~ .leftPartSecondary { border-radius: 7px; margin-left: 4.5%; width:250px; position:absolute; max-height:10000px; margin-top:0;  }
	.menuCheckbox:checked ~ .rightPartMain { margin-right:-20px; width:45%; transition:all 0.5s;  }
	.rightPartMain > * { width:82.6vw;    }
	.menuCheckbox:checked ~ .rightPartMain img { opacity:0.5; }
	.menuCheckbox:checked ~ .leftPartSecondary > * { width: 250px;  opacity:1; }
	.linksMenuArea { position: relative; z-index:10;  }
	.menuCheckbox:checked { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background: #000; }
	.menuCheckbox:checked ~ .blackBackTransparent { position:fixed; display: block; opacity: 1; width: 100%; height: 100%; top:0; left:0; background:rgba(0,0,0,0.5); }
	.menuCheckbox:hover ~  .rightPartMain:before,   .menuCheckbox:focus ~  .rightPartMain:before { color:#f00; text-shadow:0 0 3px #fff; background-color:#d8d8d8; }
	span.headerLogo {   margin-left: 0;  width: 121px; }
	img.headerLogo {  width: 120px; }
	span.headerTitle {    margin-left: 20px; margin-top: 8px; }
	.headerLOIarea { padding: 0; vertical-align: top; display: inline-block; margin-left: 20px; }
	.headerLinksPadding { vertical-align: top; display: inline-block; }	
	.sliceArea { padding-top: 20px; }
	
	img.headerLogoV2 { height: 80px; }
	span.headerTitleV2 { margin-top: 23px; }
	span.headerTitleV2 span.titleELIDEK { font-size: 25pt; line-height:0.791em; }
	span.headerTitleV2 span.titleELID, span.headerTitleV2 span.titleEK { font-size: 10pt; }	
  
}

@media screen and (max-width: 479px) {
	html, body { min-width:300px; }
	.sitePadding { padding: 0; }
	.latestNews a .title { margin: 0px 1.5% 10px 0; }
	.latestNews a .photo { margin-left:2%; width:27%; }
	.latestNews a .date {  margin: 1px 1.5% 0px 0; }
	.headerLinksArea { padding:5px 2.5% 10px; position:relative; width:95%;  float:left; text-align:left; overflow-x: hidden; }
	.headerLinksPadding { display:block; width:100%; }
	div.interestedFor  { width:49.9%; }
	.leftPartMain,  .rightPartSecondary { width: 100%; }
	div.promotedNewsPic { margin: 0; }
	a.interestedFor { text-align: center; }
	a.interestedFor > span.content {  width: 100%; min-height:4em; font-size: 12pt; }
	a.interestedFor > span.icon { width: 100%; text-align: center; }
	.footerLinksArea a { display: inline-block; width: 80%; }
	.footerAddress { width: 100%;  }
	.footerConnect { width: 100%; }
	.footerArea .sitePadding { padding: 0 20px; }
	.menuCheckbox:checked ~ .leftPartSecondary { margin-left: 9%; }
	.menuCheckbox:checked ~ .rightPartMain { margin-right:0; width:50%;  }
	.rightPartMain > * { width: 90vw; }
	span.headerLogo {   margin-left: 0;  width: 100px; }
	img.headerLogo {  width: 110px; }
	h1 { font-size: 12pt; }
	ul.headerTabs > li > a { padding: 5px 0 6px; }
	ul.headerTabs > li { width: 49.3%; }
	.linksMenuArea ul li a { font-size:11pt; margin:0 2%;  }
	.linksMenuArea ul li ul li a { font-size:11pt; }
	.linksMenuArea > ul > li > ul > li > a.selected { margin: 0 2% 0 10%; border-radius: 7px;  box-shadow: 0 1px 4px -1px #ddd; }
	.linksMenuArea > ul > li > a.selected { margin:0 2%; border-radius: 7px;  box-shadow: 0 1px 4px -1px #ddd; }
	#searchTitle { padding: 3px 10px 4px 40px;  background:transparent;  width:0; }
	.contentFiltersArea ul li a {    border-radius: 4px;    font-size: 8pt; border-style:solid; border-color:transparent; border-width:3px 0; }
	.languageSelector select { font-size:10pt; }
	a.headerLogo {  padding: 0;}
	.headerLinksPadding { font-size:10pt; vertical-align: top; display: inline-block; }  
	.headerLOIarea { position:absolute; display:block; top:3px; right:-20px; }
	.searchBox { background-size: auto 22px; }
	.searchBox form { padding-left:0; }
	#searchButton { width:0; }
	#searchTitle:focus ~ #searchButton { width:30px; right:30px; width:35px; }
	#searchTitle:focus, #searchTitle:active {  background:#fff; width:200px; margin-left: -30px; margin-right: 15px; padding: 3px 20px 4px 35px; }

	.footerConnect {    padding: 30px 0 0;    text-align: center; }
	.footerLinksArea {  padding: 0;}
	.headerTabsArea ul.sub-menu { width:45.3%; margin-left:2% !important; }
	.headerTabsArea ul.sub-menu:after { left: -5px;  width: 40px; }
}

/**** CUSTOM CSS */
  
  
.aligncenter{
  display:block;
  margin-left:auto !important;
  margin-right:auto !important;
}
/***
.latestNews 
a:after{content: none!important;}
***/



/* MEDIA QUERIES */
@media screen and (min-width: 1200px) {
html, body { min-width:300px; }
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
html, body { min-width:300px; }
}
@media screen and (min-width: 800px) {
html, body { min-width:300px; }
}
@media screen and (min-width: 641px) and (max-width: 768px) {
html, body { min-width:300px; }
}
@media screen and (min-width: 480px) and (max-width: 640px) {
html, body { min-width:300px; }
}
@media screen and (max-width: 479px) {
html, body { min-width:300px; }
}