/*
Theme Name: 	Bigdata Dialog
Theme URI: 		http://xeit.ch
Version: 		1.0
Author: 		Xeit GmbH
Author URI: 	http://xeit.ch
*/



/*** Sensible Defaults ***/

@import "css/reset.css";
@import "css/flickity.css";
@import "typo.css";
@import "blocks_v-3.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }

::-moz-selection 	{ background:#009DE9; color:#fff; }
::selection 		{ background:#009DE9; color:#fff; }

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
	        font-smoothing: antialiased;
}

/* Helper Classes */

.clear { clear: both; }
strong { font-weight: bold; }
em { font-style: italic; }
a, a:link, a:visited, a:hover, a:focus { color: inherit; }

html, body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 130%;
	color: #323232;
	background: #fff;
	overflow-x: hidden;
}

@media (min-width: 600px) {
	html, body {
		font-size: 14px;
		line-height: 130%;
	}
}

body {
	padding-top: 6rem;
}

	@media (min-width: 600px) {
		body {
			padding-top: 7.25rem;
		}
	}

header {
	font-family: Arial, sans-serif;
	height: 6rem;
	border-top: 0.3rem solid #B0079F;
	background: #fff;
	box-shadow: 0 0 1rem rgba(0,0,0,0.15);
	z-index: 9999;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}

	@media (min-width: 600px) {
		header {
			height: 7.25rem;
		}
	}


	header .wrap {
		padding: 0 1.5rem;
	    width: 100%;
	    max-width: 1250px;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		height: 100%;
	}

	header .nav-toggle {
		display: block;
		cursor: pointer;
		width: 3rem;
		height: 3rem;
		margin-left: 1rem;
		padding-top: 3px;
	}

		header .nav-toggle span {
			display: block;
			width: 2.5rem;
			height: 2px;
			background: #B0079F;
			margin: 7px 0 7px auto;
		}

	@media (min-width: 1000px) {
		header .nav-toggle {
			display: none;
		}
	}

	header a.logo {
		margin-right: auto;
	}

		header a.logo img {
			height: 2.7rem;
			width: auto;
		}

		@media (min-width: 750px) {
			header a.logo img {
				height: 3.3rem;
				width: auto;
			}
		}


	header .lang-switcher {
		font-weight: bold;
		font-size: 1.06rem;
		line-height: 175%;
		color: rgba(54, 54, 54, 0.4);
		text-transform: uppercase;
		display: none;
	}

		@media (min-width: 500px) {
			header .lang-switcher {
				display: block;
			}
		}

	header .lang-switcher a {
		text-decoration: none;
	}

		header .lang-switcher .current-lang-item {
			color: #B0079F;
		}

			header .lang-switcher * {
				margin: 0 0.1rem
			}


	header nav.meta {
		margin-left: auto;
		color: #363636;
		display: none;
	}

	@media (min-width: 850px) {
		header nav.meta {
			display: block;
		}
	}

		header nav.meta ul {
			display: flex;
			flex-flow: row wrap;
		}

		header nav.meta ul li {
			margin-right: 2rem
		}

		header nav.meta a {
			text-decoration: none;
		}

	header form.search {
		margin-right: 2rem
	}

		header form.search input[type=text] {
			border: 1px solid #707070;
			border-radius: 1.5rem;
			background: #fff url(/app/themes/bigdata/css/img/search.svg) no-repeat left 0.75em center;
			background-size: 0.8rem auto;
			font-size: 0.875rem;
			line-height: 140%;
			padding: 0.5em 1.5em 0.5em 2em;
			outline: none;
			-webkit-appearance: none;
			appearance: none;
		}

	header nav.primary {
		position: absolute;
		right: 0;
		top: 100%;
		text-align: right;
		right: 1.5rem;
		padding: 0.65rem 0 0.65rem 3.75rem;
	}

		header nav.primary::after {
			content: "";
			display: block;
			background: #B0079F;
			position: absolute;
			width: 100vw;
			height: 100%;
			left: 3.75rem;
			top: 0;
			z-index: -1;
		}

		header nav.primary::before {
			content: "";
			display: block;
			background: rgb(176,7,159);
			background: linear-gradient(40deg, rgba(176,7,159,0) 0%, rgba(176,7,159,0) 50%, rgba(176,7,159,1) 50%, rgba(176,7,159,1) 100%);
			position: absolute;
			width: 3.75rem;
			height: 100%;
			left: 0;
			top: 0;
			z-index: -1;
		}

		/* @media (min-width: 1100px) {
			header nav.primary::before {
				display: block;
			}
		} */

		header nav.primary ul {
			color: #fff;
		}

			header nav.primary ul li {
				display: inline-block;
			}


			header nav.primary ul li::after {
				content: "";
				display: block;
				width: 2px;
				height: 0.625rem;
				position: absolute;
				right: 0;
				top: 50%;
				background: #fff;
				transform: translateY(-50%);
			}

				header nav.primary ul li:last-child::after {
					display: none;
				}

		header nav.primary {
			font-size: 1.06rem;
			line-height: 175%;
		}

		header nav.primary a {
			text-decoration: none;
			display: block;
			padding: 0 1.25rem;
		}

			header nav.primary li:last-child a {
				padding-right: 0
			}

			header nav.primary .lang-switcher,
			header nav.primary .meta {
				display: none;
			}

	@media (max-width: 999px) {
		header form.search {
			display: none;
		}

		header nav.primary {
			display: none;
		}

		.has-nav-open header nav.primary {
			display: block;
			background: #B0079F;
			color: #fff;
			font-size: 1.6rem;
			line-height: 120%;
			text-align: left;
			left: 0;
			right: 0;
			width: 100%;
			height: calc(100vh - 6rem);
			padding: 2.5rem 0;
		}

			header nav.primary::before,
			header nav.primary::after {
				display: none;
			}

			header nav.primary ul {
				display: block;
				text-align: left;
			}

			header nav.primary ul li {
				display: block;
			}

				header nav.primary ul li::after {
					display: none;
				}

				header nav.primary ul li a {
					padding: 0.5rem 2rem;
					display: block;
				}

		header nav.primary .lang-switcher,
		header nav.primary .meta {
			display: block;
		}


		header nav.primary .lang-switcher {
			display: flex;
			flex-flow: row wrap;
			padding: 0 2rem;
			color: rgba(255, 255, 255, 0.6);
			margin-top: 1rem;
		}

		header nav.primary .lang-switcher .current-lang-item {
			color: #fff;
		}

		header nav.primary .lang-switcher a {
			padding: 0;
		}

		header nav.primary .lang-switcher > * {
			margin: 0 1rem
		}

		header nav.primary .lang-switcher > *:first-child {
			margin-left: 0
		}


		header nav.primary nav.meta {
			padding: 0 2rem;
			margin-top: 2rem;
		}

			header nav.primary nav.meta ul {
				display: flex;
				flex-flow: row wrap;
				font-size: 1rem;
			}

			header nav.primary nav.meta ul li {
				margin-right: 1rem;
			}

			header nav.primary nav.meta ul li a {
				padding: 0;
				display: inline-block;
				border: 1px solid rgba(255, 255, 255, 0.6);
				padding: 0.25rem 0.5rem;
				border-radius: 3px
			}
	}

.breadcrumbs-share {
	font-family: Arial, sans-serif;
	min-height: 3.8rem;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	z-index: 9
}

	.breadcrumbs-share::after {
		z-index: 0;
		content: "";
		display: block;
		position: absolute;
		background: #B0079F;
		width: 50vw;
		left: 50%;
		top: 0;
		height: 100%;
		display: none;
	}

	.breadcrumbs-share .wrap {
		display: flex;
		flex-flow: row wrap;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

		@media (min-width: 700px) {
			.breadcrumbs-share .wrap {
				height: 3.8rem;
				padding-top: 0;
				padding-bottom: 0;
			}
		}

		.breadcrumbs-share .breadcrumbs,
		.breadcrumbs-share .share {
			width: 100%;
			z-index: 9;
			height: 100%;
			display: flex;
			flex-flow: row wrap;
			align-items: center;
		}

		.breadcrumbs-share .breadcrumbs {
			padding-right: 1.5rem;
		}

			.breadcrumbs-share .breadcrumbs a {
				text-decoration: none;
			}

			.breadcrumbs-share .breadcrumbs .current,
			.home .breadcrumbs-share .breadcrumbs a:first-child {
				color: #2965DD;
				font-weight: bold;
			}


		.breadcrumbs-share .share {
			text-align: right;
			color: #B0079F;
			font-weight: bold;
			display: flex;
			flex-flow: row wrap;
		}

		.breadcrumbs-share .share .label {
			text-align: left;
			flex: 1
		}


			@media (min-width: 700px) {
				.breadcrumbs-share .breadcrumbs,
				.breadcrumbs-share .share {
					width: 50%;
				}
				.breadcrumbs-share .share {
					color: #fff;
				}
				.breadcrumbs-share::after {
					display: block;
				}
				.breadcrumbs-share .share .label {
					text-align: center;
				}
			}

		.share-links {
			display: flex;
			flex-flow: row wrap;
			margin-left: auto;
		}

		.share-links a {
			display: block;
			width: 1.8rem;
			height: 1.8rem;
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100% auto;
			border-radius: 100%;
			margin: 0 0.25rem;
			border: 1px solid #B0079F;
		}

			@media (min-width: 900px) {
				.share-links a {
					width: 2.35rem;
					height: 2.35rem;
					margin: 0 0.5rem;
				}
			}

			.share-links a.twitter { background-image: url(/app/themes/bigdata/css/img/twitter.svg); }
			.share-links a.linkedin { background-image: url(/app/themes/bigdata/css/img/linkedin.svg); }
			.share-links a.xing { background-image: url(/app/themes/bigdata/css/img/xing.svg); }
			.share-links a.mail { background-image: url(/app/themes/bigdata/css/img/mail.svg); }
			.share-links a.facebook { background-image: url(/app/themes/bigdata/css/img/facebook.svg); }

			.share-links a:last-child {
				margin-right: 0
			}


.wp-block-cover .wp-block-cover__inner-container {
	position: static;
}

.wp-block-cover .scroll-down {
	width: 1.5rem;
	height: 1.5rem;
	background: url(/app/themes/bigdata/css/img/scrolldown.svg) no-repeat center;
	background-size: contain;
	display: block;
	cursor: pointer;
	position: absolute;
	bottom: 2rem;
	left: 50%;
	margin-left: -0.75rem;
}


.search-result {
	display: block;
	border-bottom: 2px solid #DFDFDF;
	text-decoration: none;
	padding: 1.5rem 0;
	background: url(/app/themes/bigdata/css/img/arrow-more.svg) no-repeat center right;
	background-size: 0.6rem auto;
	font-weight: bold;
}


footer {
	box-shadow: 0 -7px 12px rgba(0,0,0,0.2);
	border-top: 5px solid #B0079F;
	padding: 2.5rem 0 0 0;
	font-family: Arial, sans-serif;
}

	footer a {
		text-decoration: none;
	}

	footer nav.footer ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		color: #646464;
	}

		footer nav.footer ul li {
			margin: 0 1rem;
			width: calc(50% - 2rem);
			margin-bottom: 1rem
		}


			footer nav.footer ul li a {
				display: block;
				padding-bottom: 0.8rem;
				border-bottom: 5px solid #B0079F;
			}

			footer nav.footer ul li:nth-child(2) a { border-color: #003399; }
			footer nav.footer ul li:nth-child(3) a { border-color: #0055FF; }
			footer nav.footer ul li:nth-child(4) a { border-color: #555555; }

			footer nav.footer ul li::before {
				content: "";
				display: block;
				position: absolute;
				height: 100%;
				width: 1px;
				left: -1rem;
				top: 0;
				background: rgba(0,0,0,0.18);
				display: none;
			}

				footer nav.footer ul li:nth-child(2n)::before {
					display: block;
				}

				footer nav.footer ul li:nth-child(1)::before {
					display: none;
				}

				@media (min-width: 700px) {
					footer nav.footer ul li {
						margin: 0 2rem;
						width: auto;
					}
					footer nav.footer ul li::before {
						left: -2rem;
						display: block;
					}
				}

				@media (min-width: 900px) {
					footer nav.footer ul li {
						margin: 0 3rem
					}
					footer nav.footer ul li::before {
						left: -3rem;
					}
				}

	footer .logo-snf {
		margin-top: 2.5rem;
		height: 3rem;
	}

		footer .logo-snf img {
			height: 100%;
			width: auto;
		}

	footer .imprint {
		background: #DDDDDD;
		padding: 3rem 0 1.5rem 0;
		margin-top: 2.5rem;
	}

		footer .imprint .wrap {
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
		}