:root {
    --ctl-primary: #016EAD; /*#017dc7;*/
    --ctl-secondary: #ff8c00;
}

* {accent-color: var(--ctl-primary);}

html{margin:0;padding:0;height:100%;min-height:700px;overflow-y:scroll;font-family:'Roboto', 'Arial', sans-serif;background:#fff;color: #57606a;}
body{margin:0;min-height:100%;min-width:280px;font-size:16px;line-height: 1.5;position:relative}
.wrap{position:relative;width:100%;padding:50px 0;}

/********************************************************************************************************************************** COMMON ELEMENTS */
.link, a{text-decoration:none;cursor:pointer;outline:none;color:var(--ctl-primary);}
.link:hover, a:hover{text-decoration:none;color:#000;}
a img{border:none;}
ul, ol{margin:15px 0 15px 30px;}
ul {list-style-image:url("../images/layout/li.png");}
li {margin: 1px 0;}
input{font:inherit;}
img, figure, video, srcset{max-width:100%;}
hr{display:block;clear:both;height:1px;margin:30px 0;padding:0;border:none;background:var(--ctl-primary);}
.full-width{width:100%;}
.max-width{max-width:100%;}
.v-top{vertical-align:top;}
.small{font-size:12px;}
.very-small{font-size:10px;line-height:13px;}
.clear{display:block;height:0px;clear:both;}
.nowrap{white-space:nowrap;}
.gray{color:#a8a8a8;}
.uc{display:inline-block;padding:10px 0;text-align:left;font-size:30px;color:#aeaeae; border-bottom: dotted 1px #aeaeae; margin-top: 3px;}
.msg{display:block;padding:80px 20px;text-align:center;margin: 20px auto;font-size:24px;color:#a8a8a8;}
h1,h2,h3,h4,h5{font-weight: bold;margin-bottom: 1em;line-height: 1.25;}
h1{font-size:2.2em;} h2{font-size:1.7em;} h3{font-size:1.4em;} h4{font-size:1.2em;} h5{font-size:1.1em;}
b, strong{font-weight:700;}
.img-left{float:left;margin:0 20px 10px 0;}
.img-right{float:right;margin:0 0 10px 20px;}
.no-gutter > [class*='col-']{padding-right:0;padding-left:0;}

.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.35);}
.overlay.white{background:rgba(255,255,255,0.6);}
.header-wrap{padding:0;position:relative;background:url(../images/slide.jpg) no-repeat top;background-size:cover;}
.header-wrap.header-home{height:100vh;overflow:hidden;background:url(../images/slide.jpg) no-repeat center;}
.header-wrap.header-home .overlay{background:none;}

.menu-wrap{position: relative;z-index:1500;top:0;left:0;padding-block: 1em;background-color: #fff;border-bottom: 1px solid rgba(0,0,0,.1);box-shadow: none;transition: all 300ms;will-change: position, padding, border, box-shadow;}
#logo{display:block;margin-top:5px;}
.logo-img{height:64px;display:none;vertical-align:top;}
.logo-text{display:inline-block;vertical-align:top;line-height:1.2;}
.logo-title{display:block;color:var(--ctl-primary);margin-bottom:4px;font-size:18px;}
.logo-subtitle{display:block;color:var(--ctl-secondary);font-size:14px;}

#ionio-logo{display:inline-block;position:absolute;top:5px;right:15px;opacity: 1;visibility: visible;transition: all 300ms;will-change: opacity, visibility;}
#ionio-logo img{width:70px;}

.scrolled .menu-wrap{position: fixed;padding-block: .5em;box-shadow: 0 0 0.8125rem 0 rgb(77 82 94 / 15%);background-color: hsla(0,0%,100%,.7);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px);transition: all 300ms ease;}
.scrolled #ionio-logo{visibility: hidden;opacity: 0;}
.scrolled #jq-menu{margin:5px 0 0 0;}


.home-box{display:block;min-height:350px;background:#fff;padding:40px;border-radius:10px;box-shadow:0px 0px 15px rgba(0,0,0,0.1);margin:20px 0 0 0;color:var(--black);transition:0.3s;}
.home-box:hover{margin:0 0 20px 0;box-shadow:0px 15px 25px rgba(0,0,0,0.3);}
.home-box img{height:50px;}
.home-box-title{display:block;font-size:18px;font-weight:bold;letter-spacing:-1px;margin-top:25px;color:var(--ctl-primary);}
.home-box:hover .home-box-title{color:var(--ctl-secondary);}
.home-box-title span{display:inline-block;margin-right:10px;opacity:0.4;}
.home-box hr{opacity:0.4;}
.home-box-text{display:block;font-size:80%;line-height:1.6;opacity:0.5;}


.insitutes-wrap{padding:80px 0;background:#F0F4F8;}
.insitutes-number{display:block;font-size:32px;font-weight:bold;border-bottom:1px solid #333;line-height:1;padding-bottom:5px;}
.insitutes-title{display:block;font-size:18px;font-weight:bold;line-height:1.2;margin-bottom:10px;}
.insitutes-director{font-size:12px;font-weight:bold;color:#000;line-height:1.2;}
.insitutes-director span{font-weight:normal;opacity:0.5;}

.parallax-wrap{color:#fff;padding:180px 0;background: url(../images/layout/bottom_bg.png) no-repeat center #000;background-size:cover;background-attachment:fixed;}

.slide-wrap{background:url(../images/slide.jpg) no-repeat top center;background-size:cover;overflow:hidden;}
.slide-text{margin-top:60px;max-width: 550px;text-align:center;color: #fff;}
.slide-title{display:inline-block;font-weight:700;font-size:22px;margin-bottom:5px;line-height:1.3;}
.slide-subtitle{display:inline-block;margin-top:10px;margin-bottom:40px;padding-left:2px;font-size:12px;line-height:1.3;max-width:350px;}


#jq-menu{margin-top: 0px;}
#jq-menu tr {display: flex; justify-content: space-around;}
#jq-menu .jq-menu-item:hover a, #jq-menu .jq-menu-item:hover a.selected, #jq-menu .jq-submenu .jq-menu-item a{background:none;}
#jq-menu .jq-menu-item a{background:none;color: #24292f;font-size: 1rem;padding-block: 1em;margin: 0;transition: all 300ms;}
#jq-menu .jq-menu-item:hover a, #jq-menu .jq-menu-item a.selected, #jq-menu .jq-menu-item:hover a.selected{background:none;color:var(--ctl-primary);}
#jq-menu .jq-menu-item a.more::after{content:"";display:inline-block;width:8px;height:8px;margin-left:5px;}
#jq-menu .jq-menu-item a.more::after{border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(45deg);position:relative;top:-2px;transition:0.2s;}
#jq-menu .jq-menu-item:hover a.more::after{transform:scaleY(-1) rotate(45deg) translate(-3px,-2px);border-right:2px solid var(--ctl-primary);border-bottom:2px solid var(--ctl-primary);}
#jq-menu .jq-submenu .jq-menu-item{padding:0;}
#jq-menu .jq-submenu .jq-menu-item a, #jq-menu .jq-submenu .jq-menu-item a.selected{background:#fff;color:#5d5d5d;font-size:14px;padding:10px;margin:0;line-height:1.2;border:0;border-bottom:1px solid #e6e6e6;text-shadow:none;white-space:nowrap;}
#jq-menu .jq-menu-item:hover .jq-menu-item a{text-decoration:none;}
#jq-menu .jq-submenu .jq-menu-item:hover a, #jq-menu .jq-submenu .jq-menu-item a.selected{text-decoration:none;color:var(--ctl-primary);}
#jq-menu .jq-submenu{padding:0;border-bottom:1px solid #dbdbdb;box-shadow:0px 0px 15px rgba(0,0,0,0.1);border:1px solid #dbdbdb;}

.mobile-menu-icon{cursor:pointer;}
#mobile-menu-items{display:none;position:absolute;right:0;width:320px;text-align: left;}
#mobile-menu{padding:30px;background:#fff;box-shadow:0 0 0.8125rem 0 rgba(77,82,94,.25);}
#mobile-menu a{display:block;line-height:1.1;padding:10px 0;}
#mobile-menu a:hover{color:#000;}
.mobile-menu-submenu{display:none;font-size:80%;padding-right:10px;border-right:2px solid var(--ctl-primary);}

.content-wrap{background: url(../images/layout/light-pixel-grid.svg);background-repeat: repeat;background-color: #fff;padding: 40px 0 100px 0;min-height:300px;}
.blocks-wrap{background: url(../images/layout/light-pixel-grid.svg);background-repeat: repeat;background-color: #fff;padding: 20px 0;}

#lang-link{position:absolute;bottom:-32px;right:15px;color:#9c3232;}
#lang-link img{border-radius:0 0 10px 10px;opacity:0.8;width:30px;height:30px;}
#lang-link:hover img{opacity:1;}

.img-slider{max-width:100%;}

.page-content{text-align:justify;}
#page-title{display:block;width:100%;font-size: 2rem;line-height: 1.25;border-left: 3px solid var(--ctl-secondary);padding-left: 1rem;margin-left: -1rem;margin-bottom: 1em;overflow:visible;color: var(--ctl-primary);font-weight: bold;}
.news-search-block, .news-categories-block {display: inline-block; margin-right: 1rem;}
.news-search-block {margin-block: 2rem; text-align: right;}
#search_q_submit {padding: .75rem 1.5rem;font-size: 1rem;}
#search_q_input{border:1px solid #d0d0d0;padding: .25rem .5rem;width:300px;max-width:100%;vertical-align:middle;font-size: 1rem;}
.news-tile{display:block;background:#f5f7f8;border-radius:5px;overflow:hidden;margin-bottom:30px;padding:15px;}
a.tile-title{display:block;line-height:1.2;margin-bottom:20px;font-size:120%;color:#000;}
a.tile-title:hover{color:#9c3232;}
.tile-content{padding:30px;}
.tile-lead{font-size:80%;}
.tile-thumb{display:block;width:100%;height:250px;/*background-size:contain;*/background-size:cover;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.1);}

#breadcrumbs-wrap {padding-block: 1ch;background: #fafbfc;}
.bc-sep {margin-inline: .5ch;}

.footer-wrap{color: #222;font-size: 1rem;background-color:#eaeaea}
.footer-wrap a {font-weight: bold;}
.footer-wrap a:hover {color: var(--ctl-secondary);}

.news-list-block {--inline-padding: .5em;position: relative;padding: 2em var(--inline-padding);border-radius: .8rem;}
.news-list-block a{transition:all 250ms;}
.news-list-block a:hover {color: var(--ctl-secondary);}
.news-list-title {display: block;font-size: 1.25em;font-weight: bold;line-height: 1.5;}
.news-list-dates {border-width: 1px 0;padding: 1em 0;border: 0;color: #57606a;font-style: normal;font-size: .85rem;}
.news-list-categories {display: flex; flex-wrap: wrap; gap: .5em;}
.news-list-categories-item a {padding: .25em .75em; border: 1px solid currentColor; border-radius: 10vh; font-size: 1rem; line-height: 1.25;}
.news-list-nothumb {margin-block: .5em; max-height: 100px; background: rgb(0 0 0 / .25);}
.news-list-more {margin-top: 2ch;}
.news-list-more-link a {font-weight: bold;}
.news-list-lead, .home-news-lead{line-height:1.333;font-size: 1rem;}
.news-list-lead,.home-news-lead{line-height: 1.5;}

/********************************************************************************************************************************** SCROLL TOP */
#scroll-top{position:fixed;bottom:90px;right:10px;display:none;width:50px;height:50px;border-radius:100%;border: 2px solid var(--ctl-secondary);z-index:3000;}
#scroll-top span{display:inline-block;width:48px;height:48px;background:url(../images/layout/to_top.png) no-repeat center;transition:0.5s;}
#scroll-top:hover span{transform: scaleX(-1);}

/********************************************************************************************************************************** FORMS */
.form-table td{padding:5px 8px 5px 0;vertical-align:top;}
.form-table input[type="text"], .form-table input[type="password"], .form-table textarea{padding:4px;border:1px solid #ADADAD;background:#F1F1F1;}
.button, input[type=submit]{display:inline-block;padding:20px 40px;line-height:1;font-weight:700;font-size: inherit;border:none;cursor:pointer;transition: all 300ms;border-radius:3px;background:var(--ctl-primary);color:#fff;}
.button:hover, input[type=submit]:hover{text-decoration:none;background:var(--ctl-secondary);color:#fff;}

/********************************************************************************************************************************** DOWNLOADS */
.downloads-block{display:block;padding:8px 10px;margin:5px 0;border-radius:3px;border:solid 1px #ccc;color:#999; background:#eaeaea;}
.downloads-block img{vertical-align:middle;}
.downloads-block a{color:#60a7de;}
.downloads-block a:hover{color:#333;}
.downloads-block span{display:block;font-size:12px;color:#6f6f6f;}
.download{padding-left:30px; font-size: 16px;}
.download.pdf{background:url(https://ionio.gr/central/commons/images/filetypes/pdf.png) no-repeat left;}
.download.doc{background:url(https://ionio.gr/central/commons/images/filetypes/doc.png) no-repeat left;}

.downloads-inline{display:inline-block;padding:3px 6px;background:#ebebeb;border-radius:3px;margin-bottom:4px;}

.exit-btn{display:inline-block;position:fixed;top:150px;left:0px;padding:5px;background-color:#eee;color:#000}

#front-news-wrap{padding:20px 0;width:100%;}
.home-news-block{display:block;background:#fff;margin-bottom:30px;position:relative;height:100%;border-radius:15px;overflow:hidden;border:2px solid #dedede;}
.home-news-img{display:block;position:relative;width:100%;height:250px;background-color:#433e3d;overflow:hidden;}
.home-news-img-b{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;filter: blur(8px);opacity:0.5;}
.home-news-img-c{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;border-bottom:2px solid #dedede;}
.home-news-content{display:block;}
.home-news-title{display:block;padding: 1em;font-size: 1.15em;line-height: 1.33;font-weight: bold;background: var(--ctl-primary);color:#fff;transition: background 250ms;width:90%;margin-left:5%;border-radius:15px;position:relative;top:-40px;}
.home-news-date{display:block;margin-bottom:15px;font-size:70%;opacity:0.5;}
.home-news-lead{display:block;padding:0 30px 30px 30px;font-size: 1rem;}
.home-news-link{position:absolute;display:block;top:0;left:0;width:100%;height:100%;}
.home-news-block:hover .home-news-title{background: var(--ctl-secondary);color:#fff;}

.cookie-warning-button{line-height:1.6 !important}

#gmap{height:500px;width:100%;margin:10px 0;}

.programs-categories-link{display:inline-block;line-height:1.2;padding:5px 15px;margin:0 10px 10px 0;border-radius:5px;border:2px solid #cccccc;}
.programs-categories-link.selected{border-color:var(--ctl-primary);}

.sidebar-banner{display:block;max-width:250px;margin:auto;}
.sidebar-banner img{max-width:100%;margin-top:20px}

#gdpr-wrap{background: #f2f2f2;}
.comp-wrap{padding:10px;}

#page-programs-title{font-weight:bold;margin-bottom:1em;line-height:1.2;font-size:2em}
.programs-list{font-size:11px}
.programs-list th:nth-child(3){display:none}
.programs-list th:nth-child(4){display:none}
.programs-list th:nth-child(6){display:none}
.programs-list td:nth-child(3){display:none}
.programs-list td:nth-child(4){display:none}
.programs-list td:nth-child(6){display:none}

.news-pagination a,.news-pagination select{margin:0px 5px}

@media (min-width: 768px) {
	.programs-list{font-size:16px}
	.programs-list td:nth-child(1){min-width:140px;}
	.programs-list th:nth-child(3){display:table-cell}
	.programs-list th:nth-child(4){display:table-cell}
	.programs-list th:nth-child(6){display:table-cell}	
	.programs-list td:nth-child(3){display:table-cell}
	.programs-list td:nth-child(4){display:table-cell}
	.programs-list td:nth-child(6){display:table-cell}	
    #logo-img{display: inline-block;}
	.text-content{text-align:justify;}
	.slide-block{position:absolute;bottom:-110%;right:-100%;display:block;width:200%;height:150%;transition:1s;box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);opacity:0.6;border-radius:100%;}
	.slide-block-a{transform:rotate(-65deg);background:var(--ctl-primary);}
	.slide-block-b{transform:rotate(-20deg);background:var(--ctl-secondary);}
	.slide-text{text-align:left;}
}
@media (min-width: 992px) {
	.same-height-md, .same-height{display:flex;}
	.same-height-block {position:relative;height:100%;}
	.slide-wrap{padding:150px 0;}
	.slide-title{font-size:42px;}
	.slide-subtitle{font-size:16px;}
}
@media (min-width: 1200px) {
	
}