/**
 * Content
 */

/* Neubau International Pro Web */



@font-face {
    font-family: 'nb_international_proregular';
    src: url('https://files.cargocollective.com/c24602/nb_international_pro_regular-webfont.eot');
    src: url('https://files.cargocollective.com/c24602/nb_international_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://files.cargocollective.com/c24602/nb_international_pro_regular-webfont.woff2') format('woff2'),
         url('https://files.cargocollective.com/c24602/nb_international_pro_regular-webfont.woff') format('woff'),
         url('https://files.cargocollective.com/c24602/nb_international_pro_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color: #fff;
	color: #000;
    font-family: 'nb_international_proregular', 'Neue Haas Grotesk', helvetica, san-serif, Icons;
    overflow-x: hidden;
}

a:active {
	opacity: 0.7;
}

.page a.active {
	opacity: .4;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 1em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(0, 0, 0, 0.15);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
}

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.3;	
}

/**
 * Loading Animation

 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 2rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.75);
    font-family: 'nb_international_proregular', 'Neue Haas Grotesk', helvetica, san-serif, Icons;
	font-style: normal;
	line-height: 1.4;
}

[data-predefined-style="true"] bodycopy a {
    border-bottom: 0.075em solid rgba(0, 0, 0, 0.75);
	color: rgba(0, 0, 0, 0.75);
	padding-bottom: 0.1em;
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
    font-family: 'nb_international_proregular', 'Neue Haas Grotesk', helvetica, san-serif, Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 2.4rem;
	line-height: 0.9;
	color: rgba(0, 0, 0, 0.75);
	}

[data-predefined-style="true"] h1 a {
    border-bottom: 0em solid rgba(0, 0, 0, 0.75);
	color: rgba(0, 0, 0, 0.75);
}

[data-predefined-style="true"] h2 {
    font-family: 'nb_international_proregular', 'Neue Haas Grotesk', helvetica, san-serif, Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 0.85);
	font-size: 2rem;
	line-height: 1.3;
	}

[data-predefined-style="true"] h2 a {
    border-bottom: 0em solid rgba(0, 0, 0, 0.75);
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1rem;
	line-height: 1;
    font-family: 'nb_international_proregular', 'Neue Haas Grotesk', helvetica, san-serif, Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.75);
}

[data-predefined-style="true"] small a {
    border-bottom: 0em solid rgba(0, 0, 0, 0.75);
}

/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: center /*!text_center*/;
}

[data-css-preset] body {
	background-color: rgb(255, 255, 255) /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 80%/*!content_center*/;
}

[data-css-preset] .content_padding {
	padding-top: 0rem /*!main_margin*/;
	padding-bottom: 0rem /*!main_margin*/;
	padding-left: 0rem /*!main_margin*/;
	padding-right: 0rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: transparent/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 95%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 0.85rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -1.7rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.6rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1.2rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.7rem;
    margin-bottom: .3rem;
    font-size: 1.7rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.75);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
	font-style: normal;
	line-height: 1.1;
    text-align: left;
}

.thumbnails .tags {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: Quiosco, Icons;
	font-style: italic;
	line-height: 1.2;
    text-align: center;
}

.thumbnails .tags a {
    font-size: 2.2rem;
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(0, 0, 0, 0.75);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
	top: 3rem /*!site_menu_button*/;
	right: 3rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(20, 20, 20, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
    color: rgba(0, 0, 0, 0.85);
    background: transparent;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: fixed;
    padding: 6px;
    top: 2.4rem /*!shop_button*/;
    right: 3rem /*!shop_button*/;
}

#shop_button.text {
    font-family: Quiosco, Icons;
	font-style: normal;
	font-weight: 400;
	font-size: 3rem;
    padding: 0;
    line-height: 1.2;
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 46px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.7rem;
    font-weight: bold;
	line-height: 1;
	color: rgba(0, 0, 0, 0.75);
    display: block;
    margin-bottom: 1rem;
}

.shop_product .dropdown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-size: 1.4rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 1rem;
}

.shop_product .button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.75);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
	opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(5, 5, 5, 0.95) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:last-child .page {
	border-bottom: 0;
}


/**
* Nav
*/

.pinned_top .container_width {
	width: 95% !important;
}

.pinned_top .bodycopy {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pinned_top h2 div div:nth-child(3) {
	text-align: right;
}

.about-link {
	cursor: pointer;
}
.top_nav a {
	transition: all .3s ease-in-out;
}
.top_nav a:hover {
	color: rgba(0, 0, 0, 1);
	opacity: .4;
}
/**
* About
*/
.about-title {
	margin-left: 20px;
    border-bottom: 1px solid #000;;
}
.pinned_top bodycopy a {
	border: none;
}

/**
* Vertical footer
*/
.vertical-footer {
	position: fixed;
    font-size: 14px;
    right: 0;
    width: 100vh;
    padding: 10px;
    padding-left: 50px;
    float: right;
    -moz-transform: rotate(270deg);  /* FF3.5+ */
    -o-transform: rotate(270deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
}

.pointer-events-none {
	
}

[local-style="393046"] .container_width {
	width: 95% !important;
    padding: 0px !important;
    text-align: left;
}
[local-style="393046"] .container_width .content_padding {
	padding: 0px;
}

[local-style="393050"].page_container {
	padding-bottom: 0px !important;
}
/*
.pinned_bottom .page.container_width {
	width: 95%;
    text-align: left;
}
.pinned_bottom .page .bodycopy {
	line-height: 0;
}*/
.icon-link-wrap {
	text-align: left;
}
.icon-link {
	cursor: pointer;
    max-width: 35px;
   font-size: 36px;
    margin-left: -6px;
    margin-bottom: 15px !important;
}

/**
* Custom dash
*/
.title-dash {
    width: 40px;
	border-top: 1.7px solid #000;
	display: inline-block;
	padding-bottom: 5px;
	margin-left: 7px;
	margin-right: 7px;
}
.title-visible {
	visibility: visible !important;
}

/**
* Project title
*/

.thumbnail.has_title {
	padding-top: 0px;
    padding-bottom: 0px;
}
.thumbnails .title {
    
    font-family: 'nb_international_proregular', 'Neue Haas Grotesk', helvetica, san-serif, Icons;
	font-size: 18px;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 10px;
    margin-left: 20px;
    display: block;
    float: left;
}
.thumbnails .tags {
    
    font-family: 'nb_international_proregular', 'Neue Haas Grotesk', helvetica, san-serif, Icons;
    font-size: 0px;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 0.75);
    display: flex;
}
.thumbnails .tags a {
    font-size: 18px;
	color: rgba(0, 0, 0, 0.75);
    font-style: initial;
    margin-left: 5px;
}
.thumbnails .tags a:first-child {
    margin-left: 0px;
	pointer-events: none;
  	cursor: default;
  	text-decoration:none;
}
.thumbnails .tags a:nth-child(2) {
    margin-left: 0px;
}

/**
* Single project
*/
.content_container .container_width .bodycopy .page_content div[grid-row] {
	max-width: 100%;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
img.img-zoom {
	max-width: 100%;
    height: auto !important
}


.content_container .container_width .bodycopy {
	padding-top: 0px !important;
}

.content_container .container_width .bodycopy div[grid-col="x11"] {
	padding-left: 0px;
    padding-right: 0px;
}
.content_container .container_width .bodycopy div[grid-col="x11"]:first-child img {
	float: right;   
}
.content_container .container_width .bodycopy div[grid-col="x11"]:nth-child(2) img {
    float: left;
}
.content_container .container_width .bodycopy div[grid-col="x10"] {
	padding-left: 0px;
    padding-right: 0px;
}
/*
.content_container .container_width .bodycopy div[grid-col="x10"]:first-child img {
	float: right;   
}
.content_container .container_width .bodycopy div[grid-col="x10"]:nth-child(3) img {
    float: left;
}*/

.content_container .container_width .bodycopy .page_content div[grid-row] {
	display: flex;
	align-items: flex-end;
}

.mobile-nav {
    display: none;
    overflow: hidden;
	width: calc(95% + 50px);
    padding-left: 25px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: absolute;
    background-color: #fff;
    margin-top: 100px;
    transition: height .3s ease-in-out;
}
.mobile-nav .nav-wrap {
	width: 80%;
    float: left;
}
.mobile-nav .nav-wrap a {
	display: inline-block;
    width: 100%;
    text-decoration: none;
    font-size: 2rem;
    color: #000;
}
.mobile-nav .row {
	overflow: hidden;
    position: relative;
}
.mobile-nav .social-wrap {
	float: right;
    text-align: center;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
}
.mobile-nav .social-wrap a {
    color: #000;
    text-decoration: none;
    font-size: 2rem;
    flex: 1;
    display: flex;
}
.mobile-nav .close-nav {
	position: absolute;
    color: #fff;
    opacity: .4;
    top: 10px;
    right: 15px;
    font-size: 40px;
}
.toggle-menu {
	display: none;
}
#site_menu_button {
	right: 15px !important;
    margin-right: 0px !important;
}

.top-nav-logo {
	text-align: left;
    line-height: 1.1 !important;
}
.social-media {
	text-align: right;
}

/* SHOP */
[local-style="2391078"] .price-info {
	overflow: hidden;
    position: relative;
    margin-top: 30px;
}
[local-style="2391078"] .price {
	float: left;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}
[local-style="2391078"] .buy-btn {
	position: absolute;
    display: flex;
    text-transform: uppercase;
    align-items: center;
    cursor: pointer;
    height: 100%;
    right: 0;
    background-color: #000;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0px;
    line-height: 0;
}
[local-style="2391078"] .content img {
	width: 100% !important;
    height: auto !important;
}
[local-style="2391078"] [grid-col="4"] {
	padding: 5rem;
}
.gumroad-loading-indicator {
	background: black !important;
}
.gumroad-loading-indicator i {
	background: url("https://freight.cargo.site/t/original/i/a8a33e0ae0f7ef650dda84aacb630775e0e8f07fcc6e7f51098bf0a3b0d57e30/Spin.png") no-repeat !important;
    background-size: 40px 40px !important;
}
body[data-page-id="2391078"] .shop-nav {
	opacity: .4;
}

@media only screen and (max-width: 1024px) {
    #site_menu_wrapper.mobile_only #site_menu_button {
		display: block !important;
        z-index: 99;
        top: 0 !important;
        padding-top: 2rem;
	}
    .toggle-menu {
		display: none;
	}
}
@media only screen and (max-width: 769px) {
    #site_menu_wrapper.mobile_only #site_menu_button {
        padding-top: 1.5rem;
    }
}

@media only screen and (min-width: 1280px) {
    /* top nav mix blend mode */
    
    a[href="Profile"] {
		color: rgba(255, 255, 255, 1) !important;
	}
    .pinned_top .clearfix[data-id="393048"] h2 {
        -webkit-transition: all .7s cubic-bezier(0.26, 1.04, 0.54, 1);
        -o-transition: all .7s cubic-bezier(0.26, 1.04, 0.54, 1);
        transition: all .7s cubic-bezier(0.26, 1.04, 0.54, 1);
        visibility: inherit;
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    .pinned_top .clearfix[data-id="393048"] h2 a {
		color: rgba(255, 255, 255, 1) !important;
	}
    .top_nav {
        -webkit-transition: all .7s cubic-bezier(0.26, 1.04, 0.54, 1);
        -o-transition: all .75s cubic-bezier(0.26, 1.04, 0.54, 1);
        transition: all .7s cubic-bezier(0.26, 1.04, 0.54, 1);
        visibility: inherit;
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    .top_nav a {
        color: rgba(255, 255, 255, 1) !important;
    }
    .hide-menu {
        visibility: hidden !important;
        opacity: 0 !important;
        transform: translate3d(0px, -10px, 0px) !important;
    }
    .social-media {
        -webkit-transition: all .7s cubic-bezier(0.26, 1.04, 0.54, 1);
        -o-transition: all .7s cubic-bezier(0.26, 1.04, 0.54, 1);
        transition: all .7s cubic-bezier(0.26, 1.04, 0.54, 1);
        visibility: inherit;
        opacity: 1;
        transform: translate3d(0,0,0);
    }
    .social-media a {
        color: rgba(255, 255, 255, 1) !important;
    }
    [local-style="393048"] {
        mix-blend-mode: difference;
    }
    [local-style="393049"] {
        mix-blend-mode: difference;
    }
}

/*
** Single project
*/

div[thumbnails="columns"] {
	margin-top: 30px !important;
}

/*
.pswp__group-next .shape-shape {
	d: path('M8.6999998,17.6000004c-0.1999998,0.2000008-0.1999998,0.5,0,0.7000008l14.500001,14.5000019 c0.2000008,0.2000008,0.5,0.2000008,0.7000008,0l1.3999996-1.3999996c0.2000008-0.2000008,0.2000008-0.5,0-0.7000008 L3.8999996,18.3999996c-0.1999998-0.2000008-0.1999998-0.5,0-0.7000008L26.2999992,5.3000002 c0.2000008-0.1999998,0.2000008-0.5,0-0.6999998l-1.3999996-1.4000001c-0.2000008-0.2-0.5-0.2-0.7000008,0L9.6999998,17.6000004z');
}*/

/*
** Lightbox icons
*/
.pswp .pswp__button-next svg, .pswp .pswp__button-prev svg, .pswp .pswp__button-close svg {
	display: none;
}
.pswp .pswp__button-next {
	background: url(https://files.cargocollective.com/c24602/right-arrow.svg) no-repeat calc(100% - 50px) center;
    background-size: auto 50px;
}
.pswp .pswp__button-prev {
	background: url(https://files.cargocollective.com/c24602/left-arrow.svg) no-repeat 50px center;
    background-size: auto 50px;
}
.pswp .pswp__button-close {
	background: url(https://files.cargocollective.com/c24602/x-icon.svg) no-repeat center;
    background-size: auto 50px;
    margin-right: 50px !important;
    margin-top: 50px;
}
.quick-view-navigation .pswp__group .pswp__button-close {
	top: 0 !important;
    right: 0 !important;
}


@media only screen and (max-width: 1920px) {
	/*
	** Single project
	*/
    .bodycopy.content_padding {
		padding-left: 0 !important;
    	padding-right: 0 !important;
	}
    .container_width {
		width: 95% !important;
	}
}
@media only screen and (max-width: 1366px)  {
  .pinned_top h2 > a {  
		word-spacing: 100vw;
	}
    .top_nav a {
		font-size: 1.8rem;
	}
    .social-media a {
		font-size: 1.8rem;
	}
    .top-nav-logo a {
		font-size: 1.8rem;
	}
    
    /* SHOP */
    [local-style="2391078"] div[grid-col="4"] {
        width: 50% !important;
        padding: 1rem;
    }
    [grid-col="4"] {
		max-width: 100% !important;
    }
}

@media only screen and (max-width: 1024px)  {
    .pswp .pswp__button-next, .pswp .pswp__button-prev {
     width: 40% !important;   
    }
    .content_container bodycopy {
		margin-top: 5rem;
	}
	body[data-page-id="947122"] .gallery_card {   
		width: 20%;
	}
    .vertical-footer {
		padding: 5px;
        padding-left: 35px;
	}
    .mobile-nav {
		display: block;
        height: 0px;
	}
    .top_nav {
		display: none;
	}
    .social-media {
		display: none;
	}
    .toggle-menu {
		display: none;
        margin-top: .55rem;
        max-width: 40px;
        float: right !important;
        cursor: pointer;
	}
    .mobile-nav {
		margin-top: 6rem;
    	padding-top: 50px;
        width: 95%;
        padding-left: 0px;
        padding-right: 0px;;
	}
    .top-nav-logo a {
		font-size: 2.0rem;
	}
    div[thumbnails="columns"] {
		margin-top: 4rem !important;
	}
    .mobile-nav .nav-wrap a {
		margin-bottom: .8rem;
	}
    .mobile-nav .nav-wrap a:last-child {
        margin-bottom: 0px;
    }
    .show-nav {
		height: 20rem !important;
	}
    .pinned_top .page_container.overlay.fixed {
		position: absolute !important;
	}
    .pinned_top h2 {
		font-size: 2rem;
	}
    .pinned_top h2 a {
		word-spacing: initial;
	}
    .mobile-nav .social-wrap .fb {
		align-items: center;    
	}
     .mobile-nav .social-wrap .be {
         align-items: flex-end;
	}
    #site_menu_button {
        position: absolute !important;
	    top: .8rem;
    	right: 2.5% !important;
	}
}
@media only screen and (max-width: 768px)  {
    .pswp--touch .quick-view-navigation {
		display: block !important;
	}
	.vertical-footer {   
		padding: 2px;
        padding-left: 35px;
	}
    #site_menu_button {
    	width: 32px;
        top: 1.7rem !important;
    }
    .show-nav {
		height: 16rem !important;
	}
    .mobile-nav {
		padding-top: 0px;
        margin-top: 8rem;
	}
    .pinned_top h2 > a {  
		word-spacing: 100vw;
	}
    
    /* SHOP */
    [local-style="2391078"] div[grid-col="4"] {
        width: 100% !important;
            padding: 0;
    		padding-bottom: 4rem;
    }
}
@media only screen and (max-width: 414px)  {
	.thumbnails_width {    
		width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
	}
    .container_width {
		width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
	}
    .thumbnails .title {
		margin-left: 0px;
        text-align: center;
	}
    .pinned_top .container_width {
		width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
	}
    .vertical-footer {
        padding: 0px;
		padding-bottom: 1px;
    	padding-left: 20px;
    	font-size: 11px;
	}
    div[thumbnails="columns"] {
		padding-left: 0px;
        padding-right: 0px;
	}
    
    body[data-page-id="947122"] .gallery_card {   
		width: 33.33333% !important;
	}
    .vertical-footer {
		padding: 1px;
        padding-left: 25px;
	}
    
    #site_menu_button {
    	width: 28px !important;   
    }
    a[href="Profile"] {
		word-spacing: 100vw !important;
	}
    .mobile-nav {
        margin-top: 8rem;
		padding-top: 0px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
	}
    #site_menu_button {
		right: 15px !important;
	}
    .show-nav {
		height: 16rem !important;
	}
     .pinned_top h2 > a {  
		word-spacing: 100vw;
	}
    
    .pswp .pswp__button-next {
        background: url(https://files.cargocollective.com/c24602/right-arrow.svg) no-repeat calc(100% - 15px) center;
        background-size: auto 30px;
    }
    .pswp .pswp__button-prev {
        background: url(https://files.cargocollective.com/c24602/left-arrow.svg) no-repeat 15px center;
        background-size: auto 30px;
    }
    .pswp .pswp__button-close {
        background: url(https://files.cargocollective.com/c24602/x-icon.svg) no-repeat center;
        background-size: auto 30px;
        margin-right: 13px !important;
        margin-top: 13px;
    }
}

/*
** Landscape
*/
@media only screen and (max-width: 1024px) and (orientation : landscape)  {
    .toggle-menu {
		display: none;
	}
}
@media only screen and (max-width: 812px) and (orientation : landscape)  {
    #site_menu_button.custom_icon {
        width: 30px;
        top: 1.75rem !important;
    }
    .toggle-menu {
		display: none;
	}
    .vertical-footer {
		padding: 3px;
        padding-left: 35px;
	}
}
@media only screen and (max-width: 736px) and (orientation : landscape)  {
    .vertical-footer {
		padding: 2px;
        padding-left: 35px;
	}
}
@media only screen and (max-width: 667px) and (orientation : landscape)  {
    .vertical-footer {
		padding: 1px;
        padding-left: 35px;
	}
    .mobile-nav {
		left: -1px;
	}
}

#toolset {
	display: none;
}
body[data-page-id="2025429"] .pinned_bottom bodycopy {
	padding-top: 0px;
}

body[data-page-id="2025429"] .pinned_bottom bodycopy div[grid-row] {
	display: none;
}
.page[data-id="2025429"] div[grid-col="x12"] {
	padding-left: 0px;
    padding-right: 0px;
}
.pinned_bottom {
	width: 95% !important;
    margin-left: auto;
    margin-right: auto;
}
.pinned_bottom bodycopy {
	padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 3px !important;
}
/*
* menu colors
*/


body[data-page-id="2059112"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}
body[data-page-id="37396249"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}
body[data-page-id="37575654"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}
body[data-page-id="37177063"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}
body[data-page-id="37160290"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}
body[data-page-id="37089185"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}
body[data-page-id="36772729"] .mobile-nav {
	 background-color: rgb(238, 225, 219)
}
body[data-page-id="36828311"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}
body[data-page-id="36657082"] .mobile-nav {
	 background-color: rgb(238, 238, 238)
}

body[data-page-id="36525035"] .mobile-nav {
	 background-color: rgb(206, 206, 206)
}

body[data-page-id="36065367"] .mobile-nav {
	 background-color: rgb(191, 191, 191)
}

body[data-page-id="36058743"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}

body[data-page-id="35742395"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}

body[data-page-id="35560353"] .mobile-nav {
	 background-color: rgb(191, 191, 191)
}

body[data-page-id="35439318"] .mobile-nav {
	 background-color: rgb(245, 229, 237)
}

body[data-page-id="35029902"] .mobile-nav {
	 background-color: rgb(167, 167, 167)
}

body[data-page-id="34478241"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}

body[data-page-id="33155493"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}

body[data-page-id="30833416"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}

body[data-page-id="31760710"] .mobile-nav {
	 background-color: rgb(113, 113, 113)
}

body[data-page-id="26776654"] .mobile-nav {
	 background-color: rgb(240, 225, 202)
}

body[data-page-id="29713949"] .mobile-nav {
	 background-color: rgb(223, 217, 212)
}

body[data-page-id="25896688"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}

body[data-page-id="21699880"] .mobile-nav {
	 background-color: rgb(255, 235, 219)
}

body[data-page-id="24526310"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}

body[data-page-id="17884693"] .mobile-nav {
	 background-color: #939393
}

body[data-page-id="21203145"] .mobile-nav {
	 background-color: #e2e2e2
}

body[data-page-id="21208064"] .mobile-nav {
	 background-color: #b5b5b5
         
}
body[data-page-id="21197899"] .mobile-nav {
	 background-color: #d9c7d4
         
}
body[data-page-id="12584311"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}

body[data-page-id="11531093"] .mobile-nav {
	 background-color: rgb(248, 237, 232)
}

body[data-page-id="9989907"] .mobile-nav {
	 background-color: rgb(255, 255, 255)
}

body[data-page-id="8883032"] .mobile-nav {
	 background-color: rgb(241, 242, 244)
}

body[data-page-id="8589181"] .mobile-nav {
	 background-color: rgb(66, 66, 66)
}

body[data-page-id="8588530"] .mobile-nav {
	 background-color: rgb(255, 247, 247)
}

body[data-page-id="4332395"] .mobile-nav {
	 background-color: rgb(211, 211, 211)
}

body[data-page-id="7986923"] .mobile-nav {
	 background-color: rgb(71, 45, 65)
}

body[data-page-id="8084468"] .mobile-nav {
	 background-color: rgb(222, 156, 170)
}

body[data-page-id="7759200"] .mobile-nav {
	 background-color: rgb(192, 192, 192)
}

body[data-page-id="5654693"] .mobile-nav {
	 background-color: rgb(191, 191, 191)
}

body[data-page-id="4331886"] .mobile-nav {
	 background-color: rgb(233, 91, 85)
}

body[data-page-id="10365894"] .mobile-nav {
	 background-color: rgb(248, 247, 235)
}

body[data-page-id="4331648"] .mobile-nav {
	 background-color: rgb(197, 197, 197)
}

body[data-page-id="2059658"] .mobile-nav {
	 background-color:rgb(227, 227, 227)
}

body[data-page-id="10516287"] .mobile-nav {
	 background-color: rgb(192, 31, 43)
}

body[data-page-id="2289194"] .mobile-nav {
	 background-color: #e6f2db
}

body[data-page-id="2059395"] .mobile-nav {
	 background-color: rgb(255, 0, 0)
}

body[data-page-id="2058786"] .mobile-nav {
	 background-color: #c1c1c1
}

body[data-page-id="392481"] .mobile-nav {
	 background-color:#ecc9c1
}

body[data-page-id="392490"] .mobile-nav {
	 background-color: rgb(60, 56, 70)
}

body[data-page-id="392484"] .mobile-nav {
	 background-color: rgb(62, 68, 102)
}
body[data-page-id="392491"] .mobile-nav {
	 background-color: #494949
}

body[data-page-id="2058118"] .mobile-nav {
	 background-color: rgb(240, 237, 230)
}

body[data-page-id="399747"] .mobile-nav {
	 background-color: rgb(231, 224, 206)
}

body[data-page-id="392494"] .mobile-nav {
	 background-color: #ed544e
}

body[data-page-id="392492"] .mobile-nav {
	 background-color: #a0a0a0
}

body[data-page-id="392495"] .mobile-nav {
	 background-color: #7399ad
}

body[data-page-id="392496"] .mobile-nav {
	 background-color: #d3d3d3
}

body[data-page-id="392498"] .mobile-nav {
	 background-color: #989898
}

body[data-page-id="392499"] .mobile-nav {
	 background-color: rgb(142, 86, 70)
}

body[data-page-id="392500"] .mobile-nav {
	 background-color: rgb(217, 217, 217)
}

body[data-page-id="399755"] .mobile-nav {
	 background-color: #343434
}

body[data-page-id="392501"] .mobile-nav {
	 background-color: rgb(66, 67, 82)
}

body[data-page-id="392503"] .mobile-nav {
	 background-color: rgb(58, 176, 98)
}

body[data-page-id="392504"] .mobile-nav {
	 background-color: #d8d9df
}

body[data-page-id="399748"] .mobile-nav {
	 background-color: #fff
}

body[data-page-id="1138689"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="399751"] .mobile-nav {
	 background-color: #fdd37d
}

body[data-page-id="399752"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="399753"] .mobile-nav {
	 background-color: #3d404b
}

body[data-page-id="399757"] .mobile-nav {
	 background-color: #202020
}

body[data-page-id="399758"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="399759"] .mobile-nav {
	 background-color: #aa9a85
}

body[data-page-id="399760"] .mobile-nav {
	 background-color: #fdffd0
}

body[data-page-id="399762"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="2514567"] .mobile-nav {
	 background-color: #a3998d
}

body[data-page-id="399770"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="399766"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="399767"] .mobile-nav {
	 background-color: #fff
}

body[data-page-id="399768"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="399769"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="399772"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="399773"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="399777"] .mobile-nav {
	 background-color: rgb(185, 108, 72)
}

body[data-page-id="399778"] .mobile-nav {
	 background-color: #989898
}

body[data-page-id="399783"] .mobile-nav {
	 background-color: brak
}

body[data-page-id="399774"] .mobile-nav {
	 background-color: rgb(244, 244, 244)
}

body[data-page-id="399788"] .mobile-nav {
	 background-color: #eaeaea
}

/*
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}
