/*
Theme Name: The Collective Studio
Theme URI: http://thecollectivestudio.amsterdam
Author: Imprint
Author URI: http://imprint.amsterdam
Version: 1.0
*/

@font-face {
  font-family: 'Atlas Grotesk';
  src: url('fonts/AtlasGrotesk-Regular.woff2') format('woff2'),
      url('fonts/AtlasGrotesk-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Atlas Grotesk Medium';
  src: url('fonts/AtlasGrotesk-Medium.woff2') format('woff2'),
      url('fonts/AtlasGrotesk-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 14px;
  	line-height: 1.7;
	color: rgba(255, 255, 255, 0.8);
	position: relative; 
 	font-family: 'Atlas Grotesk';
	font-style: normal;
  	font-weight: normal;
  	-webkit-font-smoothing: antialiased;
}
body{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	transition: background-color .7s ease-out;
	background-color: #000;
}
html.sidebar-open body{
	overflow: hidden !important;
}
.notransition *{
	-webkit-transition: none !important; 
	-moz-transition: none !important; 
	-o-transition: none !important; 
	-ms-transition: none !important; 
	transition: none !important; 
}

.hide {
	display: none !important;
}

/* scroll animate elements */
#property_content .article .inner{
  transform: translateY(40px);
  transition: all .5s ease;
}
#property_content .article.viewed .inner{
  transform: translateY(0px);
}

.notViewed{
	opacity: 0;
}
.viewed{
	opacity: 1;
}
/* END scroll animate elements */


h1,
h2,
h3,
h4,
h5{
	letter-spacing: 0.5px;
	color: #fff;
  font-weight: normal;
  font-style: normal;
}
h1{
	font-size: 25px;
	line-height: 32px;
}
h2{
	font-size: 20px;
	line-height: 28px;
}

.title-medium{
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: 0.5px;
}
.title-large{
	font-size: 70px;
	line-height: 1.3;
}
.title a{
	transition: all .2s ease;
	display: inline-block;
}
.title a:hover{
	text-decoration: none;
	opacity: 0.5;
}

a, a:hover{
	color: #fff;
}
p{
	margin-bottom: 40px;
}

img{
	max-width: 100%;
	height: auto;
}

.color-white{
	color: rgba(255, 255, 255, 1) !important;
	opacity: 1 !important;
}
.text-uppercase{
	text-transform: uppercase;
}

.scroll-y{
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.menu{
	padding: 0;
	margin: 0;
	list-style: none;
}
.menu.menu-inline li{
	display: inline-block;
}
.icon:before{
	margin-bottom: -2px;
}
.icon:before,
.image_caption:before,
.wp-caption-text:before{
	opacity: 0.5;
	content: '';
	display: inline-block;
	margin-right: 7px;
	height: 15px;
	width: 15px;
	background-size: 14px;
	background-position: left bottom;
	background-repeat: no-repeat;
}
.image_caption:before,
.wp-caption-text:before{
	background-image: url('images/icon_photo_credits.svg');
}
.icon.icon_posted:before{
	background-image: url('images/icon_timeposted.svg');
}
.icon.icon_sponsored:before{
	background-image: url('images/icon_sponsered.svg');
}

.social_icon{
	margin: auto;	
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px;
}
.social_icon.icon_mail{
	background-image: url('images/icon_share_email.svg');
}
.social_icon.icon_facebook{
	background-image: url('images/icon_share_facebook.svg');
}
.social_icon.icon_twitter{
	background-image: url('images/icon_share_twitter.svg');
}
.social_icon.icon_pinterest{
	background-image: url('images/icon_share_pinterest.svg');
}
.social_icon.icon_link{
	background-image: url('images/icon_share_link.svg');
}
.social_icon.icon_whatsapp{
	background-image: url('images/icon_share_whatsapp.svg');
}


/* BUTTON: link */
.button-link{
	display: inline-block;
	font-size: 12px;
	opacity: 0.5;
	letter-spacing: 0.5px;
  transition: all .3s ease;
  padding-right: 20px;
}
.button-link:before{
	content: '';
	display: inline-block;
	width: 20px;
	height: 1px;
	margin-bottom: 4px;
	margin-right: 12px;
	background-color: #fff;
  transition: all .3s ease;
}
.button-wrap{
	display: inline-block;
	cursor: pointer;
}
.button-link:hover,
a.button-link:hover,
a.button-wrap:hover > .button-link{
	opacity: 1;
	text-decoration: none;
	padding-right: 10px;
}
.button-link:hover:before,
a.button-link:hover:before,
a.button-wrap:hover > .button-link:before{
	width: 30px;
}
a.button-wrap:hover{
	text-decoration: none;
}
/* end BUTTON: link */

.small-caption{
	text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 2px;
  transition: all .2s ease;
}


/* DSTRCT: container */
#dstrct_container{
}

/* end DSTRCT: container */


/* AREA: sidebar */
#area_sidebar,
#area_sidebar_background{
	position: fixed;
	z-index: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100vw;

	opacity: 1;
  transition: all 0.5s ease;
}
.notLoaded #area_sidebar,
.notLoaded #area_sidebar_background{
	opacity: 0;
}
.sidebar-open #area_sidebar{
	z-index: 500;
}

#area_sidebar a:hover{
	text-decoration: none;
}

#area_sidebar .container,
#area_sidebar_background .container{
	height: 100%;
	position: relative;
}
#area_sidebar #sidebar_content,
#area_sidebar_background #bg-overlay{
	position: absolute;
	top: 0;
	right: calc(80px - 100vw);
	bottom: 0;
	width: 100vw;
	height: 100%;

  transition: all 0.5s ease;
}
#area_sidebar_background #bg-overlay{
	background-color: rgba(0, 0, 0, 0.2);
}
.sidebar-open #area_sidebar,
.sidebar-open #area_sidebar_background{
	right: 25vw;
}
.sidebar-open #area_sidebar #content-overlay{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width:100vw;
	margin-right:300px;
	height: 100%;
}

#area_sidebar #sidebar_content{
	padding-top: calc(70px + 5vw);
	padding-bottom: 80px;
	padding-left: 8vw;
	display: none;
}
.sidebar-open #area_sidebar #sidebar_content{
	display: block;
}
#area_sidebar #sidebar_content .inner{
	width: 25vw;
	min-height: 100%;
	opacity: 0;
  transition: all 1.5s ease;
  transform: translateX(50px);
}
#area_sidebar #sidebar_content .inner > .content{
	min-height: 100%;
}

#area_sidebar.show #sidebar_content .inner.show{
	opacity: 1;
  transform: translateX(0px);
}

#area_sidebar #sidebar_content #sidebar_features.content,
#area_sidebar #sidebar_content #sidebar_designdetials.content{
	margin-bottom: 120px;
	height: auto;
}


#area_sidebar #sidebar_content .inner .title{
	font-size: 60px;
	line-height: 1.3;
	margin-bottom: 40px;
}
#area_sidebar #sidebar_content .inner .subtitle{
	font-size: 32px;
	line-height: 1.4;
}
#menu_project_overview{
	margin-bottom: 80px;
}
#menu_project_overview .item{
	margin-top: 30px;
}
#menu_project_overview .item .property_content{
	color: rgba(255, 255, 255, 0.5);
}

.sidebar_feature_list{
	margin: 20px 0;
}


#area_sidebar .menu{
	margin-bottom: 40px;
}
#area_sidebar .menu a:hover{
	opacity: 0.5;
}

#area_sidebar .menu > li > a{
  display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	margin-bottom: 10px;
}
#area_sidebar .menu > li{
}

#area_sidebar .sub-menu{
	margin: 0;
	padding: 0;
	list-style: none;
}
#area_sidebar .sub-menu li a{
	font-size: 16px;
	padding: 3px 0;
	display: inline-block;
}
#area_sidebar .button-link{	
	margin-top: 10px;
}
#area_sidebar .button-link a{
	font-size: 12px !important;
}
#area_sidebar .button-link a:hover{
	opacity: 1;
}
/* AREA: sidebar */


/* AREA: header */
#area_header{
	z-index: 900;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
 	 transition: all 0.3s ease, background-color .7s ease-out;
}
.notLoaded #area_header{
	transform: translateY(-100%);
}
#area_header a:hover{
	text-decoration: none;
}
#area_header .container,
#area_header .container-fluid{
	position: relative;
	z-index: 1;
}
#area_header.top {
    background-color: transparent;
}
#area_header:after{
	content: '';
	display: block;
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  	background-color: transparent;	
	transition: background-color .7s ease-out;
}
#area_header.fixed:after{
	background-color: rgba(0, 0, 0, 0.2);
}
#area_header.alternate_themecolor.fixed:after{
	background-color: transparent;
}
#area_header .inner{
	padding: 25px 0;
  transition: all 0.2s ease;
}
#area_header.fixed .inner{
  padding: 0px 0;
}

#area_header #elem_logo{
}
#dstrct_container #area_header #elem_logo a{
	display: block;
	width: 120px;
	height: 70px;

	background-image: url('images/logo_thecollectivestudio.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 95px;
  transition: all 0.2s ease;
}
#dstrct_container #area_header.fixed #elem_logo a{
	background-size: 65px;
}

	.sidebar-open #elem_logo a{
		opacity: 0;
	}
	.sidebar-open #area_header{
		background-color: transparent !important
	}


#dstrct_container #area_header #elem_navigation{
	margin-right: 50px;
  transition: all 0.3s ease;
}
.sidebar-open #dstrct_container #area_header #elem_navigation,
.sidebar-open #dstrct_container .share_desktop .inner{
	opacity: 0;
}
#dstrct_container #area_header #elem_navigation li a{
	padding: 5px 0px;
	margin: 0px 15px;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1.5px;
	border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
	color: rgba(255, 255, 255, 0.5); 
}
#dstrct_container #area_header #elem_navigation li a:hover{
	color: rgba(255, 255, 255, 1); 
	border-bottom: 1px solid #fff;
}

#dstrct_container #area_header #elem_navigation li.current-post-ancestor a,
#dstrct_container #area_header #elem_navigation li.current-category-ancestor a,
#dstrct_container #area_header #elem_navigation li.current-menu-item a{
	color: rgba(255, 255, 255, 1); 
}

#dstrct_container #area_header #elem_menu{
}
#dstrct_container #area_header #elem_menu li{
	width: 50px;
	cursor: pointer; 
}
#dstrct_container #area_header #elem_menu li#header_pageback{
	margin-right: 50px;
}
#dstrct_container #area_header #elem_menu li .hamburger_menu,
#dstrct_container #area_header #elem_menu li .icon_arrow{
  display: block;
}
#dstrct_container #area_header #elem_menu li{
  transition: all 0.3s ease;
}
#dstrct_container #area_header #elem_menu li:hover{
  transform: scale(1.3);
}
#dstrct_container #area_header #elem_menu li .hamburger_menu{
	text-align: center;
}
.hamburger_menu .stroke{
	display:block; 
	height: 1px; 
	background-color: rgba(255, 255, 255, 1); 
	margin: 6px auto; 
	width: 16px;
  transition: 0.3s;
}
.hamburger_menu:hover .stroke{
	background-color: rgba(255, 255, 255, 1); 
}
.sidebar-open .hamburger_menu .bar1 {
	width: 23px !important;
  -webkit-transform: rotate(-45deg) translate(-6px, 5px);
  transform: rotate(-45deg) translate(-6px, 5px);
}
.sidebar-open .hamburger_menu .bar2 {
  opacity: 0;
}
.sidebar-open .hamburger_menu .bar3 {
	width: 23px !important;
	-webkit-transform: rotate(45deg) translate(-4px, -5px);
	transform: rotate(45deg) translate(-4px, -5px);
}

#dstrct_container #area_header #elem_menu li .icon_arrow{
}
.sidebar-open #dstrct_container #area_header #elem_menu li .icon_arrow{
	opacity: 0;
}
.icon_arrow .stroke{
	display:block; 
	height: 1px; 
	background-color: rgba(255, 255, 255, 1); 
	margin: 6px auto; 
	width: 15px;
  transition: 0.3s;
}
.icon_arrow .bar1 {
	width: 7px !important;
  -webkit-transform: rotate(-40deg) translate(-8px, 0px);
  transform: rotate(-40deg) translate(-8px, 0px);
}
.icon_arrow .bar2 {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0px, 0px);
  transform: rotate(0deg) translate(0px, 0px);
}
.icon_arrow .bar3 {
	width: 7px !important;
	-webkit-transform: rotate(40deg) translate(-8px, 0px);
	transform: rotate(40deg) translate(-8px, 0px);
}

/* end AREA: header */


/* AREA: content */
#area_content{
	position: relative;
	z-index: 1;
	width: 100%;
	opacity: 1;
    transition: all 0.5s ease;
}
.notLoaded #area_content{
	opacity: 0;
}
.sidebar-open #area_content{
	margin-left: -25vw;
	opacity: 0.3;
}
#area_content .container,
#area_content .container-fluid{
	position: relative;
	z-index:2;
}

/* PROJECT: overview */
#project_content{
	padding: 60px 0;
}

.projects_overview{
}
.projects_overview .project_categorie_intro{
	transition: all .6s ease-out;
}
.project_categorie_intro .title{
	margin-bottom: 20px;
}
.project_categorie_intro p{
	margin-bottom: 20px;
}

.projects_overview .item{
	margin: 60px 0 80px 0;
  transition: all 1.5s ease-out;
	transform: translateY(50px);
}
.projects_overview .item.viewed{
	transform: translateY(0px);
}
.projects_overview .item .image_wrapper{
	position: relative;
	height: 0; 
	padding-bottom: 70%;
	overflow: hidden;

 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.projects_overview .item .image_wrapper .inner{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.projects_overview .item .image_wrapper .inner{
	color: #fff;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
  transition: all 0.5s ease;
}
.projects_overview .item .image_wrapper a.inner:hover{
	color: #fff;
	transform: scale(1.05);	
	text-decoration: none;
}
.projects_overview .item .image_wrapper .inner .no_image_txt{
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 100px;
}
.projects_overview .item .image_wrapper .inner .bg-overlay{
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	transition: all 0.5s ease;
}
.projects_overview .item .image_wrapper a.inner:hover .bg-overlay{
	opacity: 0.2;
}


.projects_overview .item .content_wrapper{
	position: relative;
	z-index: 1;
	background-color: #000;
	padding: 40px;
  transition: all .8s ease-out;
	transform: translateY(calc(-100% + 40px));
}
.projects_overview .item .second_row{
	height: 40px;
}

.projects_overview .item.no_image .content_wrapper{
	transform: inherit;
}
.projects_overview .item.no_image .image_wrapper{
	display: none;
}
.projects_overview .item.no_image .second_row{
	height: auto;
}




.projects_overview .item .content_wrapper .content .title_status,
.projects_overview .item .content_wrapper .content .title{
	margin-bottom: 20px;
}
.projects_overview .item .content_wrapper .content .title_link:hover{
	text-decoration: none !important;
}
.projects_overview .item .content_wrapper .content .cta{
	padding: 10px 0;
	margin-top: 10px;
}
.projects_overview .item .content_wrapper .content .cta .button-link{
	/* opacity: 1; */
}
.projects_overview .item .content_wrapper.has_cta{
	padding: 40px 40px 25px 40px;
}


.projects_overview .item.project_item{
}

.property_status{
	margin-bottom: 15px;
}
.property_title{
	margin-bottom: 20px;
}
.property_subtitle{
	margin-bottom: 20px;
}
.property_content p{
	margin-bottom: 20px;
}
.projects_overview .item.project_item .property_content{
	margin-bottom: -10px;
}
#area_sidebar .menu a.button-wrap:hover{
	opacity: 1;
}


/* END PROJECT: overview */


/* PROJECT DETAIL */
#property_content{
}


#property_content_wrapper .property_buttons{
	margin-top: 40px;
}
#property_content_wrapper .property_buttons .cta{
	margin-right: 20px;
	margin-bottom: 20px;
}

#property_content .article{
	width: calc(50% - 45px);
	margin-bottom: 140px;

  transition: all .8s ease-out;
}
#property_content .article .content{
	padding-top: 25px;
}

#property_content .article .content .small-caption{
	margin-bottom: 10px;
}
#property_content .article .content.type_title_only{
	padding: 50px 0;
}
#property_content .article .content.type_article{
}
#property_content .article .content.type_article .title{
	margin-bottom: 5px;
}

#property_map_wrapper,
#features_designdetails{
	transition: all .8s ease-out;
  transform: translateY(40px);
}
#property_map_wrapper.viewed,
#features_designdetails.viewed{
	transform: translateY(0px);
}
#property_map{
	display: block;
	position: relative;
	margin: 80px 0;	
	cursor: -webkit-zoom-in;
	transition: all 0.3s ease;
	overflow: hidden;
}
#property_map #bg-image{
	display: block;
  transition: all 0.3s ease;
}


#features_designdetails{
}
#features_designdetails,
#features_designdetails h6,
#features_designdetails p{
	margin-bottom: 0px;
}
#features_designdetails hr{
	background-color: rgba(255, 255, 255, 0.2);
	margin: 20px 0;
}
.list_specs{
	margin: 0;
	padding: 0;
	list-style: none;
}
.list_specs li{
	margin-bottom: 20px;
}
/* END PROJECT DETAIL */




/* ARTICLE: elements */
.article_category{
	margin-bottom: 20px;
}
.article_category a{
	font-size: 10px;
	letter-spacing: 2px;
  transition: all .2s ease;
	color: rgba(255, 255, 255, 1) !important;
}
.article_category a:hover{
	color: rgba(255, 255, 255, 0.5) !important;
	text-decoration: none;
}

.article_heading{
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
	color: #fff;
}
.article_header .article_heading{
	font-size: 25px;
	line-height: 32px;
}
.image_caption,
.wp-caption-text{
	display: block;
	padding: 7px 0;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.5);
}

#article_overview .article{
  margin: 80px 0;
	height: auto !important;
}
.article.notViewed .stroke{
	width: 0;
}
.stroke_wrapper{
	width: 100%;
}
.stroke_wrapper .stroke{
	width: calc(100% - 100px);
	height: 5px;
	background-color: rgba(255, 255, 255, 0.1);
  transition: all 3s ease-out;
}
.article.orientation_portrait .stroke_wrapper{
}
.article.first_article.orientation_portrait .stroke_wrapper{
	width: 100%;
}
.article_header .stroke_wrapper{
	display: none;
}
.type_fullwidth.header_orientation_landscape .stroke_wrapper{
	display: block;
}


	/* ARTICLE: overview */
	#article_overview{
		margin-bottom: 5vh;
	}
	
		/* desktop article animation effect */
		#article_overview .article .inner{
		  transform: translateY(40px);
	    transition: transform .5s ease;
		}
		#article_overview .article.viewed .inner{
		  transform: translateY(0px);
		}
		
	#article_overview .article.first_article{
		padding-top: 100px;
	}
	#article_overview .article.first_article .inner{
		margin-top: 0 !important;
	}
	#article_overview .article_category{
		margin-bottom: 10px;
	}
	.article .image_wrapper{
		display: block;
    position: relative;
		width: 100%;
    height: auto;
    overflow: hidden;
    cursor: pointer;
	}	
	.article.first_article.orientation_portrait .image_wrapper{
		width: 100%;
	}
	.article .image_wrapper img{
		width: 100%;
		object-fit: cover;
    transition: all 1.5s ease;
		max-height: 80vh;
	}
	.article .image_wrapper:hover > img {
		transform: scale(1.05);
	}

	#article_overview .article .content{
		padding: 20px 0 40px 0;
	}
	/* end ARTICLE: overview */


	/* ARTICLE: single */
	.article_single{
	}
	.article_single .article_content h1,
	.article_single .article_content h2,
	.article_single .article_content h3,
	.article_single .article_content h4,
	.article_single .article_content h5{
		margin-bottom: 20px;
	}
	.article_single a{
	  transition: all .3s ease;
		color: rgba(255, 255, 255, 0.8);
	  opacity: 1;
	}
	.article_single .article_content a{
		color: rgba(255, 255, 255, 1);
		text-decoration: underline;
	}
	.article_single a:hover,
	.article_single .article_content a:hover{
		color: rgba(255, 255, 255, 0.5) !important;
	}
	
	/* content space */
	.content_space_wrapper{
		margin-left: 40px;
		margin-right: 40px;
	}
	.article_single.type_fullwidth .article_header .content_space_wrapper{
		margin-left: 0;
		margin-right: 0;
	}
	.article_single .content_space_wrapper .cover_image,
	.article_single .content_space_wrapper .content_block{
		margin-left: -40px;
		margin-right: -40px;
	}
	
	
		/* content blocks */
		.content_block_wrapper .content_block {
			margin-bottom: 40px;
		}
		
		/* contentblock: default content */
		.content_block.type_content_default {
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
		.content_block.type_content_default ul,
		.content_block.type_content_default ol{
			padding: 0;
	    list-style: none;
	    margin-bottom: 40px;
		}
		.content_block.type_content_default ul li,
		.content_block.type_content_default ol li{
			position: relative;
	    padding-left: 25px;
		}
		.content_block.type_content_default ul li:before,
		.content_block.type_content_default ol li:before{
			content: '';
			width: 5px;
			height: 5px;
			position: absolute;
			left: 0;
			top: 9px;
			border-radius: 50%;
			border: 1px solid #fff;
		}
		
		/* contentblock: single image */
		.content_block.type_content_image_single {
		}
		.content_block.type_content_image_single .wp-caption-text{
			margin-bottom: 0;
			padding-bottom: 0;
		}
		
		/* contentblock: image columns */
		.content_block.type_content_image_columns {
		}
		.content_block.type_content_image_columns .image_column{
			width: calc(50% - 7px);
			margin-left: 7px;
		}
		.content_block.type_content_image_columns .image_column:first-child{
			margin-right: 7px;
			margin-left: 0;
		}
		
		/* contentblock: image collage */
		.content_block.type_content_image_collage {
		}
		.content_block.type_content_image_collage .img_col{
			position: relative;
		}
		.content_block.type_content_image_collage .col_1{
			float: right;
			z-index: 0;
		}
		.content_block.type_content_image_collage .col_2{
			float: left;
			z-index: 1;
		}
		.content_block.type_content_image_collage .col_1.orientation_portrait{
			width: 60%;
		}
		.content_block.type_content_image_collage .col_2.orientation_portrait{
			width: calc(40% + 40px);
		}
		.content_block.type_content_image_collage .col_1.orientation_landscape{
			width: 80%;
		}
		.content_block.type_content_image_collage .col_2.orientation_landscape{
			width: 60%;
		}
		

		/* contentblock: video */
		.content_block.type_content_video {
		}
		.content_block.type_content_video .embed_wrapper{
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			padding-top: 25px;
			height: 0;
		}
		.content_block.type_content_video .embed_wrapper iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		
		/* contentblock: quote */
		.content_block.type_content_quote {
			margin-left: 0 !important;
			margin-right: 0 !important;
			padding: 25px 0;
		}
		.content_block.type_content_quote .quote_wrapper{
			border-left: 1px solid rgba(255, 255, 255, 0.2);
			padding: 0 20px;
		}
		.content_block.type_content_quote .quote_wrapper .quote_content{
			color: rgba(255, 255, 255, 1);
			font-size: 20px;
			line-height: 28px;
		}
		.content_block.type_content_quote .quote_wrapper .quote_name{
			margin-top: 15px;
			color: rgba(255, 255, 255, 0.5);
			font-size: 11px;
			line-height: 11px;
		}
		
		/* contentblock: shoplink(s) */
		.content_block.type_content_shoplinks {
		}
		.content_block.type_content_shoplinks .shop_item{
			padding: 25px 0;
		}
		.content_block.type_content_shoplinks .shop_item .shop_image{
			position: relative;
		}
		.content_block.type_content_shoplinks .shop_item .shop_image:before{
			content: '';
			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 50px;
			height: 50px;
			background-color: rgba(0, 0, 0, 0.8);
			background-image: url('images/icon_shop_item.svg');
			background-size: 17px;
			background-repeat: no-repeat;
			background-position: center center;
		  transition: all 0.3s ease;
		}
		
		.content_block.type_content_shoplinks .shop_item .content{
			padding: 40px 0;
	    color: rgba(255, 255, 255, 1);
	    font-size: 110%;
		}
		.content_block.type_content_shoplinks .shop_item .content .shop_brand{
	    color: rgba(255, 255, 255, 0.5);
	    font-size: 11px;
		}
		.content_block.type_content_shoplinks .shop_item .content .shop_price{
		}
		.content_block.type_content_shoplinks .shop_item .content .shop_title a{
			text-decoration: none;
		}
		.content_block.type_content_shoplinks .shop_item .content .shop_title a:hover{
			color: rgba(255, 255, 255, 1) !important;
		}
		.content_block.type_content_shoplinks .shop_item .content .shop_title .title{
			margin: 15px 0 10px 0;
		}
	
	
	.article_header{
		position: relative;
	}
	.article_header .inner{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.type_default .article_header .inner{
		padding-bottom: 120px;
	}
	
	.article_single:first-child .article_header .inner{
		padding-top: 120px;
	}
	.article_header .inner .content{
	}
	.article_header .content .article_heading,
	.article_header .content p{
		margin-bottom: 20px;
	}	
	
	.article_header .header_image_wrapper{
		position: relative;
	}
	.article_header .header_image_wrapper .image_caption{
		position: absolute;		
	}
	
	.type_default .article_header{
	}
	.article_single:first-child.type_default .article_header .inner .content{ 
		margin-top: 5vh;
	}

	.type_fullwidth .article_header{
	}
	.type_fullwidth .article_header .header_image_wrapper .image_wrapper img.image{
		object-fit: cover;
		height: auto;
		width: 100%;
	}
	.type_fullwidth.header_orientation_portrait .article_header .inner{
		padding-top: 0;
		padding-bottom: 0;
	}
	.type_fullwidth.header_orientation_portrait .article_header .inner .content{ 
		padding-top: 100px;
		padding-bottom: 80px;
	}
	.type_fullwidth.header_orientation_portrait .article_header .header_image_wrapper{
	  margin-bottom: -80px;
	}
	
	.article_content .inner_content{
		padding-top: 40px;
		margin-bottom: 40px;
	}
	.type_fullwidth.header_orientation_portrait .article_content .inner_content{
		padding-top: 160px;
	}
	.article_content .inner_content img{
	}
	
	.share_desktop{
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 80px;
		height: auto;
		text-align: center;
		padding-top: 0;
		opacity: 1;
		transition: background-color .7s ease-out;
	}
	.share_desktop .inner{
    position: -webkit-sticky; /* Safari */
    position: sticky;
		top: 100px;
		z-index: 1;
		padding: 15px 0;
		opacity: 1;
    transition: all 0.3s ease;
	}
	.share_scrolling .article_content .share_desktop .inner{
		opacity: 1;
	}
	.article_content .share_desktop:after{
    content: '';
    display: block;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
	}
	.article_content .share_desktop.alternate_themecolor:after{
		background-color: transparent;
	}
	.article_content .share_desktop.alternate_themecolor{
		transition: inherit;	
	}
		
	.share_desktop	.social_icon{
		width: 100%;
		padding: 20px 0;
	}
	.share_desktop	a{
		display: block;
		opacity: 1;
    transition: all 0.3s ease;
	}	
	.share_desktop	a:hover{
		opacity: 0.5;
	}
	
	.copy_to_clipboard.copied .social_icon.icon_link{
	  background-image: url('images/icon_checkmark.svg');
	}
		
	
	.article_header .container,
	.article_content .container,
	.article_bottom .container{
		position: relative;
		z-index: 5;
	}
	.article_header .inner,
	.article_bottom .inner{
		position: relative;
		z-index: 1;
	}
	.article_header .overlay,
	.article_bottom .overlay{
		position: absolute;
		z-index: 0;
		display: block;
    top: 0;
    right: 80px;
    bottom: 0;
    height: 100%;
    width: 100vw;
		background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
	}

	.article_header .inner{
	}
	

	.article_bottom{
	}
	.article_bottom,
	.article_bottom a{
		color: rgba(255, 255, 255, 1);
	}
	.article_bottom .inner{
		padding: 0 0 20px 0;
		font-size: 11px;
	}
	.article_bottom .inner .footer_col{
		margin-bottom: 20px;
	}
	
	.article_bottom .inner .footer_label{
		color: rgba(255, 255, 255, 0.5);
		margin-bottom: 5px;
	}
	
	.mobile_social_block{
	}
	.mobile_social_block .item{
		text-align: center;
	}
	.mobile_social_block .icon{
		display: block;
		padding: 20px 0;
		width: 100%;
	}


	/* end ARTICLE: single */


/* end AREA: content */


#footer_content{
	color: rgba(255, 255, 255, 1);
	z-index:1;
	position:relative;
}
#footer_content .button-wrap{
	font-size: 12px;
}
#footer_content .button-link{
	opacity: 1;
	padding-bottom: 5px;
}
#footer_content #footer_content_inner{
	padding: 80px 0px;
}
#footer_content #footer_content_inner .column{
	margin-right: 40px;
	margin-top: 20px;
}



/* zoom image lightbox */
.zoomImageContainer{
	z-index: 999999 !important;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
.zoomImageContainer img{
	opacity: 0;
	transition: opacity .6s linear .2s;
}
.zoomImageContainer img.loaded{ opacity: 1; }
.img-pan-container, .img-pan-container img{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.img-pan-container{
	position: relative;
	overflow: hidden;
	cursor: -webkit-zoom-out;
	height: 100%;
	width: 100%;
}
.img-pan-container img{
  min-width: 3000px;
  height: auto;
	-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);
	position: absolute;
	top: 0;
	left: 0;
}

/* lightbox gallery */
.swipebox{
	display: block;
	position: relative;
	overflow: hidden;
}
.swipebox:before{
	z-index: 1;
	content: '';
	display: block;
	position: absolute;
	left: 0px;
	top: -50px;
	width: 50px;
	height: 50px;
	background-color: rgba(0, 0, 0, 0.3);
	background-image: url('images/icon_plus.svg');
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center center;
  transition: all 0.3s ease;
  opacity: 0;
}
.swipebox:hover:before{
  opacity: 1;
	left: 0;
	top: 0;
}

.swipebox a div.img {
	min-height: 500px;
}

#swipebox-container {
	/*
	margin: 65px;
  height: calc(100% - 130px);
  width: calc(100% - 130px);
  */
}

#swipebox-slider img.loaded{ opacity: 1; }
#swipebox-slider .slide img {
  cursor: -webkit-zoom-in;
}

#swipebox-overlay {
  background: #000;
	transition: background-color .7s ease-out;
}
#swipebox-close, #swipebox-bottom-bar, #swipebox-top-bar {
	display: none !important;
}
#lightbox_nav_close,
#lightbox_nav_prev,
#lightbox_nav_next{
	display: block;
	content: '';
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center center;
	width: 65px;
	height: 65px;
	position: absolute;
	z-index: 1040;
	overflow: hidden;
	cursor: pointer;

  transition: all 0.3s ease;
}
#lightbox_nav_close{
	top: 0;
	right: 0;
	background-image: url('images/icon_close-white.svg');
}

#lightbox_nav_prev{
	left: 0px;
  top: 50%;
  -webkit-transform : translate(0, -50%) rotate(-90deg) scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform     : translate(0, -50%) rotate(-90deg) scale(1); /* IE 9 */
  transform         : translate(0, -50%) rotate(-90deg) scale(1); /* Firefox 16+, IE 10+, Opera */

	background-image: url('images/icon_arrow-up-white.svg');
}
#lightbox_nav_next{
	left: auto;
	right: 0px;
  top: 50%;

  -webkit-transform : translate(0, -50%) rotate(90deg) scale(1); /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform     : translate(0, -50%) rotate(90deg) scale(1); /* IE 9 */
  transform         : translate(0, -50%) rotate(90deg) scale(1); /* Firefox 16+, IE 10+, Opera */

	background-image: url('images/icon_arrow-up-white.svg');
}
#lightbox_nav_close:hover{
  transform: scale(1.3);
}
#lightbox_nav_prev:hover{
  -webkit-transform : translate(0, -50%) rotate(-90deg) scale(1.3); /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform     : translate(0, -50%) rotate(-90deg) scale(1.3); /* IE 9 */
  transform         : translate(0, -50%) rotate(-90deg) scale(1.3); /* Firefox 16+, IE 10+, Opera */
}
#lightbox_nav_next:hover{
  -webkit-transform : translate(0, -50%) rotate(90deg) scale(1.3); /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform     : translate(0, -50%) rotate(90deg) scale(1.3); /* IE 9 */
  transform         : translate(0, -50%) rotate(90deg) scale(1.3); /* Firefox 16+, IE 10+, Opera */
}

#swipebox-overlay #top_bar{
	height: 65px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 1010;
}
#swipebox-overlay #right_bar{
	height: 100vh;
	width: 65px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 1010;
}
#swipebox-overlay #bottom_bar{
	height: 65px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1010;
}
#swipebox-overlay #left_bar{
	height: 100vh;
	width: 65px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1010;
}
/* END lightbox gallery */



#area_sidebar .sub-menu li a[href*='k91-hq'],
#area_sidebar .sub-menu li a[href*='s328'],
#area_sidebar .sub-menu li a[href*='H242'],
#area_sidebar .sub-menu li a[href*='k91'],
#area_sidebar .sub-menu li a[href*='p168'],
#area_sidebar .sub-menu li a[href*='k494'],
#area_sidebar .sub-menu li a[href*='k58'],
#area_sidebar .sub-menu li a[href*='k60'],


a[href*='checkout'],
a[href*='my-bag'],
a[href*='shop'],
.follow_social_menu
{
	/* display: none !important; */
}

.follow_social_menu ul {
	display: flex;
	gap:1rem;
}