/* FONTS */

/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('./assets/fonts/montserrat-v23-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./assets/fonts/montserrat-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./assets/fonts/montserrat-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('./assets/fonts/montserrat-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('./assets/fonts/montserrat-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./assets/fonts/montserrat-v23-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-600 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('./assets/fonts/montserrat-v23-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./assets/fonts/montserrat-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./assets/fonts/montserrat-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('./assets/fonts/montserrat-v23-latin-600.woff') format('woff'), /* Modern Browsers */
         url('./assets/fonts/montserrat-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./assets/fonts/montserrat-v23-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
  }

/* GENERAL */
body {
background: #f8f9fa !important;
font-family: 'Montserrat', Arial, Helvetica, sans-serif!important;
}

a:link, a:visited {
}

a:hover, a:focus {
color:#222;
}

.about-container {
height: auto;
overflow: hidden;
}

.about-text {
width: auto;
overflow: hidden;
}

.about-img img {
width: 100%;
}

.about-img .caption { 
text-align:center; 
font-weight:bold; 
opacity:0.7;
margin-bottom:20px;
}

.inv-img { 
margin-left: 20px;
} 

.inv-img img { 
width: 100%; 
} 

.loc-container {
height: auto;
overflow: hidden;
}

.loc-text {
width: auto;
overflow: hidden;
}

.loc-img { 
position: relative; 
margin: 0 auto;
} 

.loc-img img {
width: 100%;
}

.loc-img .caption { 
text-align:center; 
font-weight:bold; 
opacity:0.7;
margin-bottom:20px;
}

table.gridtable {
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
}

table.gridtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
}
table.gridtable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
text-align: center;
}


/* HEADER */
.header {
background-size: cover; 
background-position: top 57% center; 
background-image: url(https://sofsem2027.conf.uoi.gr/data/uploads/header.jpg);
background-color: #6388b9;
height:280px;
}

#index h1.pagetitle {
display:none; 
} 

header img {
    width: 250px;
    /* min-width: 200px; */
    /* max-width: 60vw; */
    padding: 0 0 0 0;
    float: left;
}

/* HEADER: breadcrumbs */
header .breadcrumbs {
text-shadow: 1px 1px 0px rgba(255,255,255,.5);
border-top:#FFF 1px solid;
border-bottom:#ccc 1px solid;
font-size:11px;
height:25px;
line-height:25px;
overflow:hidden;
color:#666;
text-transform:uppercase;
width:100%;
background: #eee;
background: -moz-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#D5D5D5));
}

header .breadcrumbs a:link, header .breadcrumbs a:visited {
color:#666;
text-decoration:underline;
}

header .breadcrumbs a:focus, header .breadcrumbs a:hover {
color:#316594;
text-decoration:underline;
}

#index header .breadcrumbs {
} 

div.pretitle, div.title, div.datetitle {
color: #275176;
line-height: 1.05 !important;
display: inline-block;
clear: both;
float: left;
position: absolute;
}

div.pretitle {
font-size: 18pt;
margin-top: .3rem;
}

div.title {
top: 25%;
margin-left: .5rem;
}

div.title h4 {
color:red !important;
text-shadow: 0px 0px 2px black, 0px 0px 2px black;
}

div.datetitle {
font-size: 18pt;
font-style:italic;
bottom: .2rem;
}


.header .wrapper {
overflow: hidden;
white-space: nowrap;
}

.wrapper {
margin: 0 auto;
}

/* HEADER: logo */
.logo, .titlecontainer {
display: inline-block;
    /* float: right; */
    height: 54px;
    /* text-align-last: center; */
    position: relative;
    left: 0%;
    padding-top: 10px;
    background-color: white;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    /* padding-left: 0px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);

}

.titlecontainer {
white-space: nowrap;
/* Do not hide this from screen readers */
text-indent: -10000px;
}

/* HEADER: navigation */
nav {
top:0;
right:0;
}

nav.bg-dark {
background-color: #0C1837!important;
}

nav ul {
padding-inline-start: 10px;
}

nav li {
float:none;
}

nav ul li ul li {
list-style-type: none;
}

.title h4 {
font-size: 22px;
}

nav li a {
display:block;
font-size: 17px;
padding:5px 5px;
font-weight:400;
color:#ffffff!important;
}

nav li a:link, nav li a:visited {
color:#000;
text-decoration:none;
}

nav li a:hover, nav li a:focus {
color:#0056b3;
text-decoration:none;
}

nav li.current > a {
color: #007bff;
}

nav .sidebar-sticky {
padding-top: .5rem;
}

/* BODY CONTENT */
body {
color: #404040 !important;
}

article {
padding:20px 10px 10px 10px;
}

article p, li {
font-size:14px;
}

article h1 {
font-size:28px;
padding:15px 0px 15px 0px;
font-weight: 400;
}

h1.sponsors {
color: rgba(34,110,147,1)!important;
font-size:22px;
padding:15px 0px 15px 0px;
font-weight: 400;
}

article h2 {
font-size:26px;
padding:15px 0px 15px 0px;
font-weight: 600;
}

article h3 {
font-size:22px;
padding:15px 0px 15px 0px;
font-weight: 400;
}

article section .footer {
color:#888;
font-size:11px;
margin-top:40px;
border-top:1px dotted #ccc;
padding-top:15px;
}
article section .footer p {
margin:0 0 10px 0;
}

/* Quick fix to increase specificity */
article h1, h2, article h3, h4{
color: #0C1837 !important;
font-weight: 600;
line-height: 1.3;
}


/* FOOTER */
footer {
padding: 20px 0;
color: #ffffff;
height: 100px;
font-size: 14px;
background-color: #0C1837;
display: block;
text-align: center;
}

footer .left {
float:left;
width:40%;
text-align:left;
}

footer .right {
float:right;
width:60%;
text-align:right;
}

footer a:link, footer a:visited {
color:#888;
text-decoration:underline;
}

footer a:hover, footer a:focus {
color:#555;
text-decoration:underline;
}

.pctable td {
padding: 0 10px;
}

.gmap {
width: 100%;
padding-top: 75%;
box-sizing: border-box;
position: relative;
}

.gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.gallery-grid {display: grid;grid-gap: 30px;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));grid-auto-rows: 150px;grid-auto-flow: row dense}.gallery-item {position: relative;display: flex;flex-direction: column;justify-content: flex-end;box-sizing: border-box;color: #fff;grid-column-start: auto;grid-row-start: auto;background-size: cover;background: #000 50%;box-shadow: -2px 2px 10px rgba(68,68,68,.4);transition: transform .3s ease-in-out;cursor: zoom-in;counter-increment: item-counter;overflow: hidden}.gallery-item a {z-index: 1}.gallery-item a[data-fancybox] {text-decoration: none;cursor: zoom-in}.gallery-item img {all: initial;object-fit: cover;width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: zoom-in;min-height: 48px;min-width: 48px}.gallery-item:after {content: '';position: absolute;width: 100%;height: 100%}.gallery-item:hover {transform: scale(1.05)}.gallery-item--medium {grid-row-end: span 2}.allery-item--large {grid-row-end: span 3}.gallery-item--full {grid-column-end: auto}@media screen and (min-width: 768px) {.gallery-item--full {grid-column:1/-1;grid-row-end: span 2}}