@charset "UTF-8";

/*
	Spatial by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/* Basic */
/* Add this CSS to your existing stylesheet or in a <style> tag in the <head> section */


/* Adjust the styling as needed */



body {
	background: #fff;
	height: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
}

	body.is-loading *, body.is-loading *:before, body.is-loading *:after {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	body, input, select, textarea {
		color: #666;
		font-size: 13pt;
		font-family: "Open Sans", sans-serif;
		font-weight: 200;
		line-height: 2em;
	}

	/* blogs/index.html */
	
	.blog-post {
		display: flex;
		align-items: center;
		gap: 1.4rem;
		margin: 0 auto 2rem auto;
		padding: 1rem;
		border-radius: 18px;
		background: #ffffff;
		border: 1px solid rgba(120, 120, 120, 0.16);
		box-shadow: 0 8px 24px rgba(20, 20, 20, 0.05);
		transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
	}

	.blog-post:hover {
		transform: translateY(-4px);
		box-shadow: 0 14px 34px rgba(20, 20, 20, 0.1);
		border-color: rgba(0, 124, 179, 0.28);
	}

	.small-text {
		font-family: "Open Sans", sans-serif;
		font-size: 12em;
		color: #666;
	}

	.image-container {
		flex: 0 0 280px;
		margin: 0;
	}

	.image-container .image {
		display: block;
		margin: 0;
		border-radius: 14px;
		overflow: hidden;
		box-shadow: 0 8px 20px rgba(15, 15, 15, 0.14);
	}
	
	.image-container img {
		display: block;
		width: 100%;
		max-width: 100%;
		aspect-ratio: 16 / 10;
		object-fit: cover;
		transition: transform 0.35s ease, filter 0.35s ease;
	}

	.blog-post:hover .image-container img {
		transform: scale(1.04);
		filter: saturate(1.07);
	}
	
	.blog-details {
		flex: 1;
		min-width: 0;
	}
	
	.blog-details h3 {
		margin: 0 0 0.45rem 0;
		font-size: 1.45em;
		line-height: 1.35em;
		text-transform: none;
	}

	.blog-details h3 a {
		color: #2c2c2c;
		transition: color 0.25s ease;
	}

	.blog-post:hover .blog-details h3 a {
		color: #007cb3;
		text-decoration: none;
	}

	.blog-details p {
		margin: 0;
		line-height: 1.7em;
		color: #5f6670;
	}

	/* blogs/index.html end here*/

	
	/* blogs/data-augmentation-time-series-forecasting.html */
	.osc-counter {
		color: #333 !important;
		box-shadow: none !important;
	}

	.blog .video {
		text-align: center;
		margin: 0 auto;
		padding: 0;
		margin-bottom: -0.4em;
		position: relative;
    display: block;
    overflow: hidden;
	}

	.blog video {
		max-width: 100%;
		cursor: pointer;
	}

	.blog img {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}

	.blog ul {
		margin-left: 1em;
	}


	.blog {
    line-height: 1.5em;
    font-size: 13pt;
    font-family: "Open Sans", sans-serif;
    font-weight: 200;
    color: #333;
		padding: 0 3em 0 3em;
	}

	.blog h3 {
		line-height: 1.2em;
		font-size: 1.8em;
		font-family: "Open Sans", sans-serif;
		font-weight: 600;
		color: #333;
		text-transform: none;
	}

	.blog p, .blog ul {
		margin-bottom: 1em;
	}

	.blog h2, .blog h3 , .blog h4 {
		margin-bottom: 0.5em;
		margin-top: 1em;
	}

	.blog h5, .blog h6 {
		margin-top: 1.8em;
		color: #555;
	}

	.blog h3 {
		font-size: 20pt;
		text-transform: none;
	}

	.blog .footnotes {
		font-size: 10pt;
	}

	.blog h4 {
		font-size: 15pt;
		text-transform: none;
	}

	.blogheader {
		margin-bottom: 2em !important;
	}

	.social_buttons {
		text-align: center;
	}

	.twitter_button {
		padding-right: 4px;
		min-width: 90px;
  	min-height: 20px;
	}

	.facebook_button {
		padding-right: 4px;
		min-width: 90px;
  	min-height: 20px;
	}

	.fb-share-button {
		display: inline;
	}

	.fb-share-button span {
	  top: -6px;
	}



	a {
		color: #007cb3;
		text-decoration: none;
	}

		a:hover {
			text-decoration: underline;
		}

	strong, b {
		color: #484848;
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #484848;
		font-weight: 700;
		line-height: 1em;
		margin: 0 0 1em 0;
		text-transform: uppercase;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h2 {
		font-size: 1.75em;
		line-height: 1.5em;
	}

	h3 {
		font-size: 1.35em;
		line-height: 1.5em;
	}

	h4 {
		font-size: 1.1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 1px rgba(144, 144, 144, 0.25);
		margin: 1.5em 0 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	blockquote {
		border-left: solid 4px rgba(144, 144, 144, 0.25);
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-radius: 4px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* Section/Article */

	section.special, article.special, header.special {
		text-align: center;
	}

	header p {
		color: #aaa;
		position: relative;
		margin: 0 0 1.5em 0;
		text-transform: uppercase;
	}

	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.5em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.8em;
		line-height: 1.5em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
		margin-top: -0.6em;
		line-height: 1.5em;
	}

	header.major {
		margin: 0 0 6em 0;
	}

		header.major h2 {
			font-size: 3em;
		}

		header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
			display: inline-block;
			margin: 0 0 0.8em;
		}

		header.major p {
			font-size: 1.7em;
			margin-bottom: 0;
		}

/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		color: #484848;
		display: block;
		font-size: 0.9em;
		font-weight: 700;
		margin: 0 0 1em 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(144, 144, 144, 0.075);
		border-radius: 4px;
		border: none;
		border: solid 1px rgba(144, 144, 144, 0.25);
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #f32853;
			box-shadow: 0 0 0 1px #f32853;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			content: "";
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: rgba(144, 144, 144, 0.25);
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #666;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 400;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: rgba(144, 144, 144, 0.075);
				border-radius: 4px;
				border: solid 1px rgba(144, 144, 144, 0.25);
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #323037;
			border-color: #323037;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #f32853;
			box-shadow: 0 0 0 1px #f32853;
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: #aaa !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #aaa !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #aaa !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #aaa !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #aaa !important;
		opacity: 1.0;
	}


/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/* Image */

	.image {
		border-radius: 4px;
		border: 1;
		border-color: #333;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 4px;
			display: block;
		}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.rounded {
			border-radius: 100%;
		}

			.image.rounded img {
				border: solid 0.5em rgba(144, 144, 144, 0.25);
				border-radius: 100%;
			}

		.image.captioned .figure {
			border-radius: 0;
			margin-bottom: 1.5em;
		}

			.image.captioned img, .figure img {
				border-radius: 0;
			}

			.image.captioned h3, .figure p {
				background-color: #fff;
				display: block;
				padding: 1em;
				box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.15);
				margin: 1em auto 1.5em auto;
				text-transform: none;
				font-size: 0.9em;
				font-weight: normal;
				text-align: center;
				max-width: 75%;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
			text-align: left;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px rgba(144, 144, 144, 0.25);
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon:before {
					font-size: 2em;
				}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

	dl {
		margin: 0 0 2em 0;
	}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px rgba(144, 144, 144, 0.25);
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: rgba(144, 144, 144, 0.075);
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			color: #484848;
			font-size: 0.9em;
			font-weight: 700;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px rgba(144, 144, 144, 0.25);
		}

		table tfoot {
			border-top: solid 2px rgba(144, 144, 144, 0.25);
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px rgba(144, 144, 144, 0.25);
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: #323037;
		border-radius: 4px;
		border: 0;
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-weight: 700;
		height: 3.15em;
		line-height: 3.25em;
		padding: 0 2.2em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: #3e3c45;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: #262429;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
			color: #484848 !important;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background-color: rgba(144, 144, 144, 0.075);
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: rgba(144, 144, 144, 0.2);
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			.button.alt.icon:before {
				color: #aaa;
			}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			background-color: #f32853;
			color: #ffffff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				background-color: #f44066;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active {
				background-color: #f21040;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background-color: #666 !important;
			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
			color: #fff !important;
			cursor: default;
			opacity: 0.25;
		}

/* Header */

	#skel-layers-wrapper {
		padding-top: 6em;
	}

	body.landing #skel-layers-wrapper {
		padding-top: 0em !important;
	}

	#header {
		background-attachment: fixed;
		background-image: url("images/overlay.png"), url("../images/neuron.jpg");
		background-position: center 118%;
		background-size: cover;
		border-bottom: solid 1px rgba(144, 144, 144, 0.25);
		box-shadow: 0px 0.0375em 0.125em 0px rgba(0, 0, 0, 0.05);
		color: #FFF;
		min-height: 13em; /* Force header to expand upper part image */ 
		cursor: default;
		font-size: 1.30em;
		height: 12em;
		left: 0;
		line-height: 6.1em;
		height: 6.1em;
		position: relative;
		text-transform: uppercase;
		top: 0;
		width: 100%;
		z-index: 10000;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
		padding: 0 4em 0 1.25em;
	}

		#header h1 {
			color: #FFF;
			font-weight: 400;
			height: inherit;
			line-height: inherit;
			margin: 0;
			padding: 0;
			position: static;
			font-size: 1.6em;
			letter-spacing: 1.5px;
			white-space: nowrap;
			flex-shrink: 0;
			text-shadow: 0 2px 4px rgba(0,0,0,0.1);
		}

		#header h1 a {
			color: inherit;
			text-decoration: none;
			border: none;
			transition: opacity 0.2s ease-in-out;
		}

		#header h1 a:hover {
			opacity: 0.7;
		}
		
		#header h1 strong {
			font-weight: 700;
		}

		#header .icons {
			height: inherit;
			line-height: inherit;
			position: absolute;
			left: 4em;
			/*display: none;*/
			top: 1em;
			vertical-align: middle;
		}

			#header .icons {
				list-style: none;
				margin: 0;
				padding-left: 0;
			}

				#header .icons > li {
					border-radius: 4px;
					display: inline-block;
					margin-left: 1.2em;
					padding-left: 0;
				}

					#header .icons > li a {
						-moz-transition: color 0.2s ease-in-out;
						-webkit-transition: color 0.2s ease-in-out;
						-o-transition: color 0.2s ease-in-out;
						-ms-transition: color 0.2s ease-in-out;
						transition: color 0.2s ease-in-out;
						color: #FFF !important;
						display: inline-block;
						text-decoration: none;
						font-weight: 400;
						font-size: 1em;
					}

						#header .icons > li a:hover {
							color: #FAFAFA !important;
						}

						#header .icons > li a.active {
							font-weight: bold;
						}

					#header .icons > li:first-child {
						margin-left: 0;
					}


		#header nav {
			height: inherit;
			line-height: inherit;
			position: static;
			vertical-align: middle;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			flex-wrap: wrap;
			overflow: hidden;
		}

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding-left: 0;
			}

			#header nav > ul > li {
					border-radius: 4px;
					display: inline-block;
					margin-left: 1.5em; /* Reduced from 2.5em to prevent wrapping early */
					padding-left: 0;
				}

					#header nav > ul > li a {
						-moz-transition: color 0.2s ease-in-out;
						-webkit-transition: color 0.2s ease-in-out;
						-o-transition: color 0.2s ease-in-out;
						-ms-transition: color 0.2s ease-in-out;
						transition: color 0.2s ease-in-out;
						color: #eefd16bd;
						display: inline-block;
						text-decoration: none;
						font-weight: 400;
						font-size: 1.2em;
					}

						#header nav > ul > li a:hover {
							font-weight: bold;
						}

						#header nav > ul > li a.active {
							font-weight: bold;
						}

					#header nav > ul > li:first-child {
						margin-left: 0;
					}

					#header nav > ul > li .button {
						border-color: rgba(144, 144, 144, 0.25);
						box-shadow: none;
						height: 3em;
						line-height: 2.9em;
						margin-bottom: 0;
						padding: 0 1.5em;
						position: relative;
						top: -0.075em;
						vertical-align: middle;
					}

		#header .container {
			position: relative;
		}

			#header .container h1 {
				left: 0;
			}

			#header .container nav {
				right: 0;
			}

		#header.alt {
			background-color: transparent;
			border: 0;
			box-shadow: none;
			height: 3.25em;
			line-height: 3.25em;
			position: absolute;
		}

			#header.alt h1 {
				color: #ffffff;
				left: 2.5em;
				top: 2em;
			}

				#header.alt h1 a {
					color: #ffffff;
				}

			#header.alt nav {
				right: 2em;
				top: 2em;
			}

				#header.alt nav a {
					color: #ddd;
				}

					#header.alt nav a:active, #header.alt nav a:hover {
						color: #ffffff;
					}

			#header.alt .button {
				border-color: rgba(255, 255, 255, 0.5);
				color: #ffffff !important;
			}
		
			#about-text::after {
				content: '|';
				display: inline-block;
				margin-left: 5px;
				animation: blink 0.7s step-start infinite;
			}
			
			
		
			
			@keyframes blink {
				50% {
					opacity: 0;
				}
			}
	
			

	/* NEWs index.html */
	@keyframes pulse {
     
        50% {
            text-shadow: 0 0 20px #ffce1c, 0 0 40px #007cb3, 0 0 60px #5f1ad6;
        }
    }

    /* Style for the news list */
    .news-list {
        list-style: none;
        padding: 0;
        margin: 1em 0;
        font-size: 1.1em;
    }

    .news-item {
        margin-bottom: 1em;
        padding: 1em;
        background: #f9f9f9;
        border-left: 5px solid #007cb3;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .news-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    .highlight {
        font-weight: bold;
        color: #007cb3;
        text-transform: uppercase;
    }

    .news-item a {
        text-decoration: none;
        color: #007cb3;
        font-weight: bold;
        transition: color 0.3s ease;
    }

    .news-item a:hover {
        color: #005a8d;
        text-decoration: underline;
    }

/* Wrapper */

	.wrapper {
		padding: 6em 0 4em 0;
	}

		.wrapper.style1 {
			background-color: #ffffff;
		}

		.wrapper.style2 {
			background-color: #f6f6f6;
		}

		.wrapper.style3 {
			background-attachment: fixed;
			background-image: url("images/overlay.png"), url("../images/neuron.jpg");
			background-position: center center;
			background-size: cover;
		}

			.wrapper.style3 header.major {
				margin-bottom: 3em;
			}

				.wrapper.style3 h2 {
					color: #ffffff !important;
				}

				.wrapper.style3 .alt {
    			box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
    			color: #fff !important;
				}

	body.is-touch .wrapper.style3 {
		background-attachment: scroll;
	}


/* Projects index.html */
	.row {
		display: flex;
		justify-content: space-between;
		margin-bottom: 2em;
	}
	.project {
		text-align: center;
	}
	.image.square {
		width: 100%;
		max-width: 150px;
		aspect-ratio: 1 / 1;
		margin: 0 auto;
		overflow: hidden;
		border-radius: 8px;
	}
	.image.square img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	h4 {
		font-size: 1.2em;
		margin-top: 0.5em;
		text-transform: uppercase;
	}
	.row .small-text {
        font-size: 0.9em;
        color: #666;
    }

/* Footer */

	#contact {
		display: block !important; /* Ensure it's not hidden */
		position: relative; /* Ensure it's in the document flow */
		background-color: #f6f6f6; /* Add a visible background */
		color: #333; /* Ensure text is visible */
		padding: 2em 0; /* Add some spacing */
		text-align: center; /* Center align text */
		z-index: 10; /* Ensure it's above other elements */
	}


		#contact a {
			-moz-transition: color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out;
			-o-transition: color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out;
			color: #aaa;
			text-decoration: none;
		}

			#contact a:active, #contact a:hover {
				color: #666;
			}

		#contact .icons {
			font-size: 1.5em;
		}

			#contact .icons li {
				padding-right: 2.5em;
			}

				#contact .icons li:last-child {
					padding-right: 0;
				}

		
		#contact .copyright {
			margin: 2em 0;
			padding: 0;
			text-align: center;
		}

			#contact .copyright li {
				border-left: solid 1px rgba(144, 144, 144, 0.25);
				display: inline-block;
				list-style: none;
				margin-left: 1.5em;
				padding-left: 1.5em;
				text-align: center;
			}

				#contact .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}


				.bookshelf-container {
					padding: 4em 2em;
					background-color: #f6f6f6;
					overflow: hidden;
					margin-bottom: 0;
				  }

				  .books-intro {
					max-width: 860px;
					margin: 0 auto 1.2em;
					text-align: center;
				  }

				  .books-intro h1 {
					font-size: 2.1em;
					margin-bottom: 0.45em;
				  }

				  .books-intro p {
					font-size: 1.05em;
					line-height: 1.7;
					color: #3b3b3b;
					margin: 0;
				  }

				  .books-intro + .shelf-label,
				  .bookshelf-row + .shelf-label {
					margin-top: 2.1em;
				  }
				  
				  .bookshelf-row {
					position: relative;
					margin: 0.7em auto 2.8em;
					padding: 2em 0;
					background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="20"><rect width="100" height="20" fill="%238B4513"/><rect y="0" width="100" height="5" fill="%23A0522D"/></svg>') repeat-x bottom;
					display: flex;
					align-items: center;
					justify-content: center;
					overflow: visible;
					padding-bottom: 3em;
					max-width: 800px;
					min-height: 450px;
				  }
				  
				  .books-wrapper {
					display: flex;
					align-items: center;
					gap: 40px;
					transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
					position: relative;
				  }
				  
				  .book-item {
					width: 190px;
					height: 240px;
					position: absolute;
					transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
					opacity: 0;
					pointer-events: none;
					transform-origin: center;
					cursor: pointer;
				  }
				  
				  .book-item.visible {
					opacity: 1;
					pointer-events: auto;
				  }
				  
				  .book-item.center {
					transform: translateX(-50%) scale(1.1);
					left: 50%;
					z-index: 3;
				  }
				  
				  .book-item.left {
					transform: translateX(calc(-50% - 200px)) scale(0.9);
					left: 50%;
					z-index: 2;
					opacity: 0.8;
				  }
				  
				  .book-item.right {
					transform: translateX(calc(-50% + 200px)) scale(0.9);
					left: 50%;
					z-index: 2;
					opacity: 0.8;
				  }
				  
				  .book-cover {
					width: 100%;
					height: 100%;
					object-fit: cover;
					border-radius: 4px;
					box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
					pointer-events: none;
				  }
				  
				  .book-info {
					position: absolute;
					top: calc(100% + 16px);
					left: 50%;
					transform: translateX(-50%) scale(0.92);
					width: 260px;
					max-height: 220px;
					overflow-y: auto;
					background: rgba(255, 255, 255, 0.99);
					padding: 1.75em 1.3em 1.2em;
					border-radius: 8px;
					box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
					border: 1px solid rgba(0, 0, 0, 0.12);
					opacity: 0;
					transition: all 0.25s ease;
					z-index: 100;
					pointer-events: none;
				  }
				  
				  .book-item.show-info .book-info {
					opacity: 1;
					transform: translateX(-50%) scale(1);
					pointer-events: auto;
				  }

				  .book-info-close {
					position: absolute;
					top: 0.35em;
					right: 0.45em;
					border: none;
					background: transparent;
					font-size: 1.2em;
					font-weight: 700;
					line-height: 1;
					color: #4b5563;
					cursor: pointer;
				  }

				  .book-info-close:hover {
					color: #111827;
				  }
				  
				  .book-title {
					font-size: 1.2em;
					font-weight: bold;
					margin-bottom: 0.8em;
					color: #333;
				  }
				  
				  .book-description {
					font-size: 0.98em;
					color: #2f2f2f;
					line-height: 1.65;
				  }
				  
				  .shelf-label {
					font-size: 1.5em;
					font-weight: bold;
					color: #484848;
					margin: 0 0 0.35em;
					text-transform: uppercase;
					letter-spacing: 1px;
					text-align: center;
				  }
				  
				  .hover-zone {
					position: absolute;
					top: 0;
					width: 25%;
					height: 100%;
					z-index: 15;
					cursor: pointer;
				  }
				  
				  .hover-zone-left {
					left: 0;
				  }
				  
				  .hover-zone-right {
					right: 0;
				  }
				  
				  .nav-button {
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					background: rgba(0, 0, 0, 0.6);
					color: white;
					border: none;
					padding: 0;
					width: 40px;
					height: 40px;
					line-height: 1;
					font-size: 1.35em;
					border-radius: 50%;
					z-index: 35;
					display: flex;
					align-items: center;
					justify-content: center;
					pointer-events: auto;
					opacity: 0.6;
					transition: opacity 0.3s ease;
					cursor: pointer;
				  }

				  .bookshelf-row:hover .nav-button {
					opacity: 0.9;
				  }
				  
				  .nav-prev {
					left: 16px;
				  }
				  
				  .nav-next {
					right: 16px;
				  }

				  .bookshelf-container + #contact {
					margin-top: 0;
				  }
				  .star {
					font-size: 20px;
					color: #ccc; /* Grey for unfilled stars */
				}
				
				.star.filled {
					color: #FFD700; /* Gold for filled stars */
				}
				
				.book-rating {
					font-size: 18px;
					margin-bottom: 8px;
				}



/* Paper */

.paper-item {
    padding: 1rem 1.5rem;
    background: #f8f8f8;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.paper-title {
    font-size: 1.15rem;
    margin-bottom: 5px;
}

.paper-authors {
    font-size: 0.95rem;
    color: #444;
    margin-bottom: 8px;
}

.paper-icons {
    margin-top: 8px;
}



.icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;      /* bigger clickable area */
    height: 28px;
    margin-right: 12px;
    color: #222;
}

.icon-link svg {
    width: 26px;      /* actual icon size */
    height: 26px;
    vertical-align: middle;
}

.icon-link:hover {
    opacity: 0.7;
}


/* Homepage refresh */

.hero-neuron {
	position: relative;
	padding: 7.5em 0 6.5em 0;
	min-height: 360px;
	text-align: center;
	background-image: url("../images/neuron.jpg");
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
}

.hero-neuron h1 {
	color: #ffffff;
	font-size: 2.65em;
	text-transform: none;
	margin-bottom: 0.35em;
	letter-spacing: 0.02em;
}

.hero-neuron p {
	margin: 0;
	font-size: 1.15em;
	line-height: 1.7em;
	color: rgba(255, 255, 255, 0.95);
}

.profile-grid {
	display: grid;
	grid-template-columns: minmax(280px, 350px) minmax(0, 1fr);
	gap: 2em;
	align-items: start;
}

.profile-card,
.about-panel,
.logo-card,
.project-card {
	background: #ffffff;
	border: 1px solid #e7ebf1;
	border-radius: 14px;
	box-shadow: 0 8px 28px rgba(31, 45, 61, 0.07);
}

.profile-card {
	padding: 1.35em 1.1em;
	text-align: center;
	position: sticky;
	top: 5.5em;
}

.profile-image-wrap {
	margin: 0 auto 1.1em auto;
	width: min(100%, 240px);
	aspect-ratio: 1 / 1;
	border: 3px solid #f0f4fa;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.profile-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	display: block;
}

.profile-name {
	font-size: 1.5em;
	text-transform: none;
	margin-bottom: 0.45em;
}

.profile-title {
	font-weight: 700;
	color: #173f7a;
	font-size: 0.94rem;
	text-transform: uppercase;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	white-space: nowrap;
}

.profile-affiliation {
	margin: 0 0 0.4em 0;
	font-size: 0.98rem;
	color: #4a596b;
	line-height: 1.45em;
}

.profile-contact {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.55em;
	margin-top: 1.25em;
	padding-top: 1em;
	border-top: 1px solid #eef2f7;
}

.profile-contact h3 {
	font-size: 0.95em;
	letter-spacing: 0.08em;
	margin-bottom: 0.9em;
	color: #21324b;
}

.profile-contact a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin-bottom: 0;
	color: #1f3656;
	text-decoration: none;
	width: 40px;
	height: 40px;
	font-size: 1.1rem;
	padding: 0;
	border-radius: 999px;
	background: #f3f7fd;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.profile-contact a:hover {
	background-color: #dfeafc;
	text-decoration: none;
	transform: translateY(-1px);
}

.about-panel {
	padding: 2em;
}

.about-panel h2,
.about-panel h3,
#papers h2,
#projects h2,
#experience h2,
#collaborations h2 {
	text-transform: none;
	letter-spacing: 0.01em;
}

#one h2,
#news h2,
#papers h2,
#projects h2,
#experience h2,
#three h2,
.section-title {
	text-align: center;
}

.about-panel p {
	color: #405269;
	line-height: 1.75em;
	margin-bottom: 1.1em;
}

.areas-intro {
	font-weight: 700;
	color: #273a52;
	margin-bottom: 0.35em;
}

.about-areas {
	margin: 0 0 1.25em 1.2em;
	color: #3f536d;
	line-height: 1.7em;
}

.about-areas li {
	margin-bottom: 0.2em;
}

.news-title {
	margin-top: 1.6em;
	font-size: 1.25em;
	color: #21324b;
}

.news-list {
	margin: 0.8em 0 0 0;
}

.news-section .container {
	max-width: 1180px;
}

.news-section h2 {
	text-transform: none;
	letter-spacing: 0.01em;
}

.news-section .news-list {
	margin-top: 0.9em;
}

.news-section .news-item {
	padding: 1.05em 1.2em;
	font-size: 1rem;
}

.news-item {
	background: #f7fafe;
	border-left: 4px solid #2f6eb8;
	border-radius: 10px;
	box-shadow: none;
	padding: 0.9em 1em;
	margin-bottom: 0.8em;
	line-height: 1.65em;
}

.news-item:hover {
	transform: none;
	box-shadow: none;
}

.highlight {
	color: #1e5ea6;
	text-transform: none;
}

#papers.wrapper.style2 {
	background: #ffffff;
}

#papers .container {
	max-width: 1180px;
}

.paper-item {
	display: grid;
	grid-template-columns: 360px minmax(0, 1fr);
	gap: 2em;
	align-items: start;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #dde5ef;
	border-radius: 0;
	padding: 1.5em 0;
	box-shadow: none;
}

.paper-item:first-of-type {
	border-top: 1px solid #dde5ef;
}

.paper-thumb {
	order: 1;
	border-radius: 6px;
	height: 180px;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	position: relative;
}

.paper-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	border: 2px dashed #999;
	border-radius: 6px;
	padding: 4px;
}

.venue-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	background-color: #007bff;
	color: #fff;
	padding: 3px 8px;
	font-size: 0.75rem;
	font-weight: 700;
	border-radius: 4px;
	z-index: 10;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.paper-content {
	order: 2;
	min-width: 0;
	align-self: center;
}

.paper-title {
	font-size: 1.07rem;
	line-height: 1.45em;
	margin-bottom: 0.45em;
}

.paper-authors {
	font-size: 0.93rem;
	color: #51637a;
	line-height: 1.6em;
	margin-bottom: 0.3em;
}

.paper-meta {
	font-size: 0.9rem;
	color: #6a7890;
	margin-bottom: 0.55em;
}

.paper-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	background: transparent;
	color: #1e4f91;
	padding: 0;
	border-radius: 0;
	font-size: 0.85rem;
	font-weight: 700;
	margin-right: 1.1em;
	text-decoration: none;
}

.paper-chip:hover {
	text-decoration: underline;
	background: transparent;
}

.paper-chip.coming-soon {
	background: transparent;
	color: #5f6b7f;
	cursor: default;
}

.project-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2em;
}

.project-card {
	padding: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.project-card h4 {
	text-transform: none;
	font-size: 1.03em;
	margin: 0.58em 0 0.04em 0;
	line-height: 1.4em;
	min-height: 2.7em;
}

#projects .small-text {
	font-size: 0.93rem;
	color: #607187;
	margin: 0 0 0.35em 0;
	line-height: 1.35em;
	min-height: 0;
}

.project-card .image.square {
	max-width: 100%;
	height: 220px;
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	margin-bottom: 0.8em;
}

.project-card .image.square img {
	max-width: 90%;
	max-height: 90%;
	width: auto;
	height: auto;
	display: block;
	object-fit: contain;
}

.project-clinical .image.square img {
	max-width: 96%;
	max-height: 96%;
}

.project-arcelik .image.square img {
	max-width: 104%;
	max-height: 104%;
}

.project-maxdecisions .image.square img {
	max-width: 105%;
	max-height: 105%;
}

.logo-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.1em;
}

.logo-section {
	display: flex;
	flex-direction: column;
	gap: 1.35em;
	align-items: center;
	background: #ffffff;
	padding: 0.6em 0 0.2em 0;
}

#experience.wrapper.style2 {
	background: #ffffff;
}

.logo-only-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1.4em 3em;
	width: 100%;
}

.logo-only-item {
	padding: 0;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-only-item img {
	max-width: 300px;
	max-height: 102px;
	object-fit: contain;
	display: block;
	opacity: 0.9;
	filter: grayscale(20%);
	transition: transform 0.2s ease, opacity 0.2s ease, filter 0.2s ease;

}

.logo-only-item img:hover {
	transform: translateY(-1px);
	opacity: 1;
	filter: grayscale(0%);
}

.logo-card {
	padding: 1.2em;
}

.logo-card h4 {
	text-transform: none;
	font-size: 1.02em;
	margin: 0.85em 0 0.35em;
}

.logo-card p {
	font-size: 0.95rem;
	line-height: 1.6em;
	color: #5f7087;
	margin-bottom: 0;
}

.logo-placeholder {
	min-height: 94px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1.5px dashed #b7c5d9;
	border-radius: 10px;
	background: #f7fafe;
	color: #6b7c93;
	font-size: 0.9rem;
	font-weight: 700;
	text-align: center;
	padding: 0.75em;
}

.collaborations-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.logo-card.compact {
	padding: 0.85em;
}

.collab-note {
	margin-top: 1em;
	font-size: 0.95rem;
	color: #607187;
	text-align: center;
	margin-bottom: 0;
}

#contact .icons {
	font-size: 1.35em;
}

@media screen and (max-width: 1100px) {
	.profile-grid,
	.project-grid,
	.logo-card-grid,
	.collaborations-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.logo-only-grid {
		gap: 1.1em 2.2em;
	}

	.profile-card {
		position: static;
	}
}

@media screen and (max-width: 760px) {
	.hero-neuron {
		padding: 5.6em 0 4.8em 0;
	}

	.hero-neuron h1 {
		font-size: 2em;
	}

	.hero-neuron p {
		font-size: 1rem;
	}

	.profile-grid,
	.project-grid,
	.logo-card-grid,
	.collaborations-grid,
	.paper-item {
		grid-template-columns: 1fr;
	}

	.paper-thumb {
		order: 1;
		height: auto;
		width: 100%;
		margin-bottom: 1em;
	}

	.paper-content {
		order: 2;
	}

	.logo-only-grid {
		gap: 1em 1.5em;
	}

	.logo-only-item img {
		max-height: 74px;
		max-width: 240px;
	}

	.profile-title {
		white-space: normal;
	}

	.about-panel,
	.profile-card {
		padding: 1.35em;
	}

	#contact .icons li {
		padding-right: 1.1em;
	}
}

