@import url('https://fonts.googleapis.com/css2?family=Tinos:wght@400;700&display=swap');

:root {
    --color-primary: #000000;
    --color-secondary: #626262;
    --dark-color: #000000;
    --light-color: #dbdbea; 
    --link-color:#b29a65;
}

html{margin:0;padding:0;height:100%;min-height:700px;overflow-y:scroll;font-family:Tinos, Georgia, 'Times New Roman', serif;background: #fff;color:var(--dark-color);}
body{position: relative;margin:0;padding:0;min-height:100%;min-width:280px;font-size: 16px;line-height:1.5;font-family: inherit;}
.wrap{position: relative; width:100%;padding:50px 0;}
.right-column {padding-top: 6px;text-align:center;}
.right-column a {margin: 33px auto 0 auto; display:block;}
.right-column img {margin-bottom: 5px;}
.flex-center{display:flex;align-items:center;flex-wrap:wrap;}

/********************************************************************************************************************************** COMMON ELEMENTS */
.link, a{text-decoration:none;cursor:pointer;outline:none;color: var(--link-color);transition: color 250ms;}
.link:hover, a:hover{text-decoration:none;color: var(--color-secondary);transition: color 250ms;}
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(--color-primary);}
small {color: #555; font-size: 11px;}
img{max-width:100%;}
button, input, select, textarea{font-family:inherit;font-size: 1rem;}
.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:700;margin-bottom:0.5em;color:var(--color-secondary);line-height: 1.25;}
h1, #page-title{font-size: 2.25em;font-weight: bold;color: var(--color-primary);} h2{font-size: 1.825em;} h3{font-size:1.4em;} h4{font-size:1.2em;} h5{font-size:1.1em;}
b, strong{font-weight:700;}
p:first-child{margin-top:0;}
.img-left{display: block; float: none; margin:0 0 20px 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:var(--color-primary);color:#fff;}
.special-link:hover{background-color:var(--color-secondary);color:#fff;}
.contest-logo{display:inline-block;height:80px;margin:5px;max-width:100%;}

.stripe-top{height:20px;background:url(../images/layout/stripe_top.png) top repeat-x;}
.stripe-bottom{height:20px;background:url(../images/layout/stripe_bottom.png) bottom repeat-x;}

.header-wrap{position:relative;padding: 50px 0;background-color: #fff;border-bottom: 1px solid #000;background-image:url(../images/layout/header_bg_2.jpg);background-position:center;background-size:cover;}
#logo{display:flex;align-items:center;gap: .75em;}
#logo:hover .site-name{color:var(--color-primary);}
#logo img{height:100px;}
.logo-text{display:flex;flex-direction:column;gap:1ch;color:var(--color-secondary);font-size:1rem;line-height:1.25;}
.site-name{font-size: 1em;font-weight:bold;letter-spacing:-.15px;transition: all 250ms;}
.uni-name{display:none;}

.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.3);}

.ttr-profile img{border-radius:100%;}
.ttr-meta{font-size:80%;line-height:1.2;}

.menu-wrap{padding:30px 0;border-bottom:1px solid #000;}

/********************************************************************************************************************************** MENU */
#jq-menu{margin-top:20px;}
#jq-menu .jq-menu-item:hover a, #jq-menu .jq-menu-item:hover a.selected{background:transparent;}
#jq-menu .jq-menu-item{text-align:left;}
#jq-menu .jq-menu-item a{font-size: 22px;display:inline-block;background:transparent;color:var(--color-secondary);padding: .5em;margin: 0;}
#jq-menu td > .jq-menu-item > a.more {display: flex;align-items: center;padding-right: .25em;}
.jq-submenu div + div > a {border-top: 1px solid #e4e9eA;}
#jq-menu .jq-submenu {display: none;position: absolute;top: 0;left: 0;padding: 0;width: 300px;background: #fff;border-radius: .8rem;overflow: hidden;box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .2);}
#jq-menu .jq-submenu .jq-menu-item {position: relative; display: block; border: none; margin: 0; padding: 0;}
#jq-menu .jq-submenu .jq-menu-item a {position: relative;display: block;padding: 1.25em 1em;background-color: transparent;font-weight: bold;background-image: none;cursor: pointer;text-align: left;white-space: normal;line-height: 1.5;min-width: 250px;font-size: 1rem;color:inherit;}
#jq-menu .jq-submenu .jq-submenu {border-left: 1px solid #fff;}
#jq-menu .jq-menu-item a.selected, #jq-menu .jq-menu-item:hover > a, #jq-menu .jq-menu-item:hover > a.selected{background:transparent;color:var(--color-primary);}
#jq-menu .jq-menu-item:hover .jq-submenu a.selected{color: var(--color-primary);background: #fff;}
#jq-menu .jq-menu-item a.more::after{content:"";display:inline-block;width:8px;height:8px;margin-left:7px;margin-bottom:2px;border: 0 solid var(--dark-color);border-bottom-width: 2px;border-right-width: 2px;transform: rotate(45deg);transition:0.3s;}
#jq-menu .jq-menu-item a.selected.more::after{border-color:var(--color-primary);}
#jq-menu .jq-menu-item:hover a.more:after{transform: scaleY(-1) rotate(45deg) translate(-3px,-2px); border-color:var(--color-primary);}

#mobile-menu-wrap{width:100%;background:transparent;text-align:center; margin-top: 6px;}
#mobile-menu-overlay{position:fixed;inset: 0;display:none;background:rgba(0,0,0,0.4);z-index:4000;}
#mobile-menu-items{display:none;position: absolute;right: 4vw; width: 220px; top: 10vh;background: #fff;padding:10px;text-align:left;z-index:5000;border-radius: .8rem;}
#icon-menu{cursor:pointer;}
.mobile-menu-submenu{display:none;font-size: 1em;line-height:1.3;padding-left: 2ch;}
.mobile-menu-item a{display: block;padding: .5em;color: var(--color-secondary);font-weight:bold;}
.mobile-menu-item a:hover, .mobile-menu-item a.selected {color: var(--color-primary);}
.mobile-menu-item.more > a {position: relative;display: flex;justify-content: space-between;align-items: center;}
.mobile-menu-item.more > a::after {content: "";width: 10px;height: 10px;border: 0 solid currentColor;border-right-width: 2px;border-bottom-width: 2px;transform: rotate(45deg);transition: 0.2s;}
.mobile-menu-item.more.open > a::after {transform: scaleY(-1) rotate(45deg) translate(-3px,-2px);}

#breadcrumbs-wrap{background: var(--dark-color);color: #fff;padding-block:.75em;font-size:13px;letter-spacing:1px;}
#breadcrumbs-wrap .col-md-12{display: flex;align-items: center;flex-wrap: wrap;row-gap: .75em;}
#breadcrumbs-wrap a{color: #fff;}
#breadcrumbs-wrap a:hover{color: var(--color-primary);}
.bc-sep{margin-inline:.5ch;}
.bc-item{font-weight:bold;}

.hero-wrap{position: relative;background-color: var(--color-secondary);overflow: hidden;z-index: 1;}
.hero-container{position: relative;display: flex;align-items: center;justify-content: center;padding-inline: 2rem;padding-block: 5rem;}
.pills-wrap{display: flex;flex-direction: column;gap: 1rem;}
.pills-row{display: flex;justify-content: space-evenly;align-items: center;gap: 1rem;}
.pill-item{position: relative;}
.pill{font-size: 1rem;font-weight: bold;padding: .5em 1em;color: #fff;background-color: #6bacc8;border-radius: 10vh;text-align: center;white-space: nowrap;user-select: none;-webkit-user-drag: none;letter-spacing: 1px;text-shadow: 1px 2px var(--color-secondary);}

.pill-item:nth-child(odd) {transform: rotateZ(-45deg) skewY(30deg);}
.pill-item:nth-child(odd) .pill::after {content: '';position: absolute;inset: 0;background: hsl(198deg 46% 40%);transform: matrix(1, 0, 0, 1, -4, 5);z-index: -1;border-radius: 10vh;}
.pill-item:nth-child(even) {transform: rotateZ(45deg) skewY(-30deg);}
.pill-item:nth-child(even) .pill::after {content: '';position: absolute;inset: 0;background: hsl(198deg 46% 40%);transform: matrix(1, 0, 0, 1, 4, 5);z-index: -1;border-radius: 10vh;}
.pill-item:nth-child(odd) .pill::after {box-shadow: -70px 70px 65px rgb(0 0 0 / 7%), -30px 30px 30px rgb(0 0 0 / 6%), -15px 15px 15px rgb(0 0 0 / 5%), -10px 10px 8px rgb(0 0 0 / 4%), -4px 4px 4px rgb(0 0 0 / 3%), -2px 2px 2px rgb(0 0 0 / 2%);}
.pill-item:nth-child(even) .pill::after {box-shadow: -10px 10px 8px rgb(0 0 0 / 4%), -4px 4px 4px rgb(0 0 0 / 3%), -2px 2px 2px rgb(0 0 0 / 2%), -70px 70px 65px rgb(0 0 0 / 7%), -30px 30px 30px rgb(0 0 0 / 6%), -15px 15px 15px rgb(0 0 0 / 5%);}


.content-wrap{padding:60px 0;min-height:55vh}

.home-img{display:block;max-width:100%;box-shadow:0px 0px 10px rgba(0,0,0,0.1);}

.link-line{display:block;line-height:1.3;margin:10px 0;padding:10px 0;border-bottom:1px dotted var(--color-primary);}
.link-title{font-weight:bold;}

.sidebar-logo {display: flex; flex-direction: column; align-items: center;font-size:80%;}
.sidebar-logo + .sidebar-logo{margin: 4ch;}
.sidebar-logo .icon-logo {display: block;max-width: 130px;margin: 0 auto 1ch;}
.sidebar-logo .icon-logo-hdnt {display: block;max-width: 10ch;margin: 0 auto 1ch;}

.top-logo{display: inline-block; height:90px; width:80px; margin:10px;}

.bottom-wrap{border-bottom: 1px solid rgb(255 255 255 / .15);background: var(--dark-color);color:rgba(255,255,255,0.6);font-size: 1rem;}
.bottom-wrap a{color: var(--color-secondary);}
.bottom-wrap a:hover{color: var(--light-color);}
.bottom-link{display:block;font-size:1.15rem;}
.bottom-links li::marker{color: transparent;}
.bottom-links{margin:1ch 0;list-style-image: none;}
.bottom-title{color:#fff;}
.bottom-wrap img{max-height:102px}
.footer-wrap{padding:10px;}
.bottom-logo{display: inline-block; height:90px; width:90px; margin:10px; font-size: 9px; color:#fff; vertical-align: bottom; }
.bottom-logo img{max-height:100%; vertical-align: bottom;}
.bottom-logo span{display: block;}
.bottom-logo.border-right{border-right: 1px solid rgba(255, 255, 255, .2);}
.bottom-logo.border-left{border-left: 1px solid rgba(255, 255, 255, .2);}

.parallax-wrap{padding:200px 0; background-size: cover; background-position: center; background-attachment: fixed;}

#gdpr-wrap {background: var(--light-color);padding-block: 0 1rem;padding:10px;}
.gdpr-link{font-size:13px;}
.gdpr-link img{height:26px;}


#schedule {border-bottom: solid 6px var(--color-primary); 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;}
.content-wrap table.curriculum-table td{padding:3px 5px;border:1px solid var(--color-primary);vertical-align:top;text-align:center;}
.content-wrap table.curriculum-table td.t-left{text-align:left;}
.content-wrap table.curriculum-table td.td-title{background:#333;color:#fff;border:1px solid #333;}
.appendix{display:block;padding:4px 8px;margin:2px 0;}
.page-content{text-align:left;}

.slider-box{display:block;padding:100px 0;color:#fff;}
.slider-pretitle,.slider-subtitle{display:inline-block;font-size:18px;font-weight:bold;line-height:1;padding:15px;background:#fff;color:#000;}
.slider-title{font-size:33px;font-weight:300;line-height:1;display:inline-block;padding:15px;background:#000;color:#fff;}
.header-wrap.header-home{padding: 150px 0;background-image:url(../images/layout/header_bg_2.jpg);}

.news-list-table{margin-top:10px;}
.news-read-title{margin-bottom:5px;color:#616161;}
.news-read-text{padding-top:20px;text-align:left;}
.news-list-block{padding-bottom: min(5vh, 5vw);margin-bottom: min(5vh, 5vw);border-bottom: 1px solid #e8e8e8;}
#content .news-list-table td{vertical-align:top;border:none !important;}
.news-list-title{display:block;font-size: 1.5rem;font-weight: bold;line-height: 1.333;}
.news-list-dates{font-style:initial;font-size:.75em;border:0;padding:0;margin-block:.75rem;}
.news-list-date, .news-list-date.duration, .news-list-date.status, .news-read-date{font-size:1em;color:var(--color-secondary);}
.news-list-lead{font-size:1rem;line-height:1.5;}
.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-more{margin-top:2ch;}
.news-list-more-link a{font-weight:bold;font-size:1.25rem;}
.news-list-block .downloads-inline{display:none;}

.staff-label{display:block;padding:5px 8px;background:var(--color-primary);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:#eee;}
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(--color-primary);color:#fff;border-radius:3px;}
.important-link:hover{background:#000;color:#fff;}

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

.show-hide{border: 1px solid rgba(0,0,0,0.15);border-radius: 0.8rem;margin: 2rem 0;}
.show-hide + .show-hide {margin-top: 2em;}
.show-hide-head{transition:0.5s;cursor:pointer;background:#fff;color:var(--color-primary);border-radius:0.8rem;border: 0;line-height:1.2;font-size:100%;transition:300ms;padding: 0;}
.show-hide-head h3{margin: 0;padding: 1rem 1rem 1rem 3rem;line-height: 1.333;display: block;font-size: 1.215rem;color:var(--dark-color);}
.show-hide-head:hover{background:#eef3f8;color:var(--dark-color);transition: 300ms;}
.show-hide-head.current{background:#eef3f8;color:var(--gray-dark);transition:0.5s;border-radius: 0.8rem 0.8rem 0 0;}
.show-hide-head.current:hover{background:#eef3f8;color:var(--dark-color);transition: 300ms;}
.show-hide-head{display: flex; align-items: center; justify-content: space-between; overflow: hidden;}
.show-hide-photo{width: 100px; aspect-ratio: 1 / 1; object-fit: cover;}
.show-hide-content {padding: .875em 2.5em;}
.show-hide-head h3:before {
    content: '';
    position: relative;
    display: inline-block;
    margin-left: -1.25rem;
    margin-right: .45rem;
    margin-bottom: -.1rem;
    width: 10px;
    height: 10px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--dark-color);
    transform: translate(-50%,-60%) scaleY(-1) rotate(-135deg);
    transition: transform 300ms;
}

.show-hide-head.current h3:before {
    transform: translate(-50%,-20%) rotate(-135deg);
    transition: transform 300ms;
}

.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;}

.i3-show-hide-head{padding-block: .5rem;padding-inline: 1.75rem 1rem;background-position:8px 8px;}
.i3-show-hide-head:hover{background-color:rgba(0,0,0,0.2)}
.i3-show-hide-head,.i3-gallery-list,.i3-embed-list{background-color: #f5f5f5;}
.i3-show-hide-head:hover, .i3-gallery-list:hover, .i3-embed-list:hover{background-color:#eee;}
/* SEARCH FORM */
#page-title-wrap{position:relative;display: block;padding: 0;margin-bottom: 2rem;}
#page-title{display:block;}
body:has(.page-url-home) #page-title-wrap {display: none;}
#search_q_form{position:absolute;top: 20px;right:24px;}
#search_q_input{padding: .5rem;border: 1px solid #adadad;border-radius: 6px;min-width: 200px;}
#search_q_submit{padding: .5rem 1rem;font-size: .85em;vertical-align: middle;}

/********************************************************************************************************************************** PAGINATION */
.news-pagination{display:block;text-align:right;padding: .5em;margin-block: .25rem 2rem;background: #e8e8e8;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{min-width: 3ch;padding-inline: 1ch;margin-inline: .25rem;text-align:center;text-decoration:none;background: var(--color-primary);color:#fff;}
.news-pagination a:hover{background: #64748B;color:#fff;}
.news-pagination-select{cursor:pointer;margin-right: .25rem;}

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

#courses-table{width:100%;border-collapse:collapse;margin:30px 0 20px 0;color: var(--color-secondary);}
#courses-table td{padding: .625em .5em;border: 1px solid var(--dark-color);vertical-align:top;text-align:center;}
#courses-table td:has(> *){text-align:left;}
#courses-table td:last-of-type, .courses-table-semester{text-align: center;}
.courses-table-semester{background-color: #fff;color: var(--dark-color);font-size:130%;font-weight:bold;}
.courses-table-header-td{background-color: var(--dark-color);color: #fff;font-size: 90%;font-weight: bold;text-transform: uppercase;vertical-align: middle;}

.news-categories-block{display:inline-block;margin-block: 1rem .5rem;padding: 0;border-radius:5px;}
#news-category-dropdown{padding: 1ch;border-radius:6px;}

/********************************************************************************************************************************** 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(--color-primary);background-size:60%;border-radius:100%;transition:background 0.5s;z-index:3000;}
#scroll-top:hover{background-color: var(--color-secondary);}

/********************************************************************************************************************************** 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: 1em;font-weight: bold;letter-spacing: .05em;border:none;cursor:pointer;border-radius: 0px;background:var(--color-primary);color:#fff;transition: all 300ms;}
.button:hover, input[type=submit]:hover{text-decoration:none;background:var(--dark-color);color:#fff;transition: all 300ms;}

/********************************************************************************************************************************** DOWNLOADS */
.downloads-block{display:block;padding:8px 10px;margin:5px 0;border-radius:3px;border:0 solid #fff;border-bottom:solid 1px #999;color:#999; background:#eaeaea;}
.downloads-block img{vertical-align:middle;}
.downloads-block a{color:var(--color-primary);}
.downloads-block a:hover{color:#333;}
.downloads-block span{display:block;font-size:10px;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;}

.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:#333;color:#fff;}
.tabs a.selected{background:var(--color-primary);color:#fff;}

.professor-name{font-size:120%;font-weight:bold;}
.professor-content{min-height:120px;margin-top:40px;}
.professor-img{display:block;height:100px;width:100px;background-position:center;background-size:cover;border-radius:100%;background-repeat:no-repeat;float:none;}

.bottom-lines-wrap{padding:0;}
.bottom-lines-wrap span{background-color:var(--dark-color);display:block;margin:4px 0;}
.bottom-lines-wrap span:nth-child(1){height:3px;opacity:0.2;}
.bottom-lines-wrap span:nth-child(2){height:5px;opacity:0.35;}
.bottom-lines-wrap span:nth-child(3){height:7px;opacity:0.5;}
.bottom-lines-wrap span:nth-child(4){height:9px;opacity:0.65;}
.bottom-lines-wrap span:nth-child(5){height:11px;opacity:0.8;}

.page-img{max-width:600px;max-height:500px;margin:15px auto;border-radius:20px;border:5px solid transparent;box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.yt-responsive{width:100%;}

.content-parts-t1{font-size:18px;}
.content-parts-t2{font-size:15px;font-style:italic}
.content-parts-t2 p{padding:8px 12px;margin:10px 0;background-color:var(--light-color);border-radius:20px 20px 0 20px;text-align:right}
.parts-gal-link{display:block;margin:20px auto 10px auto;}
.parts-gal-link img{max-height:400px;max-width:400px;margin:auto;display:block;box-shadow:0px 0px 10px rgba(0,0,0,0.3);transition:0.3s}
.parts-gal-link img:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.7);transition:0.3s}
.parts-gal-caption{text-align:center;font-size:14px}
.content-parts-link{text-align:center;display:block;font-size:20px;margin:10px 0;font-weight:bold;}

.content-parts-t2 p.data-quote{background-color:#eee;border-radius:20px;text-align:justify;font-style:normal;}
.about-data-table td{padding:3px 6px;text-align:center;}
.about-data-table td p{margin:0;padding:0;}
.about-data-table tr:nth-child(odd){background-color:#fdfdfd}
.about-data-table tr:nth-child(even){background-color:#f4f4f4}
.about-data-table tr:nth-child(1){background-color:var(--light-color)}

.glh-img{border-radius:100%;}

.row.digital-exhibition-row{margin-bottom:30px;border-radius:20px;padding:15px 5px;}
.row.digital-exhibition-row:nth-child(odd){background-color:#f5fafc;}
.row.digital-exhibition-row:nth-child(even){background-color:#ecf5fa;}

.bg-art-info{position: absolute; bottom: 20px; right: 20px; display: inline-block; line-height: 1.1; font-size: 12px; font-style: italic; color: #fff; text-shadow: 1px  1px 1px #000; text-align: right;}


/******************************************** MEDIA QUERIES */
/* SMALL 768px to 991px */
@media (min-width: 768px) { 
	body{font-size: 18px;line-height: 1.5;}
	.t-right.center-xs{text-align:right}
	.center-xs, .t-left.center-xs{text-align:left}
	.img-left{float:left;margin:0px 20px 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;}
	.professor-img{float:right;}
	.news-list-more.no-thumb .news-list-more-link{width:75%;margin-top:10px;}
	.news-list-block .i3-show-hide{max-width:75%}
	.content-parts-t1{text-align:justify}
}

@media (min-width: 992px) { /*md*/
	.page-content,.news-read-text{text-align:justify;}
	.site-name{font-size:1.15em;}
	.uni-name{display:block;}
    .pills-wrap{gap:2rem;}
    .pill{font-size: 1.5rem;}
	.content-wrap{padding:120px 0;}
    
}

@media (min-width: 1200px) { /*lg*/
	.slider-txt{padding-top: 0;}
    #footer-menu{display:table;}
    .bottom-logo{height:120px; width:120px;}
}