@import url('adapt.css');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,700,700i&subset=greek');

* {box-sizing: border-box;}

body, body.webprogram {
	background-color: #FFFFFF;
	font-family: 'Source Sans Pro',Arial,Helvetica,Sans-serif;
	color: #313131;
	}
	
a:link, a:visited {
    color: #0088CC;
}

a:hover {
    color: #FF0000;
}
	
/* Top bar */
.topBar {
	background-color: #313131;
	height: 20px;
	padding: 5px;
	}
	
/* Banner */	
.banner {
	height: auto;
	width: 100%;
	}

.bannerwrapper {
	background-color: #0D3AA7;

	}
	.bannerwrapper .container_12 {
		text-align: center;
	}
	.banner img {
		border: 0 none;
		height: auto;
		width: 960px;
		}
		html#range_1 .banner img {
			width: auto;
			height: auto;
			}

.banner img.logo {
	width: auto;
	height: auto;
	}	
/* Nav Bar */
.top_wrapper {
	/* fallback (Opera) */
	   background: #F7F5F2;
	/* Mozilla: */
	   background: -moz-linear-gradient(top, #EDE9E3, #FEFEFD);
	/* Chrome, Safari:*/
	   background: -webkit-gradient(linear,
	               left top, left bottom, from(#EDE9E3), to(#FEFEFD));
	/* MSIE */
	   filter: progid:DXImageTransform.Microsoft.Gradient(
	                StartColorStr='#EDE9E3', EndColorStr='#FEFEFD', GradientType=0);
	border-top: 2px solid #DAD7C8;
	border-bottom: 1px solid #EDE7E0;
	}
	.navbar {
		/* fallback (Opera) */
		   background: #F7F5F2;
		/* Mozilla: */
		   background: -moz-linear-gradient(top, #EDE9E3, #FEFEFD);
		/* Chrome, Safari:*/
		   background: -webkit-gradient(linear,
					   left top, left bottom, from(#EDE9E3), to(#FEFEFD));
		/* MSIE */
		   filter: progid:DXImageTransform.Microsoft.Gradient(
						StartColorStr='#EDE9E3', EndColorStr='#FEFEFD', GradientType=0);
		
			}
			.navbar ul {
				display: inline-block;
				margin: 0;
				padding: 0;
				}			
				.navbar ul li {
					font-size: .9em;
					border-right: 1px solid #E3E0D5;
					}
					.navbar ul li a {
						color: #FFFFFF;
						display: block;
						margin: 0;
						padding: 8px 10px;
						}
						.navbar ul:first-child{
							border-left: 1px solid #E3E0D5;
							}
							.navbar ul li a:link, .navbar ul li a:active, .navbar ul li a:visited {
								color: #444444;
								font-weight: normal;
								}
								.navbar ul li a:hover {
									background-color: #FFFFFF;
									color: #000000;
									text-decoration: none;
									}
						
.wrap {
	background-color: transparent;
	}
.contentwrapper {
	background-color: #0D3AA7;	
}
.contentwrapper .container_12 {
	background-color: #ffffff;
}

/* Right Navigation */
.navigation, .sidebar_priority {
	background-color: #FFFFFF;
	padding: 10px;
	border: .5em solid #313131;
	}
	.navigation li {
		border-bottom: 1px solid #313131;
		border-top: none;
		}
		.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active, .navigation li a:focus, .navigation li a:hover {
			font-size: .95em;
			color: #0088CC;
			font-weight: bold;
			}
			.navigation li a:hover {
				color: #FF0000;
				background-color: #FFFFFF;
				}
				
.sidebar_priority h5 {
	background-color: #FFFFFF;
	color: #313131;
	font-weight: bold;
	border-bottom: 1px solid #313131;
	}
	.sidebar_priority.schedbuttons ul {
		display: inline-flex;
		max-width: 100%;
		}
		.sidebar_priority.schedbuttons li {
			display: block;
			background-color: #0D3AA7;
			float: left;
			color: #fff;
			margin: 0 1% 2px 1%;
			padding: 0;
			text-align: center;
			}
			.sidebar_priority.schedbuttons li a {
				display: inline-block;
				padding: 5px 2px;
				color: #fff;
			}
/* Content area */
.content {
	border: none;
	}
	.content h2, .start .header, .meeting .date, .program .date, .posters .date, .symposium .date {
		background-color: transparent;
		color: #313131;
		border-bottom: 1px solid #313131;
		text-align: left;
		font-size: 1.2em;
		font-weight: bold;
		}
		.start .header {
			margin: 1em 0;
			}
			.meeting .days, .program .days, .poster .days, .symposium .days {
				float: left;
				margin-bottom: 1em;
				}

/* Footer */
.pagefooter {
	background-color: #313131;
	} 

	.pagefooter p, ul {
		font-size: .85em;
		line-height: 1.5em;
		color: #FFFFFF;
		}
		.pagefooter p {
			width: 100%;
			color: #FFFFFF;
			}
			.pagefooter li  a:link, .pagefooter li a:hover  {
				color: #FFFFFF;
				text-decoration: none;
				}
				.pagefooter li a:hover {
					text-decoration: underline;
					color: #FFFFFF;
					}
					.pagefooter .copyright {
						color: #FFFFFF;
						font-size: .95em;
						margin: 15px 0px;
						}
						.pagefooter h3	{
							color: #FFFFFF;
							margin: 25px 0 10px;
							padding-bottom: 3px;
							background-color: transparent;
							font-family: 'Source Sans Pro',Arial,Helvetica,Sans-serif;
							font-weight: 500;
						}
.mobilenav {
	display: none;
}

@media screen and (max-width: 980px) {
	.mobilenav { display: block; }
	.bannerwrapper .grid_12 {
		margin:0;
		padding:0;
	}
	ul.nav { display: flex; }
	.navigation li {
		border: 1px solid #313131;
		width: 21%;
		margin: 0 2%;
		text-align: center;
	}
	.contentwrapper .container_12,
	.contentwrapper .grid_9,
	.contentwrapper .grid_3 {
		width: 100%;
	}
	body { 
		min-width: 240px; 
	}
	
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display: block;
    float: none;
    margin: 0;
	padding: 0 10px;
	}
	.container_12 .grid_12, .container_12 {
		width: 100%;
		margin:0;
		padding: 0;
	}
	.banner { margin: 0; }
	.banner img { width: 100%; }
}