/*
Theme Name:         Twise
Theme URI:          http://www.twise.dk
Description:        Foundation based responsive website for WordPress.
Version:            1.0.0
Author:             Kim Andersen
Author URI:         
*/

body {
	font-family: 'Noto Sans', sans-serif;
	color:#777;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
	h1.b, h2.b, h3.b, h4.b, h5.b, h6.b {
		font-weight: 400;
	}
	h4.subheader {
		font-weight: 200;
		color:#999;
	}

button, .button {
	background-color: #39D1B4;
}
button:hover, .button:hover {
	background-color: #2ca38b;
}
.button.light-gray {
	background-color: #f4f4f4 !important;
	border:solid 1px #eaeaea;
	color:#888;
}
.button.tidy.tidy {
	padding-left:1em;
	padding-right:1em;
}

header {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);
}
	header a {
		color:#333 !important;
	}

/*.small-12 {
	padding-bottom:1em !important;
}*/

address {
	font-style: normal;
}

small {
	font-size:70%;
}

.italic {
	font-style: italic;
}

.nowrap {
	white-space: nowrap;
}

.top-bar,
.top-bar .name h1 a,
.top-bar-section ul li,
.top-bar-section ul li a {
	background-color: transparent !important;
}
.top-bar.expanded,
.top-bar.expanded .title-area,
.top-bar.expanded .name h1 a,
.top-bar-section.expanded ul li,
.top-bar-section.expanded ul li a {
	background-color: #f4f4f4 !important;
	
}
.top-bar-section ul li a {
	font-size:1.0em;
	color:#555 !important;
}
	.top-bar-section li a:hover {
		color:#222 !important;
	}
	.top-bar-section li a:active {
		background-color: #39D1B4 !important;
		color: #fff !important;
	}

/* Header logo */
.top-bar .title-area h1 a {
	color: rgba(0,0,0,.54) !important;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8125rem;
}
	.top-bar .title-area h1 img {
		max-height: 22px;
		margin-right: .8em;
	}

.content-wrapper {
	position: absolute;
	top:0px;
	left:0;
	width: 100%;
	height: 100%;
}

.content-body {
	margin-top:45px;
}

section.content {
	background-color: #fff;
	padding:.5em 0 .5em 0;
}
	section.content .header {
		margin-top:1em;
		margin-bottom:4em;
	}
	
		section.content .header h3 {
			font-weight: 100;
		}
		section.content .header h4.subheader {
			max-width: 400px;
			display: inline-block;
			margin-bottom: 1em;
		}

	section.content.footer {
		border-top:solid 1px #ddd;
	}
}
section.content .section-header {
	margin:1em 0 1em 0;
}

.mobile-intro {
	padding-top:1.2em !important;
}

.opacity-8 {
	opacity: .8;
	-webkit-opacity: .8;
}

.no-margin {
	margin:0;
}

.opacity-5 {
	opacity: .5;
	-webkit-opacity: .5;
}
.opacity-8 {
	opacity: .8;
	-webkit-opacity: .8;
}

.color-red {
	/*color:#F65A5B !important;*/
	color:#f55253 !important;
}

.color-light-blue {
	/*background-color: #59A1C9 !important;*/
	color: #0DADEC !important;
}

.color-white {
	color:#fff !important;
}

.color-gray {
	color:#777;
}

.color-lightgray {
	color:#999;
}

img.icon-service {
	width: 72px;
	height: 72px;
}

.bg-red {
	/*color:#F65A5B !important;*/
	background-color:#f55253 !important;
}

.bg-light-blue {
	/*background-color: #59A1C9 !important;*/
	background-color: #0DADEC !important;
}

.bg-dark-blue {
	background-color: #1E3F57 !important;
}

.bg-light-gray {
	background-color: #f4f4f4 !important;
}

.bg-dark-gray {
	background-color: #444 !important;
}

.bg-transparent {
	background-color: transparent !important;
}

cite {
	opacity:.56;
	-webkit-opacity:.56;
}

.quick-contact .address .foundicon-location {
	position:absolute;
}
	.quick-contact .address small {
		vertical-align:top;
		line-height:16px;
		padding-top:1px;
		display:block;
		margin-left:25px;
	}
	.quick-contact .phone small {
		vertical-align:top;
		line-height:17px;
		margin-left:5px;
	}

section.testimonials p {
	font-size:1.2em;
}

.tag {
	font-style:italic;
	font-size:.9em;
}

.tech-partners .attachment-post-thumbnail {
	width:auto;
	max-height:40px !important;
	margin-bottom:1em;
}

.content.cases .attachment-post-thumbnail {
	width:auto;
	height:auto;
	max-height:60px !important;
	margin-bottom:1.5em;
}

.content.services .service,
.content.tech-partners .tech-partner,
.content.cases .case {
	padding-bottom:2em;
	margin-bottom:2em;
	border-bottom:solid 1px #eaeaea;
}

/* Medium screens, min-width 641px */
@media only screen and (min-width: 40.063em) {

	header {
		height: 70px;
		padding-top: 12px;
		background-color:rgba(255, 255, 255, 0.4);
	}

	/* Header logo */
	.top-bar .title-area h1 a {
		color: rgba(0,0,0,.54) !important;
		font-weight: 700;
		text-transform: uppercase;
		font-family: 'Noto Sans', sans-serif;
		font-size: 1.4em;
	}
		.top-bar .title-area h1 img {
			max-height: 40px;
			margin-right:.7em;
		}

	.content-body {
		position: absolute;
		background-color: #fff;
		width:100%;
		top:50px;
		left:0px;
		margin-top:0;
	}

	body.page-home .content-body {
		top:400px;
	}

	section.content {
		padding:4em 2em 4em 2em;
	}

	section.content .header {
		margin-bottom:4em;
	}
		section.content .header h3 {
			font-size:2.2em;
		}
		section.content .header h4.subheader {
			max-width: 650px;
			font-size:1.4em;
		}

	section.content .section-header {
		margin:1em 0 2em 0;
	}

	.slick-slider {
		position: fixed;
		top: 0px;
		left: 0;
		width: 100%;
		height: 400px;
	}
		.slick-slider .image {
			width:100%;
			height:400px;
			background-repeat: no-repeat;
			background-size: 100% auto;
		}
		.slick-slider .headers {
			top:7em;
			left:5em;
			position: absolute;
		}
		.slick-slider .headers h1,
		.slick-slider .headers h2 {
			display: inline-block;
			max-width: 650px;
			color: #fff;
			opacity: .85;
			-webkit-opacity: .85;
			border-radius:1px;
			-webkit-border-radius:1px;
		}
		.slick-slider .headers h1 {
			max-width: 650px;
			font-size: 1.6em;
			text-transform: uppercase;
			padding:.5em .7em .5em .7em;
			font-weight: 300;
		}
		.slick-slider .headers h2 {
			font-size: 1.4em;
			max-width: 570px;
			margin-top:20px;
			opacity: .85;
			padding:.6em .8em .6em .8em;
			-webkit-opacity: .85;
			font-weight: 400;
		}
		.slick-slider .slick-prev,
		.slick-slider .slick-next {
			background: transparent !important;
			opacity: .2;
			-webkit-opacity: .2;
			transition:opacity .5s;
			-webkit-transition:opacity .5s;
		}
		.slick-slider .slick-prev {
			left:15px;
		}
		.slick-slider .slick-next {
			right:35px;
		}
			.slick-slider .slick-prev:before,
			.slick-slider .slick-next:before {
				font-size:40px;
			}
			.slick-slider .slick-prev:hover,
			.slick-slider .slick-next:hover {
				background: transparent !important;
				opacity: .85;
				-webkit-opacity: .85;
				transition:opacity .5s;
				-webkit-transition:opacity .5s;
			}

	.content i {
		font-size:3.2em;
		opacity: .3;
		-webkit-opacity: .3;
	}

	.content.cases .attachment-post-thumbnail {
		width:auto;
		height:auto;
		max-height:50px;
		margin-bottom:1.5em;
	}
}

/* Large screens, min-width 1025px */
@media only screen and (min-width: 64.063em) {
	
	body.page-home .content-body {
		top:500px !important;
	}

	.slick-slider {
		height: 500px;
	}
		.slick-slider .image {
			height:500px;
		}
		.slick-slider .headers {
			top:9em;
			left:5em;
		}
			.slick-slider .headers h1 {
				max-width:750px;
				font-size: 2.2em;
				padding:.4em .6em .4em .6em;
			}
			.slick-slider .headers h2 {
				font-size: 1.8em;
				padding:.8em;
				max-width: 700px;
			}
		
	section.content .header h3 {
		font-size:2.3em;
	}
	section.content .header h4.subheader {
		max-width: 700px;
		font-size:1.5em;
	}

	.content i {
		font-size:4em;
	}
}