// Styles for 640px and up (40*16)

// Helpers

.wrapper40 {
	@include proper-clearfix;
}

.nowrapper40 {
	@include no-proper-clearfix;
}

// Typography

h1, .h1 {
	@include font-nudista;
	text-transform: uppercase;
	font-size: em-calc($fs-h1-2);
	line-height: lh-calc($lh-h1-2, $fs-h1-2);
	@include margin-vertical(em-calc(27px, $fs-h1-2));
}

h2, .h2 {
	@include font-nudista;
	font-size: em-calc($fs-h2-2);
	line-height: lh-calc($lh-h2-2, $fs-h2-2);
	@include margin-vertical(em-calc($lh-default, $fs-h2-2));
}

// Footer

.site-footer-nav-row {
	@include proper-clearfix;
	margin: em-calc($lh-default) auto;

	.left {
		width: em-calc(350px);
		float: left;
		margin-right: em-calc(30px);
	}

	.right {
		@include margin-vertical(0);
		@include proper-clearfix;
		text-align: right;
	}

		.btn-rounded {
			margin: em-calc(10px, $fs-xs) 0 0;
			float: right;
			clear: right;

			&:first-child {
				margin-top: 0;
			}
		}
}


.site-footer-meta {
	@include proper-clearfix;

	.left, .right {
		width: 50%;
	}

	.left {
		padding-right: em-calc($gutter-w / 2);
		float: left;
		text-align: left;
	}

	.right {
		padding-left: em-calc($gutter-w / 2);
		float: right;
		text-align: right;
	}
}


// Post loops

.loop-post {
	$date-w-h: 138px;

	.datepanel {
		position: relative;
		width: em-calc($date-w-h);
		height: em-calc($date-w-h);
		margin-right: em-calc($gutter-w);
		float: left;
		text-align: center;
		color: #fff;
		background: #bfb89d;

		.multiplebgs.cssgradients & {
			@include background-image(
				bg-noise(),
				linear-gradient(128deg, #bfb89d, #9b8970)
			);
		}

		background-position: center;
		background-repeat: repeat, no-repeat;

		span {
			display: block;
			position: absolute;
			width: 100%;
		}
	}

	.title {
		margin-left: em-calc($date-w-h + $gutter-w, $fs-h1-2);
		line-height: lh-calc($fs-h1-2, $fs-h1-2);
	}

		.day {
			@include font-roboto-thin;
			top: em-calc(10px, 90px);
			font-size: em-calc(90px);
			line-height: lh-calc(80px, 90px);

			&:after {
				content: none;
			}

			&.indent-left {
				position: relative;
				left: em-calc(-5px, 90px);
			}
		}

		.month-year {
			line-height: lh-calc($fs-default);
			bottom: em-calc(15px);
		}
}

.loop-post-widget {
	.title {
		margin-left: 0;
	}
}

// Homepage

.site-header-parallax-homepage {
	@include background-size(cover);
	background-image: image-url('header-image-homepage-2.jpg');
}

.homepage-title {
	.logo-animated {
		margin-top: $header-h + 100px;
	}
}

.homepage {
	.site-header {
		min-height: em-calc($header-h-homepage-2);
	}
}

.block-inner-media {
	.item h3 {
		$fs-local: 30px;
		font-size: em-calc($fs-local);
		line-height: lh-calc(36px, $fs-local);
	}
}

dl {
	@include proper-clearfix;
}

	dt {
		float: left;
		clear: left;
		width: col-calc(5);
		margin-top: 0;
		padding-right: em-calc($gutter-w / 2);
	}

	dd {
		margin: 0 0 0 col-calc(5);
	}

.availability-panel {
	.content {
		.btn-group {
			.btn {
				width: 50%;
			}
		}
	}
}