/*!
Theme Name: BeatriceVillata
Theme URI: http://underscores.me/
Author: qzrstudio
Author URI: https://qzrstudio.com
Description: Custom WP theme by QZR based on LS graphic design
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: beatricevillata
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

beatricevillata is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/* Reset */
	html {
		line-height: 1.15;
		-webkit-text-size-adjust: 100%;
		font-size: 16px;
		color: #005C84;
	}
	@media screen and (min-width: 1420px) {
		html {
			font-size: 19px;
		}
	}

	@media screen and (max-width: 1419px) {
		html {
			font-size: calc(100vw * 16 / 1200);
		}
	}
	@media screen and (max-width: 1023px) {
		html {
			font-size: 14px;
		}
	}
	@media screen and (max-width: 767px) {
		html {
			font-size: 16px;
		}
	}

	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		-webkit-appearance: none;
	}
	img {
		max-width: 100%;
	}


/* Grid */
	.main-column {
		position: relative;
		margin: 0 auto;
		max-width: 95%;
	}
	.no-padding {
		padding: 0;
	}
	.padding {
		padding: 1rem;
	}
	.col-padding {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.padding-left {
		padding-left: 1rem;
	}
	.padding-right {
		padding-right: 1rem;
	}
	.padding-right-2x {
		padding-right: 2rem;
	}
	.row-padding {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.padding-top {
		padding-top: 1rem;
	}
	.padding-btm {
		padding-bottom: 1rem;
	}
	.padding-15x {
		padding: 1.5rem;
	}
	.col-padding-15x {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.row-padding-15x {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.col-padding-05x {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.row-padding-05x {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.padding-btm-15x {
		padding-bottom: 1.5rem;
	}
	.padding-2x {
		padding: 2rem;
	}
	.col-padding-2x {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.row-padding-2x {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.padding-top-2x {
		padding-top: 2rem;
	}
	.padding-btm-2x {
		padding-bottom: 2rem;
	}
	.padding-3x {
		padding: 3rem;
	}
	.col-padding-3x {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.padding-right-3x {
		padding-right: 3rem;
	}
	.row-padding-3x {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.padding-btm-3x {
		padding-bottom: 3rem;
	}
	.padding-top-3x {
		padding-top: 3rem;
	}
	.padding-btm-05x {
		padding-bottom: 0.5rem;
	}

	.margin,
	.wp-block-column.margin {
		margin: 1rem;
	}
	.margin-btm-06x {
		margin-bottom: 0.666rem;
	}
	.margin-btm {
		margin-bottom: 1rem;
	}
	.margin-btm-2x {
		margin-bottom: 2rem;
	}
	.margin-btm-25x {
		margin-bottom: 2.5rem;
	}
	.margin-top-06x {
		margin-top: 0.666rem;
	}
	.margin-top {
		margin-top: 1rem;
	}
	.margin-top-25x {
		margin-top: 2.5rem;
	}
	.margin-left {
		margin-left: 1rem;
	}
	.margin-left-25x {
		margin-left: 2.5rem;
	}
	.margin-top-2x {
		margin-top: 2em;
	}
	.margin-btm {
		margin-bottom: 1em;
	}
	.row-margin {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.row-margin-2x {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.col-margin,
	.wp-block-column.col-margin {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.big-screen-margin-left {
		margin-left: 1.6rem;
	}
	.column-1-of-12		{ width: 8.333% }
	.column-1-of-8		{ width: 12.5% }
	.column-1-of-7		{ width: 14.285% }
	.column-1-of-6,
	.column-2-of-12		{ width: 16.666% }
	.column-1-of-5		{ width: 20% }
	.column-1-of-4,
	.column-2-of-8,
	.column-3-of-12		{ width: 25% }
	.column-1-of-3,
	.column-4-of-12		{ width: 33.333% }
	.column-3-of-8		{ width: 37.5% }
	.column-2-of-5		{ width: 40% }
	.column-5-of-12		{ width: 41.666% }
	.column-1-of-2,
	.column-2-of-4,
	.column-4-of-8,
	.column-6-of-12		{ width: 50% }
	.column-7-of-12		{ width: 58.333% }
	.column-3-of-5		{ width: 60% }
	.column-5-of-8		{ width: 62.5% }
	.column-2-of-3,
	.column-8-of-12		{ width: 66.666% }
	.column-5-of-7		{ width: 71.4% }
	.column-3-of-4,
	.column-6-of-8,
	.column-9-of-12		{ width: 75% }
	.column-5-of-6,
	.column-10-of-12	{ width: 83.333% }
	.column-6-of-7		{ width: 85.715% }
	.column-7-of-8		{ width: 87.5% }
	.column-11-of-12	{ width: 91.666% }
	.column-1-of-1		{ width: 100% }
	
/*
	.panel .wp-block-column,
	.wp-block-columns {
		margin: 0;
	}
	@media(min-width: 600px){
		.wp-block-column {
			flex-basis: 50%;
			flex-grow: 0;
		}
	}*/

	.spacer {
		height: 1rem;
	}
	.left { 
		position: relative;
		float: left; 
	}
	.right { 
		position: relative;
		float: right; 
	}
	.center {
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	.clear {
		clear: both;
	}

	.flex {
		display: flex;
	}
	.flex-vertical {
		display: flex;
		align-items: center;
	}
	.flex-start {
		display: flex;
		align-items: flex-start;
	}
	.reverse-order {
		flex-direction: row-reverse;
	}
	.space-end {
		justify-content: flex-end;
	}
	.space-center {
		justify-content: center;
	}
	.space-between {
		justify-content: space-between;
	}
	.space-around {
		justify-content: space-around;
	}
	.space-evenly {
		justify-content: space-evenly;
	}
	.wrap {
		flex-wrap: wrap;
	}




/* General typography */
	@font-face {
	    font-family: 'Berlingske';
	    font-display: auto;
	    src: url('fonts/berlingske/BerlingskeSerif-Lt.eot');
	    src: url('fonts/berlingske/BerlingskeSerif-Lt.eot?#iefix') format('embedded-opentype'), url('fonts/berlingske/BerlingskeSerif-Lt.woff2') format('woff2'), url('fonts/berlingske/BerlingskeSerif-Lt.woff') format('woff');
	    font-weight: 300;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Fakt';
	    font-display: auto;
	    src: url('fonts/fakt/Fakt-Blond.woff2') format('woff2'), url('fonts/fakt/Fakt-Blond.woff') format('woff');
	    font-weight: 300;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'Fakt';
	    font-display: auto;
	    src: url('fonts/fakt/FaktCondensed-SemiBold.woff2') format('woff2'), url('fonts/fakt/FaktCondensed-SemiBold.woff') format('woff');
	    font-weight: 700;
	    font-style: normal;
	}

	body, .gm-style {
		font-size: 1rem;
		line-height: 1.375;
		font-family: 'Fakt', sans-serif;
		font-weight: 300;
	}
	h1, .biggest {
		font-family: 'Berlingske', serif;
		font-size: 3.5rem;
		line-height: 1.375;
		font-weight: 300;
	}
	.icon-biggest {
		font-family: 'Fakt', sans-serif;
		font-size: 3rem;
		line-height: 1;
		font-weight: 300;
	}
	h2, .bigger {
		font-family: 'Berlingske', serif;
		font-size: 2.25rem;
		line-height: 1.375;
		font-weight: 300;
	}


	.sans {
		font-family: 'Fakt';
	}
	.serif {
		font-family: 'Berlingske';
	}
	/*.small,
	.wp-block-button a {
		font-size: 0.777rem;
		line-height: 1.5;
		letter-spacing: 0.28px;
		font-weight: 700;
	}*/
	.small,
	h2.is-style-project-intro,
	h2.is-style-profile-label {
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.1rem;
		font-size: 0.875rem;
		line-height: 1rem;
	}
	h2.is-style-project-intro {
		padding-bottom: 3rem;
	}
	h2.is-style-profile-label {
		padding-bottom: 1rem;
	}
	h2.is-style-profile-label.no-padding {
		padding: 0;
	}
	.spaced {
		letter-spacing: 0.1rem;
	}
	h1.small,
	h2.small,
	h2.is-style-project-intro,
	h2.is-style-profile-label {
		font-family: 'Fakt', sans-serif;
	}
	.wp-block-button a {
		line-height: 1;
		letter-spacing: 1px;
	}
	.tiny {
		font-size: 0.75rem;
		line-height: 1.33;
		letter-spacing: 1.2px;
		font-weight: 700;
	}

	p.is-style-profile-text {
		text-indent: 5rem;
		font-family: 'Berlingske';
		font-size: 2rem;
		line-height: 1.43;
		font-weight: 300;
		clear: both;
	}
	p.is-style-profile-text:first-child {
		text-indent: 0;
	}
	.upper {
		text-transform: uppercase;
	}


/* Generic elements */
	a {
		text-decoration: none;
		color: #005C84;
		opacity: 1;
		transition: opacity 0.2s linear;
	}
	a:href, a:visited, a:hover {
		color: inherit;
	}
	a:hover {
		opacity: 0.5;
	}
	.btn,
	a.btn,
	.wp-block-button .wp-block-button__link {
		border-radius: 2rem;
		border-width: 1px;
		border-style: solid;
		padding: 1rem 1.75rem;
		line-height: 1;
		transition: all 0.2s linear;
		text-transform: uppercase;
		cursor: pointer;
		font-weight: 700;
	}
	a.link:after,
	a.btn:after,
	.wp-block-button a:after {
		content: ' →';
	}
	hr {
		display: block;
		height: 0px;
		width: 100%;
		border: 0;
		border-bottom: 1px solid black;
	}
	.email-btn,
	.linkedin-btn,
	.curriculum-btn {
		margin: 5px 0
	}
	.email-btn a:before,
	.linkedin-btn a:before,
	.curriculum-btn a:before {
		display: inline-block;
		content: '';
		width: 36px;
		height: 36px;
		border-width: 1px;
		border-style: solid;
		border-radius: 50%;
		background-size: 24px;
		background-position: center center;
		background-repeat: no-repeat;
		vertical-align: middle;
		margin-right: 5px;
	}


/* Header */

	.site-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 10;
		transition: all 0.5s;
		background: white;
		box-shadow: 0px 5px 10px rgba(100,100,100,0.1);
		padding: 2rem 0;
	}
	.home .site-header,
	.scroll .home .site-header {
		background: none;
		box-shadow: none;
		padding: 2rem 0;
	}
	.scroll .site-header {
		padding: 1rem 0rem;
	}
	.scroll .header-brand-wrapper {
		top: 0.7rem;
	}
	.scroll .header-brand {
		height: 1.5rem;
	}
	.site-branding {
		position: relative;
		float: left;
	}
	.site-title,
	.site-title a {
		text-decoration: none;
	}
	.main-brand-wrapper,
	.header-brand-wrapper {
		position: fixed;
		top: 50%;
		left: 50%;
	}
	.header-brand-wrapper {
		top: 1rem;
		z-index: 10;
	}
	.main-brand {
		transform: translate(-50%,-50%);
	}
	.main-brand.big-screen {
		height: 4.75rem;
		width: 21.1rem;
	}
	.main-brand.small-screen,
	.header-brand,
	.menu-brand {
		transition: all 0.5s;
		height: 2.625rem;
		width: 2.9rem;
	}
	.main-brand.small-screen {
		height: 4.52rem;
		width: 5rem;
	}
	.scroll .menu-brand {
		margin: 1rem 0;
	}
	.scroll .home .menu-brand {
		margin: 2rem 0;
	}
	.scroll footer.padding-btm-2x,
	.scroll #menu-footer {
		padding-bottom: 1rem;
	}

	.scroll .home footer.padding-btm-2x,
	.scroll .home #menu-footer {
		padding-bottom: 2rem;
	}
	.header-brand {
		transform: translate(-50%,0%);
	}
	footer {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}
	footer path {
		fill: #005C84;
	}
	footer hr {
		border-bottom-color: white;
	}
	footer .btn {
		padding: 1rem 1.25rem;
	}
	footer .btn:hover {
		background: white;
		color: #005C84;
	}
	body.menu-opened {
		/*overflow-y: hidden;*/
	}
	.main-navigation {
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		width: 0;
		padding: 0;
		transition: all 0.5s;
		color: white;
		overflow: hidden;
		z-index: 12;
	}
	.site-content:after {
		content: '';
		position: fixed;
		z-index: 11;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(0,0,0,0);
		pointer-events: none;
		transition: all 0.5s;
	}
	.menu-opened .site-content:after {
		background-color: rgba(0,0,0,0.25);
	}
	.main-navigation > * {
		opacity: 0;
		transition: all 0.5s;
	}
	.menu-opened .main-navigation > * {
		opacity: 1;
	}
	.menu-opened .main-navigation {
		width: 33vw;
		padding: 0 2rem 2rem;
	}
	.main-navigation ul {
		list-style: none;
		margin-top: 2rem;
	}
	.main-navigation ul li {
		/*margin-right: 3.5rem;*/
	}
	.main-navigation ul li a,
	#newsletter-wrapper h3 {
		display: block;
		line-height: 3.75rem;
		text-decoration: none;
		font-family: 'Berlingske', serif;
		font-weight: 300;
		font-size: 2.25rem;
		color: white;
		cursor: pointer;
	}
	.main-navigation a {
		color: white;
	}
	#newsletter-wrapper h3 {
		cursor: default;
	}
	#menu-btn {
		width: 1.2rem;
		height: 1.2rem;
		border-radius: 0.6rem;
		cursor: pointer;
		top: 1.8rem;
		z-index: 11;
		user-select: none;
		transition: all 0.5s;
	}
	.scroll #menu-btn {
		top: 0.9rem;
	}
	.scroll .home #menu-btn {
		top: 1.8rem;
	}
	.menu-opened #menu-btn {
		background: white;
	}
	#social-icons {
		line-height: 0;
	}
	#social-icons path {
		transition: all 0.5s;
	}
	.menu-opened #social-icons path {
		fill: white;
	}
	#menu-btn,
	#social-icons {
		position: fixed;
		right: 2.5vw;
		left: auto;
		z-index: 20;
		transition: all 0.5s;
	}
	#menu-btn {
		right: calc(1rem + 2.5vw);
	}
	#menu-footer {
		position: absolute;
		bottom: 0rem;
	}
	#colophon {
		position: fixed;
		left: 2.5vw;
	}
	.can-move {
		transition: all 0.5s;
	}
	.site-content {
		width: 100%;
	}
	.menu-opened .can-move {
		/*transform: translate(-25vw,0);*/
		margin-left: -25vw;
	}

	.menu-opened .header-brand {
		opacity: 0;
	}
	.content-area {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	.content-area a {
		opacity: 0.5;
	}
	.post-type-archive-project .content-area a,
	.project-template-default .content-area a,
	.home .content-area a {
		opacity: 1;
	}
	.post-type-archive-project .content-area a:hover,
	.project-template-default .content-area a:hover,
	.home .content-area a:hover {
		opacity: 0.5;
	}
	.content-area a:hover {
		opacity: 1;
	}
	.home .content-area {
		padding-top: 0rem;
		padding-bottom: 0rem;
	}
/* Colors */
	/* General color */
	h1, h2 {
		color: #005C84;
	}
	.bvl-txt,
	.bvl-txt a,
	a.bvl-txt {
		color: #005C84;
	}
	.bvl-bkg {
		background-color: #005C84;
	}

/* Project */
	
	.project .wp-block-image,
	.project .wp-block-embed {
		margin: 3rem 0;
	}
	.project .wp-block-image {
		cursor: zoom-in;
	}
	.project .wp-block-image img {
		min-width: 100%;
		height: auto;
	}
	.wp-block-image .aligncenter {
		text-align: center;
	}
	.wp-block-image .aligncenter figcaption {
		text-align: left;
	}
	.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
		display: block;
	}
	.wp-block-image>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption {
		display: block;
		font-style: italic;
		font-size: 0.777rem;
		line-height: 1.5;
		letter-spacing: 0.28px;
		margin-top: 1rem;
	}

	.project-details {
		clear: both;
	}
	.project-details .title {
		color: #D5D5D5;
	}
	.project-details hr {
		border-bottom-color: #D5D5D5;
	}
	.project-details p {
		margin-bottom: 1rem;
	}
	

	.project .wp-block-columns {
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.zoom-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(255,255,255,1);
		opacity: 0;
		visibility: hidden;
		z-index: 25;
		transition: all 0.5s;
		font-size: 16px !important;
	}

	.zoom-wrapper .project-title {
		position: absolute;
		top: 1.5rem;
		left: 2rem;
		color: #005C84;
		pointer-events: none;
	}
	.zoomed .zoom-wrapper {
		visibility: visible;
		opacity: 1;
		/*cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='28' viewBox='0 0 34 28'%3E%3Cpath d='m15.4 25.7-10.4-10.3c2.62.1 7.6.1 9 .1h19.8v-2.8h-19.8c-1.4 0-6.38 0-9.02.2l10.4-10.3-2-1.86-13.4 13.4 13.4 13.4z' fill='%23005C84'/%3E%3C/svg%3E") 21 37, auto;*/
		/*cursor: url("icons/arrow-left-2.cur") 17 14, auto;*/
		cursor: none;
	}
	.zoomed .zoom-wrapper.right {
		/*cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='28' viewBox='0 0 34 28'%3E%3Cpath d='m18.4 25.7 10.4-10.3c-2.6.1-7.6.1-9 .1h-19.8v-2.8h19.8c1.4 0 6.4 0 9 .2l-10.4-10.3 2-1.86 13.4 13.4-13.4 13.4z' fill='%23005C84'/%3E%3C/svg%3E") 21 37, auto;*/
		/*cursor: url("icons/arrow-right-2.cur") 17 14, auto;*/
	}
	.zoomed .cursor {
		position: fixed;
		pointer-events: none;
		width: 1.7rem;
		height: 1.4rem;
		background: url("icons/arrow-left.svg");
		background-size: cover;
		transform: translate(-50%,-50%);
	}
	.zoomed .right .cursor {
		background-image: url("icons/arrow-right.svg");
	}
	.zoomed.on-close .cursor {
		background: none;
	}
	.zoom {
		position: absolute;
	}
	.zoomed .zoom {
		transition: transform 1s;
	}
	.zoom img {
		object-fit: contain;
		width: 100%;
	}
	.zoom-image {
		display: inline-flex;
		padding: 2rem;
		height: 100vh;
	}
/*
	.close {
		position: absolute;
		right: 1.75rem;
		top: 1.75rem;
		opacity: 1;
		cursor: pointer;
		font-size: 3rem;
		line-height: 0;
		width: 1rem;
		transition: all 0.5s;
	}*/

	.close {
		position: absolute;
		right: 1.5rem;
		top: 1.5rem;/*
		width: 36px;
		height: 36px;*/
		opacity: 1;
		cursor: pointer;
		font-size: 3rem;
		line-height: 0;
		width: 1.125rem;
		height: 1.125rem;
		transition: all 0.5s;

	}
	.close img {
		width: 100%;
		height: 100%;
	}
	.close:hover {
		opacity: 0.5;
	}/*
	.close:before, .close:after {
		position: absolute;
		left: 17px;
		content: ' ';
		height: 42px;
		width: 2px;
		background-color: #005C84;
	}
	.close:before {
		transform: rotate(45deg);
	}
	.close:after {
		transform: rotate(-45deg);
	}*/


/* Projects */
	.projects-list .project {
		padding: 0.5rem 1rem 0.5rem 4rem;
		position: relative;
	}
	.projects-list .project a {
		display: block;
	}
	.projects-list .project.current:before {
		position: absolute;
		content: '→';
		font-family: 'Fakt', sans-serif;
		font-weight: 300;
		font-size: 3rem;
		left: -2rem;
		top: -0.3rem;
	}
	.projects-thumb-wrapper {
		position: fixed;
		right: 5vw;
		top: 20vh;
		width: 40vw;
		height: 60vh;
	}
	.projects-thumb {
		width: 100%;
		height: 100%;
		display: flex;
		/*transform: translate(-50%,-50%);*/
	}
	.projects-thumb img {
		width: 100%;
		object-fit: contain;
		object-position: center center;
	}


/* Cookies */

	#cookies-policy {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100;
		background: #FCEDCF;
	}
	#cookies-policy .main-column {
		color: #005C84;
		padding-right: 2rem;
		position: relative;
	}
	#cookies-policy a {
		color: #005C84;
		text-decoration: underline;
	}
	#cookies-policy-btn {
		position: absolute;
		right: 1rem;
		top: 2.25rem;
	}
	#cookies-policy-btn:hover {
		opacity: 0.5;
	}
	#cookies-policy-btn .close {
		top: 0;
		right: 0;
		transform: translate(0,-50%);
	}

	#cookies-policy .btn {
		border-radius: 2rem;
		border-width: 1px;
		border-style: solid;
		padding: 0.25rem 1rem;
		line-height: 1;
		transition: all 0.2s linear;
		text-transform: uppercase;
		cursor: pointer;
		font-weight: 700;
		letter-spacing: .1rem;
		font-size: .875rem;
		text-decoration: none;
	}
	#cookies-policy .btn {
		margin-right: 1rem;
	}
	#cookies-policy .btn:after {
		content: unset;
	}
	#cookies-policy .actions {
		margin-top: 1rem;
	}
/* Profile */
	.profile-image {
		position: fixed;
		top: 20vh;
		height: 60vh;
		width: 80vw;
		left: 10vw;
		z-index: -1;
	}
	.profile-image.wp-block-image figure {
		display: flex;
		height: 100%;
	}
	.profile-image img {
		object-fit: contain;
		width: 100%;
		height: auto;
		object-position: center center;
	}
	.profile-text {
		padding-top: 70vh;
	}
	.profile-text a[href^="http://"]:after,
	.profile-text a[href^="https://"]:after {
	    content: '(↗)';
	}

/* Home */
	#home-images {
		/*
		line-height: 0;
		height: 100%;
		position: absolute;
		top: 0;
		left: 2.5vw;
		right: 2.5vw;
		bottom: 0;
		overflow-y: scroll;
		*/
	}
	#home-images .image-wrapper {
		position: relative;
		float: left;
		padding: 0 1rem;
		width: 50%;
		display: flex;
		padding-top: calc(50% - 2rem);
		line-height: 0;
	}

	#home-images .image-wrapper a.image {
		position: absolute;
		top: 0;
		left: 1rem;
		right: 1rem;
		bottom: 0;
		display: flex;
	}/*
	#home-images .image-wrapper .image a {
		position: relative;
	}*/
	#home-images .image-wrapper .image img {
		width: 100%;
		object-fit: contain;
		object-position: center center;
		display: block;
		position: relative;
	}
	#home-images .image-wrapper:nth-child(even) {
		margin-bottom: calc(25% - 1rem);
	}
	#home-images .image-wrapper:nth-child(odd) {
		margin-top: calc(25% - 1rem);
	}
	
	#home-images .image-wrapper .image .card {
		padding: 1rem;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		color: white;
		opacity: 0;
		transition: opacity 0.5s;
	}
	#home-images .image-wrapper .image:hover {
		opacity: 1;
	}
	#home-images .image-wrapper .image:hover .card {
		opacity: 1;
	}
	.card h3 {
		font-size: 2.25rem;
		line-height: 1.33;
		font-family: 'Berlingske',serif;
		font-weight: 300;
	}
	.card .small {
		position: absolute;
		bottom: 1rem;
	}

/* Newsletter */
	#navigation-newsletter-mask {
		width: 100%;
		overflow: hidden;
	}
	#navigation-newsletter-wrapper {
		position: relative;
		width: 200%;
	}
	#navigation-wrapper,
	#newsletter-wrapper {
		float: left;
		width: 50%;
		transition: all 0.5s;
	}
	#navigation-wrapper {
		transform: translate(0%,0);
	}
	.newsletter-open #navigation-wrapper {
		transform: translate(-100%,0);
	}

	.newsletter-open #newsletter-wrapper {
		transform: translate(-100%,0);
	}
	#newsletter-wrapper {
		color: #7FADC1;
		transform: translate(0%,0);
	}
	#newsletter-wrapper .small {
		text-transform: none;
		font-weight: 300;
		letter-spacing: 0;
	}
	#newsletter-wrapper input[type="email"],
	#newsletter-wrapper input[type="checkbox"],
	#newsletter-wrapper input[type="submit"] {
		display: block;
		width: 100%;
		-webkit-appearance: none;
		background: none;
		border: 0;
		border-radius: 0;
		border-bottom: 1px solid #7FADC1;
		line-height: 3rem;
		font-size: 1rem;
		padding: 0;
		color: white;
		font-family: 'Fakt', sans-serif;
		font-weight: 300;
		outline: none;
		margin-bottom: 2rem;
	}
	#newsletter-wrapper input[type="email"]:focus {
		outline: none;
	}
	#newsletter-wrapper input[type="email"]::placeholder {
		color: #7FADC1
	}
	#newsletter-wrapper input[type="checkbox"] {
		width: 1rem;
		height: 1rem;
		padding: 0;
		position: absolute;
		left: 0;
		top: 0;
		border: 1px solid #7FADC1;
	}
	#newsletter-wrapper input[type="checkbox"]:checked {
		background: #fff;
	}
	#newsletter-wrapper label.checkbox {
		display: block;
		position: relative;
		border: 0;
		padding-left: 3rem;
		font-size: 0.75rem;
		line-height: 1.3;
		font-weight: 300;
		color: #7FADC1;
		cursor: pointer;
		margin-bottom: 2rem;
	}
	#newsletter-wrapper a {
		color: #7FADC1;
		text-decoration: underline;
	}

	#newsletter-wrapper fieldset {
		border: none;
	}
	#newsletter-wrapper input[type="submit"] {
		display: inline-block;
		width: auto;
		height: auto;
		padding: 0rem 1.25rem;
		line-height: 2.25rem;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.1rem;
		font-size: 0.875rem;
		position: relative;
		background: #7FADC1;
		color: #005C84;
		border-radius: 0.25rem;
		cursor: pointer;
		transition: all 0.5s;
	}
	#newsletter-wrapper input[type="submit"]:hover {
		background: white;
	}
	#newsletter-wrapper .back-btn {
		float: right;
		line-height: 2.25rem;
		font-weight: 700;
		/*letter-spacing: 0.1rem;*/
		font-size: 0.875rem;
		color: #7FADC1;
		cursor: pointer;
		transition: all 0.5s;
	}
	#newsletter-wrapper .back-btn:hover {
		color: white;
	}
	#newsletter-wrapper .back-btn:before {
		content: '← ';
	}
	#newsletter-wrapper #mc_embed_signup div.mce_inline_error {
		background: white;
		color: #005C84;
		margin-top: -2rem;
	}
	#newsletter-wrapper #mc_embed_signup input.mce_inline_error {
		border-color: white;
	}
	#newsletter-wrapper .response {
		background: white;
		color: #005C84;
		font-size: 0.875rem;
		padding: 1rem;
		margin-bottom: 1rem;
		transition: all 0.5s;
	}
	.privacy-policy h2,
	.privacy-policy h3 {
		margin-top: 2rem;
	}
	.privacy-policy p {
		max-width: 50vw;
	}

	.error-404 .page-header {
		width: calc(95vw - 2rem);
		margin: auto;
	}
	.error-404 .page-content {
		display: none;
	}

	.coming-soon {
		background: #005C84;
	}
	.coming-soon a {
		color: white;
	}
	.coming-soon #social-icons path {
		fill: white;
	}



	.post-type-archive-project #main,
	.project-template-default #main,
	.page-template-default #main {
		max-width: 1420px;
		position: relative;
		margin: 0 auto;
	}
	.home.page-template-default #main {
		max-width: 100%;
	}