@import url('https://fonts.googleapis.com/css2?family=Piazzolla:ital,opsz,wght@0,8..30,400;0,8..30,600;1,8..30,400&display=swap');

:root {
	--font-main: 'Piazzolla', 'Georgia', 'Times', 'Times New Roman', serif;
	--main-color: #425f91;
	--main-light-color: #749adc;
	--light-color: #c8dcab;
	--dark-color: #3e4434;
	--text-color: #3a3a3a;
}

html{margin:0;padding:0;height:100%;min-height:700px;overflow-y:scroll;font-family:var(--font-main);background:#fff;color:var(--text-color);}
body{margin:0;padding:0;min-height:100%;min-width:280px;font-size:18px;line-height:1.5;position:relative;}
.wrap{width:100%;padding:50px 0;}
.right-column {padding-top: 6px;text-align:center;}
.right-column a {margin: 0 auto 33px auto;display:block;color: inherit;}
.right-column img {margin-bottom: 5px; border-radius: 10px; max-width:80%;}

.subpages-wrap .subpages-1{font-size:16px;}
.subpages-wrap .subpages-2{font-size:14px;list-style-type:none;text-align:left;margin:0;padding:0;}
.subpages-wrap .subpages-2 li{/* display:inline-block; */margin: 1em 0 -6px;padding: 26px 0 0;/* line-height:1; */border-top: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0;box-shadow: none;}
.subpages-wrap .subpages-2 li:last-child{border-right:0;margin-bottom: 1em;}
.subpages-wrap .subpages-2 li a{padding: 0 1em;margin:0;/* line-height:1; */background: transparent;color: var(--main-color);}
.subpages-wrap .subpages-2 li:first-child {margin-top: 1em;}

.subpages-desc-top {display: none;}

.subpages-wrap ul li {box-shadow: 0 4px 6px -5px rgb(0 0 0 / 30%), 0 0 1px rgb(0 0 0 / 10%);border-radius: 10px;background-color: var(--light-color);overflow: hidden;position: relative;font-size: 18px; margin: 1em 0; max-width:400px;}
.subpages-wrap ul li a {position: relative;display: block;font-size: 1.333em;font-weight: 700;line-height: 1.25;color: #fff;padding: 1em;background: var(--main-color);}
.subpages-wrap .subpages-desc {margin: 1em 0;padding: 0 24px 0;}
.subpages-wrap ul li a:after {content: '';display: inline; color: var(--light-color);border-style: solid; border-width: 8px 0 8px 8px;border-color: transparent transparent transparent var(--light-color);opacity: 0;margin-left: 0;margin-top: 10px;transition: all 300ms ease-in-out;position: absolute;width: 30px;
}
.subpages-wrap ul li:hover a:after {margin-left: .475em;opacity: 1;}


/********************************************************************************************************************************** COMMON ELEMENTS */
.link, a{text-decoration:none;cursor:pointer;outline:none;color:var(--main-color);}
.link:hover, a:hover{text-decoration:none;color:var(--main-light-color);}
a img{border:none;}
ul, ol{margin:15px 0 15px 30px;}
ul {list-style-image:url("../images/layout/li.png");}
li {margin: 1px 0;}
hr{display:block;clear:both;height:1px;margin:20px 0;padding:0;border:none;background:var(--light-color);}
small {color: #555; font-size: 11px;}
.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;}
.sprite{background-position:top left;background-repeat:no-repeat;}
.sprite:hover{background-position:bottom left;background-repeat:no-repeat;}
.nowrap{white-space:nowrap;}
.gray{color:#a8a8a8;}
.uc{display:block;padding:80px 20px;text-align:center;font-size:30px;color:#a8a8a8;}
.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:0.5em;color:#000;}
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;}
.text-content :is(h2, h3, h4):not(:first-child) {margin-top: 1.5em;}
b, strong{font-weight:700;}
img{max-width: 100%;}
.img-left{float:left;margin:0 20px 10px 0;}
.img-right{float:right;margin:0 0 10px 20px;}
.right-banner{border:1px solid transparent;}
a:hover .right-banner{border:1px solid #fff;}
.special-link{display:inline-block;padding:4px 12px;font-size:20px;border-radius:5px;background-color:#ff7902;color:#fff;}
.special-link:hover{background-color:#333;color:#fff;}
.contest-logo{display:inline-block;height:80px;margin:5px;max-width:100%;}

.header-wrap{position:relative;padding-top:15px;background:no-repeat center var(--light-color);background-size:cover;color:#fff;background-image:url(../images/layout/header_bg2.jpg);}
/* .header-wrap.header-home{background-image:url(../images/layout/header_bg_2.jpg);} */
.logo-img{width:230px;}

.menu{display:inline-block;text-align:right;margin-top:18px;}
#non-jq-menu{display:inline-block;}
.non-jq-menu-item{display:inline-block;}
.non-jq-menu-item a{display:inline-block;margin:0 0 0 8px;padding-bottom:10px;color:#fff;font-size:14px;font-weight:700;letter-spacing:0.8px;border-bottom:1px solid transparent; text-shadow: 1px 1px #333;}
.non-jq-menu-item a.selected,.non-jq-menu-item a:hover{border-bottom:1px solid #fff;}

.overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;background: rgba(0,0,0,0.25);background-image: linear-gradient(90deg, rgb(0 0 0 / .45), transparent);}

/********************************************************************************************************************************** MENU */
/*
#jq-menu #jq-menu-item-2.jq-menu-item a{border-bottom:2px solid var(--light-color);color:#fff;}
#jq-menu #jq-menu-item-2.jq-menu-item a.selected,#jq-menu #jq-menu-item-2.jq-menu-item a:hover{border-bottom:2px solid #fff;color:#fff;}
*/

#jq-menu .jq-menu-item:hover a, #jq-menu .jq-menu-item:hover a.selected{background:transparent;}
#jq-menu{width:auto;float:right;font-size: 16px;margin-top: 36px;}
#jq-menu .jq-menu-item{text-align:right;}
#jq-menu .jq-menu-item a{display:inline-block;background:transparent;color:#fff;padding: .75em 0;margin: 0 .75em;border-bottom: 3px dashed transparent;transition: all 0.3s;}
#jq-menu .jq-menu-item a.selected, #jq-menu .jq-menu-item a:hover, #jq-menu .jq-menu-item a:has(+ .jq-submenu[style*="block"]){background:transparent;border-bottom-color: currentColor;}

#jq-menu .jq-submenu .jq-menu-item a{background: var(--light-color);color:#fff;border:0;}
#jq-menu .jq-submenu .jq-menu-item a:hover{background: var(--dark-color);border:0;}
#jq-menu .jq-submenu .jq-menu-item a.selected{background: var(--dark-color);}

#jq-menu .jq-menu-item a.more::after{content:"";display:inline-block;width:8px;height:8px;margin-left:7px;margin-bottom:2px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);transition:0.3s;}
#jq-menu .jq-menu-item a.more:hover:after{/* transform: rotate(-45deg); */transition:0.3s;}

#mobile-menu-wrap{width:100%;background:transparent;text-align:center; margin-top: 6px;}
#mobile-menu-overlay{position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;background:rgba(0,0,0,0.4);z-index:4000;}
#mobile-menu-items{position:relative;display:none;background:rgba(0,0,0,0.2);padding:10px;text-align:left;z-index:5000;}
#icon-menu{cursor:pointer;}
.mobile-menu-item a{display:block;font-size:18px;background-color: var(--light-color);color:#fff;padding:6px 10px;margin-bottom:3px;font-weight: bold;}
.mobile-menu-item a:hover{background-color:#fff;color:var(--light-color);background-repeat:no-repeat;background-position:right;}
.mobile-menu-item a.selected{background-color:var(--dark-color);}
.mobile-menu-submenu a {padding-left: 2ch;font-weight:normal;}

.content-wrap{background:#fff;color: var(--text-color);padding:50px 0;min-height:55vh}

.footer-wrap{background: var(--dark-color);color:#fff;font-size: 1rem;}
#footer-logo{max-width:210px;}
.footer-wrap a{color:var(--light-color);}
.footer-wrap a:hover{color:#fff}

.slider-box{display:block;padding:30px 0;color:#fff;}
.slider-pretitle,.slider-subtitle{font-size:18px;font-weight:bold;}
.slider-pretitle{color: var(--light-color);}
.slider-title{font-size:23px;font-weight: bold;margin:15px 0;}

#schedule {border-bottom: solid 6px var(--light-color); border-radius: 24px; font-weight:900; text-align:center; padding-bottom: 8px; margin-top: 0; padding-top:0;}
.logo-bottom{display:inline-block;margin:5px;height:55px;opacity:0.8;}
.logo-bottom:hover{opacity:1;}
#lang-link{position:fixed;top:20px;right:20px;}
#lang-link img{border-radius:100%;opacity:0.8;transition:0.3s}
#lang-link:hover img{border-radius:100%;opacity:1;transition:0.3s}

.curriculum-table{width: 100%;border-collapse:collapse;margin:30px 0 20px 0;color: #111;}
.curriculum-table td{padding: .5rem;border: 1px solid var(--dark-color);vertical-align: middle;font-variant: tabular-nums;}
tr.semester-row td{background-color: var(--light-color);color:#fff;font-size: 1.5rem;font-weight:bold;}
tr.headers-row td{background-color: var(--dark-color);color: #fff;font-weight:bold;}

.news-list-table{margin-top:10px;}
.news-read-title{font-size:18px;margin-bottom:5px;color:#616161;}
.news-read-text{padding-top:20px;text-align:justify;}
.news-list-block{padding-bottom:5px;margin-bottom:5px;border-bottom:1px dotted #c8c8c8;}
#content .news-list-table td{vertical-align:top;border:none !important;}
.news-list-title{display:block;margin-bottom:2px;font-size:18px;}
.news-list-date, .news-read-date{font-size:12px;font-style:italic;color:#969696;}
.news-list-lead{text-align:justify;font-size:14px;line-height:1.3;}
.news-list-info{padding:6px;font-size:10px;background:#000;color:#fff;}
.news-list-nothumb{background:url(https://ionio.gr/central/commons/images/various/nothumb.png) no-repeat center #F1F1F1;}
.news-list-block .downloads-inline{display:none;}

.staff-label{display:block;padding:5px 8px;background:var(--light-color);color:#fff;}
.content-wrap .staff-table{width:100%;border-collapse:collapse;}
.content-wrap .staff-table th{padding:4px 8px;background:#64748B;color:#fff;text-align:left;}
.content-wrap .staff-table td{padding:4px 8px;border:none;vertical-align:top;}
.tt-left-full, .tt-left-min{width:180px;padding:4px 8px;}
.tt-right-full, .tt-right-min{width:100px;padding:4px 8px;}
.tt-big-full{width:360px;padding:4px 8px;}
tr.style-a{background:#eeeeee;}
tr.style-b{background:#e3e3e3;}
.staff-img{max-width:350px;}

.data{border-collapse:collapse;margin:10px 0;}
table.data td, table.data th{padding:8px;vertical-align:top;border:1px solid #959595;}
table.data td p{padding:0;}

.important-link{display:block;margin:15px 0;padding:10px;text-align:center;font-size:18px;background:var(--light-color);color:#fff;border-radius:3px;}
.important-link:hover{background:#000;color:#fff;}

#gmap{width:100%;max-width:100%;height:350px;float:right;border-radius:20px; margin-bottom: 30px;}
.gmap-content{width:220px;height:auto;text-align:center}

.show-hide-head{font-weight:bold;margin:5px 0 5px 0;font-size:16px;border:1px solid #666666;padding:4px 20px;font-size:13px;cursor:pointer;border-radius:3px;}
.show-hide-head:hover{border:1px solid var(--light-color);color:var(--light-color);}
.show-hide-head.current{border:1px solid var(--light-color);color:#fff;background:var(--light-color);}
.show-hide-content{max-width:80%;padding:5px 10px 15px 10px;border-radius:0 3px 3px 3px}
.semester-title{max-width:80%;font-weight:bold;margin-top:10px;font-size:16px;padding:4px 20px;text-align:center;}
.expertise-title{max-width:80%;font-weight:bold;margin-top:10px;font-size:12px;padding:4px 20px;text-align:center;}
.back-to-table{max-width:80%;font-size:11px;padding:4px 20px;text-align:center;}

/* SEARCH FORM */
#page-title-wrap{position:relative;height:auto;width:100%;border-bottom:3px solid var(--light-color);padding:2px 0;margin-bottom:10px;}
#page-title{font-size:28px; font-weight: 300;display:block;  text-align:left;}
#search_q_form{position:absolute;top:11px;right:24px;}
#search_q_input{padding:4px;border:1px solid #ADADAD;background:#F1F1F1;}
#search_q_submit{margin-left:5px;padding:5px 12px;font-size:12px;}

/********************************************************************************************************************************** PAGINATION */
.news-pagination{display:block;height:24px;line-height:24px;text-align:right;padding:5px 6px;margin:5px 0;background:#e0e0e0;border-radius:10px;}
.news-pagination-form, .news-pagination a, .news-pagination-select{display:inline-block;height:24px;vertical-align:top;border-radius:5px;border:none;}
.news-pagination a{padding:0 6px 0 6px;margin:0 2px;text-align:center;text-decoration:none;background:#64748B;color:#fff;}
.news-pagination a:hover{background:var(--light-color);color:#fff;}
.news-pagination-select{cursor:pointer;}

.courses-list-title a{display:block;border:1px dotted #999999;padding:5px 10px;margin-bottom:5px;border-radius:5px;}
.courses-list-title a:hover{border:1px dotted var(--light-color);}

.news-categories-block{margin:10px 0;}

/********************************************************************************************************************************** SCROLL TOP */
#scroll-top{position:fixed;bottom:90px;right:20px;display:none;width:50px;height:50px;background-position:center;background-repeat:no-repeat;background-image:url(https://ionio.gr/central/commons/images/various/to_top.png);background-color:var(--light-color);background-size:60%;border-radius:100%;transition:background 0.5s;z-index:3000;}
#scroll-top:hover{background-color:var(--dark-color);}

/********************************************************************************************************************************** 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:15px 25px;font-size:13px;border:none;cursor:pointer;transition:background 0.7s, color 0.7s;border-radius:3px;background:var(--main-color);color:#fff;}
.button:hover, input[type=submit]:hover{text-decoration:none;background:var(--main-light-color);color:#fff;}

/********************************************************************************************************************************** DOWNLOADS */
.downloads-block{display:block;padding:8px 10px;margin:5px 0;border-radius: 6px;border: 0;color: var(--dark-color);background:var(--light-color);}
.downloads-block img{vertical-align:middle;}
.downloads-block a{color: var(--main-color);}
.downloads-block a:hover{color:#333;}
.downloads-block span{display:block;color: inherit;font-style: normal;font-size: 1rem;}
.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;}

.tabs{display:block;margin:0 0 20px 0;}
.tabs a{display:inline-block;padding:3px 8px;margin:0 3px;font-size:18px;border-radius:5px;background:#9dbbc6;color:#000;}
.tabs a:hover{background:#333333;color:#fff;}
.tabs a.selected{background:var(--light-color);color:#fff;}

.home-block{display:block;padding:40px 20px;border: 5px solid var(--light-color);color: var(--dark-color);border-radius:20px;text-align:center;margin-bottom:40px;transition: all 0.3s;}
.home-block .svg-icon{display:inline-block;width:70px;fill: var(--dark-color);transition: all 200ms ease-in-out;}
.home-block span{display:block;margin-top: 15px;font-size: 1.25rem;font-weight: bold;transition: all 200ms ease-in-out;}
.home-block:hover{border: 5px solid var(--dark-color);}
.home-block:hover .svg-icon{fill: currentColor;scale: 110%;}


#enroll-banner{width:100%;display:block;border: 10px solid var(--main-color);}
a:hover #enroll-banner{border:10px solid #5176b7;}

.ttr-profile{background-color:#ebf4f4;transition:0.3s}
.ttr-profile:hover{background-color:#CDD6D6;transition:0.3s}

#hotspot-block{padding:10px 20px;background-color:var(--main-light-color);margin-bottom:30px;border-radius:15px;box-shadow:5px 5px 5px #888}
/******************************************** MEDIA QUERIES */
/* MOBILE-ONLY */
@media (max-width: 767px) {
    .curriculum-table tr:not(.semester-row) td:first-of-type {display: none;}
    .curriculum-table td {text-wrap: balance;}
}

/* SMALL 768px to 991px */
@media (min-width: 768px) {
	body{line-height:1.4;font-size: 18px;}
	.t-right.center-xs{text-align:right}
	.center-xs, .t-left.center-xs{text-align:left}
	.img-left{float:left;margin:0px 10px 10px 0;max-width:50%;}
	.img-right{float:right;margin:0px 0 10px 20px;max-width:50%;}
	.slider-title{font-size:43px;}
	.slider-box{padding:100px 0;}
    .page-content{text-align:justify;}
}