@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600&display=swap');

:root {
    --sinol-color-primary: #0b2031;
    --sinol-color-secondary: #da5f02;
    --sinol-color-tertiary: #756fb3;
    --sinol-color-text: #151719;
    --sinol-bg-offwhite: #e6e6e6;
    --sinol-bg-whiteblue: #eef3f8;
	--sinol-bg-whiteblue2: #cadae9;
    --sinol-transition-duration: 300ms;
    --sinol-corners-radius: 15px;
    --sinol-spacing-small: .475em;
}

html{margin:0;padding:0;height:100%;min-height:700px;overflow-y:scroll;font-family:'Source Sans 3', 'Roboto', 'Arial', sans-serif;color: var(--dmc--color-secondary);background:#fff;}
body{margin:0;padding:0;min-height:100%;min-width:280px;font-size:16px;line-height:1.5;position:relative;color: var(--sinol-color-text);}
.wrap{width:100%;padding:50px 0;}
.right-column {padding-top: 6px;text-align:center;}
.right-column img {margin-bottom: 5px;}
img{max-width:100%}

/********************************************************************************************************************************** COMMON ELEMENTS */
.link, a{text-decoration:none;cursor:pointer;outline:none;color: var(--sinol-color-secondary);}
.link:hover, a:hover{text-decoration: underline;}
a img{border:none;}
ul, ol{margin: 15px 0 15px 20px;}
li {margin: 1em 0px;}
li::marker {color: var(--sinol-color-secondary);}
hr{display:block;clear:both;height:1px;margin:20px 0;padding:0;border:none;background: rgb(27 28 38 / 15%);}
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: 0;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{color: var(--sinol-color-primary);font-weight: 600;margin-bottom:0.5em;}
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;}
.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(--sinol-color-primary);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:0px;background-color: var(--sinol-color-primary);background-position:bottom;background-size:cover;background-image: url(../images/layout/header_bg.jpg);min-height:300px;}

.header-home ~ .content-wrap #page-title-wrap {display: none;}
.logo-img{max-width: 80%;}

.top-menu-wrap{padding:15px 0;background:#fff;color:#000;}

.menu{display:inline-block;text-align:right;margin-top:18px;}
#non-jq-menu, .non-jq-menu-item{display:inline-block;}
.non-jq-menu-item a{display:inline-block;margin:0 0 0 8px;padding-bottom:10px;color:#000;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:0;left: 0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index: -1;}

.top-logos{position:absolute;top:10px;right:80px;text-align:right;}
.top-logos img{height:70px;}

/********************************************************************************************************************************** MENU */
.menu-container{position:relative;display:inline-block;vertical-align:bottom;margin-top:4px}
#jq-menu{width:auto;margin:0 auto;}
#jq-menu td{text-align:center;padding: 0;}
#jq-menu{position:relative;border:none;}
#jq-menu .jq-menu-item{position:relative;display:block;border:none;margin:0;padding:0;}
#jq-menu .jq-menu-item a{font-size: 14px;position:relative;display:block;font-weight:bold;padding:15px 10px;background-color:transparent;cursor:pointer;background-position:right;background-repeat:no-repeat;line-height:1;}
#jq-menu .jq-menu-item a.more{background-image:url(../images/layout/menu_more2.png);}
#jq-menu .jq-menu-item:hover a, #jq-menu .jq-menu-item:hover a.selected{color: var(--sinol-color-secondary);background-color:transparent;}
#jq-menu .jq-menu-item:hover a.more{background-image:url(../images/layout/menu_more2.png);}
#jq-menu .jq-menu-item a.selected{color: var(--sinol-color-tertiary);background-color:transparent;}
#jq-menu .jq-submenu{display:none;position:absolute;top: 0;left: 0;padding: 0;width:300px;background:#fff;border-radius: 0;box-shadow: 0 16px 28px 0 rgba(0,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.25rem 1rem;background-color:transparent;font-weight:bold;background-image:none;cursor:pointer;text-align:left;white-space:normal;line-height:1.3;min-width:250px;font-size: 16px;color: var(--sinol-color-tertiary);}
#jq-menu .jq-submenu .jq-menu-item a.more{background-image:url(../images/layout/menu_more_sub.png);background-position:right;background-repeat:no-repeat;}
#jq-menu .jq-submenu .jq-menu-item a.selected{opacity:1;color: var(--sinol-color-primary);}
#jq-menu .jq-submenu .jq-menu-item:hover > a{background-image:none;opacity:1;color: var(--sinol-color-secondary);}
#jq-menu .jq-submenu .jq-menu-item:hover > a.more{background-image:url(../images/layout/menu_more_sub.png);}
#jq-menu .jq-submenu .jq-submenu{border-left:1px solid #fff;}
#jq-menu td > .jq-menu-item > a {position: relative;transition: color 250ms;}
#jq-menu td > .jq-menu-item > a {display: flex;align-items: center;justify-content: space-between;padding-block: 1rem;}
#jq-menu td > .jq-menu-item > a::before, #jq-menu td > .jq-menu-item > a::after {content: '';width: 2px;height: .75lh;background-color: var(--sinol-color-tertiary);opacity:0;transition: opacity 250ms;}
.jq-submenu div + div > a {border-top: 1px solid #E4E9EA;}

#mobile-menu-wrap{width:100%;background:transparent;text-align:center; margin-top: 6px;}
#mobile-menu-overlay{position:fixed;top: 0;left: 0;width:100%;height:100%;display:none;background: rgba(0,0,0,0.54);z-index:4000;}
#mobile-menu-items{position:relative;display:none;background: var(--sinol-color-tertiaryF);backdrop-filter: blur(5px);border-radius: var(--sinol-corners-radius);padding:10px;text-align:left;z-index:5000;}
#icon-menu{cursor:pointer;}
.mobile-menu-item a{display:block;font-size:18px;color: #fff;padding:6px 10px;font-weight: 600;}
.mobile-menu-item a:hover, .mobile-menu-item.selected a{border-radius: var(--sinol-corners-radius);color: var(--sinol-color-primary);background-repeat:no-repeat;background-position:right;}
.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);}
.mobile-menu-submenu {margin-left: 2ch;}
.mobile-menu-submenu a {font-weight: 300;}

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

.footer-wrap{background-color: var(--sinol-bg-whiteblue2);color: #000;font-size: 1rem;line-height:1.8;}
#footer-logo{max-width:210px;}
.footer-wrap h3 {line-height: 1;letter-spacing: 0px;margin-bottom: 1em;font-weight: bold;color: inherit;}
.footer-wrap ul {list-style: none;margin-left: 0;}
.footer-wrap li {margin: var(--sinol-spacing-small) 0;}
.footer-wrap a{font-weight: 600;color: var(--sinol-color-tertiary);}


.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: #0b2132;}
.subpages-wrap .subpages-2 li:first-child {margin-top: 1em;}

.subpages-desc-top {display: none;}
.subpages-wrap ul {display: grid;gap: 1em;grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));align-items: start;margin: 3em 0 0;list-style: 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: 0;background-color: var(--sinol-bg-whiteblue);overflow: hidden;position: relative;font-size: 18px;margin:0;}
.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(--sinol-color-secondary);}
.subpages-wrap .subpages-desc {margin: 1em 0;padding: 0 24px 0;}
.subpages-wrap ul li a:after {content: '';display: inline;color: var(--sinol-color-tertiary);border-style: solid;border-width: 8px 0 8px 8px;border-color: transparent transparent transparent #fff;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;}

/*
.slider-box{display:block;padding:30px 0;color:#fff;}
.slider-pretitle,.slider-subtitle{font-size:18px;}
.slider-pretitle {text-transform: uppercase;}
.slider-title{font-size:2em;font-weight:bold;line-height: 1.25;margin-block: .75em;color: var(--sinol-color-tertiary);}
*/
.slider-wrap{padding:30px 0 0 0;background:url(../images/layout/slider_bg.jpg) no-repeat center;background-size:cover;}
.slider-part{padding: 5vh 0 30px 0;min-height: 40vh;text-align:center;}
.slider-part img{max-width:100%;max-height:400px;border:10px solid #fff;}
.slider-title{display:block;font-size:18px;margin-bottom:30px;line-height:1.4;color:var(--sinol-color-primary);}
.slider-lead{display:none;color:var(--sinol-bg-offwhite);margin-bottom:30px;font-size:12px;}
#slider-controls{position:relative;display:block;padding:0;width:100%;background:#f2f2f2;}
.controls{margin:0;padding:0;text-align:center;}
.controls li{display:inline-block;margin:0;padding:0;}
.controls li a{display:inline-block;margin:0 5px;padding:0;width:14px;height:14px;line-height:30px;border-radius:100%;background:#6392a8;font-size:0px;}
.controls li a:hover, .controls li.current a{background:#0b2031;}
.slider-prev,.slider-next{position:absolute;top:-50vh;display:block;width:60px;height:60px;text-align:center;color:#fff;background-color:transparent;background-repeat:no-repeat;background-position:center;border-radius:100%;border:1px solid #fff;}
.slider-prev{left:20px;background-image:url(../images/layout/slider_prev.png);}
.slider-next{right:20px;background-image:url(../images/layout/slider_next.png);}
.slider-prev:hover,.slider-next:hover{background-color:rgba(255,255,255,0.3);}

#schedule {border-bottom: solid 6px #1f7298; border-radius: 24px; font-weight:700; 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;}
#langs{position:fixed;top:120px;right:20px;z-index: 999;}
#langs .lang-link{display:block;margin:5px;}
#langs img{border-radius:100%;opacity:0.8;transition:var(--sinol-transition-duration)}
#langs:hover img,#langs .lang-link.selected img{border-radius:100%;opacity:1;transition:var(--sinol-transition-duration)}
#accessibility-wrap{top:220px;}

.curriculum-table{width:100%;border-collapse:collapse;margin:30px 0 20px 0;color: var(--sinol-color-text);}
.curriculum-table td{padding: .625em var(--sinol-spacing-small);border: 1px solid var(--sinol-color-primary);vertical-align:top;}
.curriculum-table td:last-of-type, .semester-row {text-align: center;}
tr.semester-row td{background-color: #fff;color: var(--sinol-color-primary);font-size:130%;font-weight:bold;}
tr.headers-row td{background-color: var(--sinol-color-primary);color: #fff;font-size: 90%;font-weight: bold;text-transform: uppercase;vertical-align: middle;}

.news-list-table{margin-top:10px;}
.news-read-title{font-size: 2.375rem;color: var(--sinol-color-secondary);margin: 0;line-height: 1.25;}
/*.news-read-text{ padding-top:20px; }*/
.news-list-block, .candidates-list-block{padding: 1em;border: 1px solid #dadce0;border-radius: var(--sinol-corners-radius);}
#content .news-list-table td{vertical-align:top;border:none !important;}
.news-list-title{display:block;margin: 0;margin-bottom: .5em;font-size: 1.5rem;font-weight: bold;line-height: 1.25;transition:all 250ms;}
.news-list-dates {padding: 0 0 1em;margin: 0 0 .5em;border: none;border-radius: 0;line-height: 1.7;}
.news-list-date, .news-read-date{font-size: 14px;font-style: normal;color: #626262;}
.news-list-lead, .candidates-list-lead{font-size: 1rem;line-height: 1.475;}
.news-list-info, .candidates-list-info{padding:6px;font-size:10px;background:#000;color:#fff;}
.news-list-nothumb, .candidates-list-nothumb{background:url(https://ionio.gr/central/commons/images/various/nothumb.png) no-repeat center var(--sinol-bg-offwhite);}
.news-list-block .downloads-inline, .candidates-list-block .downloads-inline{display:none;}
.news-list-block + .news-list-block, .candidates-list-block + .news-list-block {margin-top: 2em;}
.news-list-more, .candidates-list-more {margin-top: 1em;font-weight: bold;}
.news-list-more-link a, .candidates-list-more-link a {display: flex;align-items: center;justify-content: flex-end;letter-spacing: .05em;transition:all 250ms;}

.i3-show-hide-head {padding: var(--sinol-spacing-small) 1em var(--sinol-spacing-small) 2em;background-position: 10px center;background-color: hsl(190deg 0% 95%);color: inherit;}
.button.show-hide-all {padding: .75em 1em;}



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

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

.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%;padding: 0;margin: 0;border-radius:0;color: var(--sinol-color-primary);}
#page-title{font-size: 2.375rem;font-weight: bold;color: var(--sinol-color-tertiary);display:block;text-align:left;position: relative;margin-bottom: 1.5em;}

#search_q_form{position:absolute;top:11px;right:24px;}
#search_q_input{padding:4px;border:1px solid #ADADAD;background:var(--sinol-bg-offwhite);width:200px}
#search_q_submit{margin-left:5px;padding:5px 12px;font-size:12px;}
#search_q_submit, #search_q_form, #search_q_input {font-family: inherit;}

/********************************************************************************************************************************** PAGINATION */
.news-pagination{display:block;min-height: 38px;line-height:24px;text-align:right;padding: var(--sinol-spacing-small);margin: 0 0 2em 0;background:var(--sinol-bg-offwhite);border-radius: var(--sinol-corners-radius);}
.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: var(--sinol-color-primary);color:#fff;}
.news-pagination a:hover{background: var(--sinol-color-secondary);}
.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 #007698;}

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

/********************************************************************************************************************************** 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:var(--sinol-bg-offwhite);}
.button, input[type=submit]{display: inline-flex;align-items: center;width: fit-content;padding:15px 25px;font-weight: bold;font-size: 1.15rem;cursor: pointer;transition: all 250ms;border-radius: 0;border: 0;background: var(--sinol-color-tertiary);color:#fff;line-height: 1.3;}
.button.secondary, .button.show-hide-all {background: var(--sinol-color-tertiary);border-color: var(--sinol-color-primary);color: #fff;}
.button:hover, .button.secondary:hover, input[type=submit]:hover{text-decoration:none;background: var(--sinol-color-secondary);color:#fff;}

/********************************************************************************************************************************** DOWNLOADS */
.downloads-block {display: block;padding: 12px 64px 12px 18px;margin: 1em 0;color: #000;border: none;background-color: var(--sinol-bg-offwhite);border-radius: var(--sinol-corners-radius);}
.downloads-block img{vertical-align:middle;}
.downloads-block a{font-weight: bold;color: var(--sinol-color-tertiary);display: inline-block;}
.downloads-block a:hover {color: var(--sinol-color-secondary);}

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

.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:#064580;color:#fff;}


#enroll-banner{width:100%;display:block;border-radius: var(--sinol-corners-radius);border:3px solid #888888;}
a:hover #enroll-banner{border:3px solid var(--sinol-color-primary);}

#gdpr-wrap{background-color: var(--sinol-bg-whiteblue);}
#gdpr-wrap a{color: var(--sinol-color-secondary);}

.left-title{display:block;font-size: 1.375em;padding: 1em;margin-bottom:0;background: var(--sinol-color-primary);color:#fff;text-align: left;border-radius:15px 15px 0 0;}
#left-menu{display:block;padding: 1em 0;background: var(--sinol-bg-offwhite);font-size:16px;text-align: left;border-radius: 0 0 .8rem .8rem;border: 1px solid var(--sinol-bg-offwhite);border-top:0;}
#left-menu ul, #left-menu li{list-style-type:none;list-style-image:none;margin:0;padding:0;}
#left-menu li a{display:block;padding: .625em 1.375em;line-height: 1.5;color: var(--sinol-color-primary);}
#left-menu li a:hover{color: var(--sinol-color-secondary);}
#left-menu li a.selected{font-weight: bold; pointer-events: none;}
#left-menu li a.selected:hover{color: var(--sinol-color-primary); cursor: default;}
#left-menu li li a{font-size:90%;padding-left:20px;font-weight:normal; line-height: 1.333;}

#breadcrumbs-wrap{padding: 1rem 0 1rem .5rem;line-height:1;background-color: var(--sinol-color-secondary);color: #fff;font-size: 16px;}
#breadcrumbs-wrap .container{padding: 0 15px;}
#breadcrumbs-wrap a:first-child{padding-left: 0;}
#breadcrumbs-wrap a, .bc-item{display:inline-block;vertical-align:middle;padding: 0 10px;}
.bc-item{font-weight: 700;color: #fff;}
#breadcrumbs-wrap a{color: #fff;}
#breadcrumbs-wrap a:hover{color: var(--sinol-color-tertiary);}
.bc-sep{font-size: 0;color:var(--sinol-color-primary);display:inline-block;vertical-align:middle;width:8px;height:8px;border-right: 2px solid #fff;border-top: 2px solid #fff;transform: rotate(45deg);}
#breadcrumbs-wrap:hover .bc-sep{border-color: #fff;}

/************************************************************* SHOW HIDE */
.mid-title{display:block;padding:10px 15px;background:#424242;color:#fff;border-radius:5px;font-size:130%;font-weight:bold;border:2px solid #000}
.show-hide + .show-hide {margin-top: 2em;}
.show-hide {border: 1px solid #ddd; border-radius: .8rem; margin-block: 2em; transition: all 250ms;}
.show-hide-head {background: #fff; color: var(--sinol-color-secondary); border-radius: .8rem; cursor: pointer; transition: 250ms;}
.show-hide-head{display: block; margin: 0; padding: 1em; padding-left: 2em; line-height: 1.333; font-size: 1.215rem;}
.show-hide-head:hover, .show-hide-head.current {background-color: var(--sinol-bg-whiteblue);transition: 350ms;}
.show-hide-head.current {border-radius:.8rem .8rem 0 0;transition: 350ms;}
.show-hide-content {padding: 1rem 2.5rem; border-top: 1px solid #ddd;}
.show-hide-head::before {
    content: '';
    position: relative;
    display: inline-block;
    margin-left: -1rem;
    margin-right: .45rem;
    margin-bottom: -.1rem;
    width: 10px;
    height: 10px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--dflti-blue);
    transform: translate(-50%, -60%) scaleY(-1) rotate(-135deg);
    transition: transform 300ms;
}

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

.secreteriat-hours-box{display: block;padding: 1em;background: var(--sinol-bg-offwhite);font-size: 16px;text-align: left;border-radius: 0 0 var(--sinol-corners-radius) var(--sinol-corners-radius);border: 1px solid var(--sinol-bg-offwhite);border-top: 0;}
.secreteriat-hours-box p{margin:0;}

.hero-container{padding:0}
.hero{text-align:center;padding:0}
.hero h1{font-weight:400}
.hero p{font-size:115%}
span.highlight{font-weight:600;box-shadow:#fff 0 -4px 0 0 inset,hsla(18, 100%, 62%, .67) 0 -16px 0 0 inset}

.header-home ~ .content-wrap .page-content h2 {border-left: 4px solid var(--sinol-color-primary);padding-left: 1rem;margin-bottom: 1em;}
.header-home ~ .content-wrap .page-content .button {font-size: 1rem;margin-top: 1em;}
.header-home ~ .content-wrap .page-text img {border-radius: var(--sinol-corners-radius);}
.page-text h2, .page-text h3 {margin-top: 2em;}
.page-text h2 + h3 {margin-top: 0;}

.page-text + h2 {font-weight: 600;}
.page-text p:not([style="text-align: center;"]) a[target="_blank"]:after,
.page-text li a[target="_blank"]:after {
     content:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
     margin: 0 .215em;
     display: inline-block;
     color: inherit;
}

.text-content.page-content {font-size: 18px;}
.text-content.page-content>p:first-child {font-size: 115%;}
.page-text img{max-width:100%;}

.testimonial-block{height:100%;position:relative;}

.testimonial-text{position: relative;background: var(--sinol-bg-whiteblue);border-radius: var(--sinol-corners-radius);margin: 1em 0;padding: 1em;font-size: 95%;}
.testimonial-text:after {content: '';position: absolute;left: 10px;bottom: -10px;border-style: solid;border-width: 12px 12px 0 12px;border-color: var(--sinol-bg-whiteblue) transparent transparent transparent;}

.testimonial-name{position: relative;margin: 1em 2em 2em;font-weight: 600;}
.testimonial-name:before {content: '';width: 8px;height: 8px;background: var(--sinol-color-secondary);position: absolute;left: 2px;top: 30%;border-radius: 8px;margin-left: -1em;}


#jq-menu .jq-menu-item a {font-size: 18px;color: #000;}
#jq-menu .jq-menu-item a:hover {color:var(--sinol-color-secondary);text-decoration: none;}

.footer-wrap .container- {background-image: radial-gradient(rgba(0, 0, 0, 0), rgb(250, 250, 250), rgb(250, 250, 250), rgba(0, 0, 0, 0));}
.button:not([href*="go(-1)"])::after, .news-list-more-link a::after{content: var(--arrow-icon);display: inline-block;height: 24px;vertical-align: top;}

.sidebar-logo{display:block;max-width:120px;margin:0 auto 20px auto;}

.home-box{display:block;position:relative;text-align:center;padding:40px;border:4px solid var(--sinol-color-primary);background:var(--sinol-color-tertiary);color:var(--sinol-color-primary);transition:0.3s;margin-bottom:1rem;border-radius:0;overflow:hidden;}
.home-box p{margin-bottom:30px;}
.home-box-title{display:block;margin:20px 0 10px 0;font-weight:bold;font-size:22px;}
.home-box .button{margin-top:15px;background:var(--sinol-color-primary);}
.home-box img,.home-box span,.home-box div{position:relative;}
.home-box-overlay{position:absolute !important;top:50%;right:50%;width:0%;height:0%;background:var(--sinol-color-secondary);border-radius:100%;transition:0.3s;}
.home-box:hover{text-decoration:none;color:#fff;border-color:var(--sinol-color-secondary);}
.home-box:hover .home-box-overlay{top:0%;right:0%;width:100%;height:100%;border-radius:0%;}
.home-box:hover .button{background:#fff;color:var(--sinol-color-primary);}

.home-box .button:hover{background:#fff;color:#000}

.categories-tabs-wrap{display:block;margin:5px 0 15px 0;}
.categories-tab{display:inline-block;line-height:1;padding:5px 15px;border-radius:20px;margin: 0 5px 5px 0;background:var(--sinol-color-primary);color:#fff;}
.categories-tab.selected{background:var(--sinol-color-secondary);}

.boxes-wrap .color-2 .home-box{border-color:var(--sinol-color-tertiary);}
.boxes-wrap .color-2 .button{background:var(--sinol-color-tertiary);}
.boxes-wrap .color-2 .button:hover{background:#fff;color:#000}
.boxes-wrap img{width:100px;}

.home-wrap-title{text-align:center;font-size:40px;margin:20px auto 10px;text-shadow: 0px 0px 4px var(--sinol-color-secondary);}
.color-2 .home-wrap-title{text-shadow: 0px 0px 4px var(--sinol-color-tertiary);}
.candidates-header-table{width:100%}
.candidates-list-title{display:block;}
.candidates-list-block{margin:5px 0;padding:5px 5px 5px 5px}
.candidates-list-block .i3-show-hide{font-size:14px;}
.candidates-list-thumb{border-radius:10px;display:inherit;margin:0 auto;max-height:120px}
.candidates-list-lead{font-weight:normal;margin:5px 0;}
.candidates-list-download .downloads-block{margin:0;font-size:14px;padding:5px 10px 5px 5px;display:inline-block;border-radius:10px;}
.candidates-list-download .downloads-block span{display:none;}
.i3-show-hide-head.candidates-list-title{font-size:22px;background-color:transparent;color:var(--sinol-color-secondary);padding:0px;background-image:none;}
.no-show-hide-head.candidates-list-title{font-size:22px;}
.i3-show-hide-head.candidates-list-title.current{color:var(--sinol-color-primary)}
.i3-show-hide-head.candidates-list-title:hover{color:var(--sinol-color-tertiary)}
.i3-show-hide-content.candidates-list-text{font-weight:normal;border-bottom:2px solid var(--sinol-color-secondary);margin-bottom:5px}

.ttr-profile{background-color:var(--sinol-bg-whiteblue);padding:5px;border-radius:50px;}
.ttr-profile:hover{background-color:var(--sinol-bg-offwhite);transition:0.3s}
.ttr-profile img{border-radius:100%;}

#courses-table{width:100%;border-collapse:collapse;margin:30px 0 20px 0;color: var(--sinol-color-primary);}
#courses-table td{padding:4px 6px;border: 1px solid var(--sinol-color-primary);vertical-align:top;}
#courses-table td:last-of-type, .semester-row {text-align: center;}
.courses-table-semester{background-color: #fff;color: var(--sinol-color-primary);font-size:130%;font-weight:bold;}
.courses-table-header-td{background-color: var(--sinol-color-primary);color: #fff;font-size: 90%;font-weight: bold;text-transform: uppercase;vertical-align: middle;}

.gdpr-link img{height:30px;}

@media only screen and (max-width: 991px) {
	
    .hero>:not(.button){text-align:left}
    .order-xs-first{order:-1}
    .flex img{margin:0 0 2em}
    .curriculum-table tr:not(.semester-row) td:nth-child(1){display:none}
    .curriculum-table td{vertical-align:middle}

}
/******************************************** MEDIA QUERIES */
/* SMALL 768px to 991px */
@media (min-width: 768px) {
	.slider-lead { display: block; font-size:18px;}
	.row-eq-height{display: flex; flex-wrap: wrap;}
	p{text-align:justify}
    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: 0 10px 10px 0;max-width:50%;}
    .img-right{float:right;margin: 0 0 10px 20px;max-width:50%;}
    .slider-title{font-size:34px;}
    .slider-box{padding:100px 0;}
    .eq-same-height{display: flex;}
    .button + .button {margin-left: 1em;}
	
	
}

@media (min-width: 992px) {
	.slider-prev, .slider-next { top: -20vh; }
	.logo-img{max-width: 100%;}
}
@media (min-width: 1200px) {
}