html{margin:0;padding:0;height:100%;overflow-y:scroll;}
body{margin:0;padding:0;height:100%;font-size:14px;line-height:1.5;font-family:'Arial',sans-serif;color:#0b0b0b;background:#dedede no-repeat bottom right;}
#main{position:relative;width:100%;min-height:100%;margin:0 auto;}
/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}
.t-justify{text-align:justify;}
a{color:#294866;text-decoration:none;}
a:hover{color:#a03742;}
a img{border:none;}
a {outline:none;}
p{margin:6px 0;}
ul, ol{margin-left:20px;}
hr{display:block;clear:both;margin:20px 0;padding:0;height:1px;border:none;background:#294866;}
.full-width{width:100%;}
.v-top{vertical-align:top;}
.small{font-size:11px;}
.very-small{font-size:9px;line-height:12px;}
.gray{color:#a1a693;}
.sprite{background-position:top left;background-repeat:no-repeat;}
.sprite:hover{background-position:bottom left;background-repeat:no-repeat;}
.clear{clear:both;}
.clear-space{clear:both;height:20px;}
.light-link{color:#294866;text-decoration:none;font-size:120%;}
.light-link:hover{color:#fff}
/********************************************************************************************************************************** HEADER */
#header-wrap { position: relative; width: 100%; min-height: 250px; padding-bottom: 40px; background:url(../images/layout/athens.jpg) no-repeat top #294866; background-size: cover; }
#header-wrap.header-wrap-home{min-height: 650px;}
#header { position: relative; }
.header-content { margin-top: 20px; }
#header-title { display: block; color: #fff; background-color: #000; padding: 5px 10px; margin:10px 0 30px 0; font-size: 20px; font-weight: bold; text-decoration: none; }
#header-title span { color: #fff; background-color: #000; padding: 5px 10px; font-size: 16px; font-weight: normal; text-decoration: none; }
#logo { display: inline-block; margin-bottom: 30px;}
#logo img{max-width: 100%; width:350px;}
#ihrc-logo { max-width: 100%; width:80px; }
/********************************************************************************************************************************** CONTENT */
#content-wrap{width:100%;margin:30px 0;}
.uc{padding:40px 0;text-align:center;font-size:20px;color:#606a77;}
h1,h2,h3,h4,h5{color:#000;font-weight:normal;}
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;}
.important{padding:8px 16px;background:#191919;border-radius:3px;color:#fff;}
.important h1,.important h2,.important h3,.important h4,.important h5{color:#fff;}
.very-important{padding:8px 16px;background:#191919;border-radius:3px;color:#fff;font-size:18px;}
/********************************************************************************************************************************** LEFT */
#right{display:block;min-height:200px;padding-left:20px;}
#menu a{display:block;padding:6px 0 6px 10px;font-size:16px;border-bottom:1px solid #294866;color:#3f4144;border-left:5px solid #294866;transition:border 0.3s;}
#menu a:hover{color:#a03742;border-left:20px solid #a03742;}
#menu a.selected{color:#a03742;border-left:20px solid #a03742;border-bottom:1px solid #a03742;}
/********************************************************************************************************************************** FOOTER */
#clear-footer{position:relative;height:110px;}
#footer-wrap{position:relative;width:100%;height:auto;background: #303438;border-bottom:10px solid #0b0b0b;}
.bottom-logo {display: block;margin: 20px auto;width: 200px;max-width: 100%;height: 100px;object-fit: contain;}
.footer-info{background:rgba(255,255,255,0.6); padding:10px;}
#footer a {color: #000;}
/********************************************************************************************************************************** FORM */
.form-table{width:100%;border-collapse:collapse;}
.form-table td{ border:none;padding:5px 8px;vertical-align:top; }
.form-table td.t-right{ border-right:1px dotted #D0D0D0; }
.red{ color:red; }
.form-table input[type=text], .form-table input[type=password], .form-table textarea, .form-table select{width:250px;padding:3px 6px;color:#666666;border:1px solid #D0D0D0;border-radius:5px;}
.button, input[type=submit]{display:inline-block;padding:6px 24px;background-color:#0b0b0b;color:#fff;border:none;cursor:pointer;border-radius:10px;font-size:12px;font-family:'Century Gothic',sans-serif;}
.button:hover, input[type=submit]:hover{background-color:#686868;color:#fff;border:none;}
/********************************************************************************************************************************** TABLES */
.program-table{border-collapse:collapse;}
.program-table td{padding:4px 6px;text-align:center;border:1px solid #2e86a4;}
/********************************************************************************************************************************** DOWNLOADS */
.db-container{padding:8px 8px;background:#999;border-radius:8px;margin-bottom:10px;}
.db-img{vertical-align:middle;}
.db-link{color:#000;}
.db-info{font-size:11px;font-style:italic;color:#000;}
/********************************************************************************************************************************** SPRITES */
#nb{display:inline-block; margin-top:4px; width:200px; height:58px; background: url('../images/layout/nb.png') no-repeat top;}
#nb:hover{background: url('../images/layout/nb.png') no-repeat bottom;}
#ethemis{display:inline-block; margin-top:4px; width:200px; height:58px; background: url('../images/layout/ethemis.png') no-repeat top;}
#ethemis:hover{background: url('../images/layout/ethemis.png') no-repeat bottom;}
#ionio { display: inline-block; margin-top: 4px; width: 230px; height: 88px; padding: 15px; background: #303438 url('../images/layout/ionio.png') no-repeat center; background-size: 200px 58px; }
/******************************************************************************************************************************* TOOLTIP LOCAL */
#tooltip{border:0;}
#tooltip h3 {color:#fff;padding:8px 14px;font-size:10px;background-color:#0b0b0b;border:0;text-align:left;border-radius:5px;}
/********************************************************************************************************************************** MAP */
#gmap {width:100%;height:360px;border:1px solid #C9C9C9;}
.gmap-content{width:250px;height:50px;color:#000;text-align:center;}
a.gmap-content-link:hover{color:#000;}
/********************************************************************************************************************************** CAPTCHA */
#captcha-container {font-size:11px;}
#captcha-img, #new-captcha-img {width: 130px; height: 40px; margin: 4px 0; border:solid 1px #0b0b0b;}
#captcha {width: 130px; font-size: 14px; font-weight: 900; border:solid 1px #0b0b0b; margin-top: 6px;}
#captchaimage {display: inline-block; float: left; }
#captcha-refresh {display: inline-block; margin: 17px 0 0 7px;}
#captcha-required {font-weight:900; color: #ff0000;}
.captcha-clear {clear: both;}
/********************************************************************************************************************************** GALLERIES */
.u3-gallery-preloader{text-align:center;padding:10% 0;}
.u3-gallery-thumb{display:inline-block;width:92px;height:75px;margin:2px;opacity:0.8;}
.u3-gallery-thumb:hover{opacity:1;}
.u3-gallery-thumb a{display:block;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
/********************************************************************************************************************************** COMMITTEES */
.conference-committees { padding: 10px 0 30px; color: #333; }
.conference-title { margin: 0 0 30px; padding-bottom: 15px; border-bottom: 2px solid #294866; color: #294866; font-size: 26px; font-weight: 600; letter-spacing: .2px; }
.committee-section { margin-bottom: 40px; }
.committee-heading { margin: 0 0 22px; padding-left: 14px; border-left: 4px solid #294866; color: #294866; font-size: 20px; font-weight: 600; line-height: 1.4; }
.committee-card { margin-bottom: 20px; padding: 20px; border: 1px solid #dce2e8; background: #f8f9fa; }
.committee-name { color: #263d52; font-size: 18px; font-weight: 600; line-height: 1.4; }
.committee-role { margin-top: 4px; color: #6b7885; font-size: 14px; }
.committee-email { margin-top: 7px; font-size: 14px; }
.committee-email a { color: #35698f; text-decoration: none; }
.committee-email a:hover { color: #294866; text-decoration: underline; }
.committee-subheading { margin: 15px 0 18px; padding: 11px 15px; border-top: 1px solid #dce2e8; border-bottom: 1px solid #dce2e8; color: #294866; font-size: 17px; font-weight: 600; }
.committee-local-chair { margin-bottom: 0; }
.committee-members { border-top: 1px solid #dce2e8; border-left: 1px solid #dce2e8; margin-left:0px; }
.committee-members > div { padding: 13px 15px; border-right: 1px solid #dce2e8; border-bottom: 1px solid #dce2e8; border-left: 1px solid #dce2e8; background: #fff; color: #3d4b57; font-size: 15px; line-height: 1.45; }
.committee-members > div:nth-child(even) { background: #f8f9fa; }
.organizing-chair { font-size: 16px; }
.organizing-chair .committee-role { display: inline; margin-right: 5px; }
.organizing-chair strong { color: #263d52; font-weight: 600; }
/********************************************************************************************************************************** CALL FOR PAPERS */
.conference-call { padding: 10px 0 30px; color: #333; }
.conference-theme { margin-bottom: 30px; padding: 18px 20px; border-left: 4px solid #294866; background: #f4f6f8; }
.conference-theme-label { margin-bottom: 6px; color: #6b7885; font-size: 12px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; }
.conference-theme-title { color: #294866; font-size: 21px; font-weight: 600; line-height: 1.4; }
.call-section { margin-bottom: 42px; }
.call-heading { margin: 0 0 20px; padding-left: 14px; border-left: 4px solid #294866; color: #294866; font-size: 20px; font-weight: 600; line-height: 1.4; }
.topics-list { margin-top: 20px; }
.topics-list ul { margin: 0 0 20px; padding-left: 22px; }
.topics-list li { margin-bottom: 9px; padding-left: 4px; color: #3d4b57; line-height: 1.5; }
.topics-list li::marker { color: #294866; }
.submission-box { margin-top: 22px; padding: 22px 25px; border: 1px solid #dce2e8; border-left: 4px solid #294866; background: #f8f9fa; }
.submission-box p:last-child { margin-bottom: 0; }
.important-dates { border-top: 1px solid #dce2e8; }
.important-date { display: table; width: 100%; border-bottom: 1px solid #dce2e8; }
.important-date-number { display: table-cell; width: 50px; padding: 18px 5px; vertical-align: top; color: #294866; font-size: 16px; font-weight: 600; text-align: center; background: #f4f6f8; }
.important-date-content { display: table-cell; padding: 16px 15px; vertical-align: middle; }
.important-date-title { color: #3d4b57; font-size: 15px; line-height: 1.45; }
.important-date-date { margin-top: 4px; color: #294866; font-size: 17px; font-weight: 600; }
.important-date-note { margin-top: 7px; color: #6b7885; font-size: 13px; line-height: 1.5; }
/*********************************************************************************************************************************** HOME */
.conference-home { padding: 10px 0 30px; color: #333; }
.conference-home-date { margin: -15px 0 28px; color: #536473; font-size: 17px; line-height: 1.5; }
.conference-home .conference-theme { margin-bottom: 35px; }
.conference-intro { margin-bottom: 40px; }
.conference-intro p { margin-bottom: 20px; line-height: 1.7; }
.conference-intro a, .conference-home-submissions a { color: #35698f; text-decoration: none; }
.conference-intro a:hover, .conference-home-submissions a:hover { color: #294866; text-decoration: underline; }
.conference-home .call-section { margin-bottom: 40px; }
.conference-home .topics-list { margin-top: 0; }
.conference-home .topics-list ul { margin-bottom: 20px; }
.conference-home-submissions { margin-top: 10px; padding: 22px 25px; border: 1px solid #dce2e8; border-left: 4px solid #294866; background: #f8f9fa; }
.conference-home-submissions p { margin-bottom: 0; line-height: 1.7; }
/********************************************************************************************************************************** SPEAKERS */
.conference-speakers { padding: 10px 0 30px; color: #333; }
.speaker-section { margin-bottom: 40px; }
.speaker-card { padding: 25px; border: 1px solid #dce2e8; border-left: 4px solid #294866; background: #f8f9fa; }
.speaker-name { margin: 0 0 7px; color: #294866; font-size: 21px; font-weight: 600; line-height: 1.4; }
.speaker-role { color: #3f4144; font-size: 15px; font-weight: 600; line-height: 1.5; }
.speaker-img { margin-top: 18px; margin-bottom: 20px; }
.speaker-img img { display: block; width: 300px; height: 300px; object-fit: cover; }
.speaker-affiliation { margin-top: 5px; color: #6b7885; font-size: 14px; line-height: 1.5; }
.speaker-bio { margin-top: 22px; color: #3d4b57; font-size: 15px; line-height: 1.7; }
.speaker-bio p { margin-bottom: 18px; }
.speaker-bio p:last-child { margin-bottom: 0; }
.speaker-link { margin-top: 20px; padding-top: 15px; border-top: 1px solid #dce2e8; font-size: 14px; }
.speaker-link a { color: #35698f; text-decoration: none; }
.speaker-link a:hover { color: #294866; text-decoration: underline; }
.keynote-title{ margin-top: 10px; color: #3f4144; font-size: 18px; font-weight: 600; line-height: 1.5;}
.keynote-title span {font-size: 16px;}
/********************************************************************************************************************************** SPECIAL SESSION */
.conference-special-session { padding: 10px 0 30px; color: #333; }
.special-session-intro { margin-bottom: 35px; }
.special-session-intro p { line-height: 1.7; }
.special-session-intro a { color: #35698f; text-decoration: none; }
.special-session-intro a:hover { color: #294866; text-decoration: underline; }
.special-session-speaker { border-left-color: #536473; }
.special-session-speaker .speaker-affiliation { color: #536473; font-size: 15px; font-weight: 600; }
.special-session-invited { margin-top: 45px; }
.special-session-invited .speaker-card { margin-top: 22px; }
.special-session-invited .speaker-link { margin-top: 15px; }
.proc-img { margin-top: 18px; margin-bottom: 20px; }
.proc-img img { display: block; width: 300px; height: auto; object-fit: cover; }
/********************************************************************************************************************************** MEDIA QUERIES */
@media (min-width: 768px) {
.conference-home-date {
margin-top: -20px;
margin-bottom: 35px;
font-size: 18px;
}
.conference-intro {
margin-bottom: 45px;
}
.conference-intro p {
line-height: 1.75;
}
.conference-home .topics-list .col-sm-6:first-child {
padding-right: 30px;
}
.conference-home .topics-list .col-sm-6:last-child {
padding-left: 30px;
}
.conference-home-submissions {
padding: 25px 30px;
}
.conference-title {
font-size: 30px;
margin-bottom: 35px;
}
.committee-heading,
.call-heading {
font-size: 22px;
}
.committee-card {
min-height: 96px;
}
.committee-members > div {
min-height: 48px;
}
.conference-theme {
padding: 22px 25px;
}
.conference-theme-title {
font-size: 26px;
}
.topics-list .col-sm-6:first-child {
padding-right: 30px;
}
.topics-list .col-sm-6:last-child {
padding-left: 30px;
}
.important-date-number {
width: 75px;
padding: 20px 10px;
}
.important-date-content {
padding: 18px 20px;
}
.committee-members {
border-left: 1px solid #dce2e8;
}
.committee-members > div {
border-left: 0;
}
.speaker-card {
padding: 30px;
}
.speaker-name {
font-size: 23px;
}
.speaker-bio {
max-width: 950px;
font-size: 15px;
line-height: 1.75;
}
.special-session-intro {
margin-bottom: 40px;
}
.special-session-speaker {
padding: 30px;
}
.special-session-invited {
margin-top: 50px;
}
}