/**
 * Content
 */

body {
	background-color: #fff;
	color: #000;
}

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(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: 0rem;
}

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	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;	
}

/**
 * ADDED BY SUTHERLIN SANTO
 * Headers
 */

.ssHeader {
    width: 100%;
	text-align: right;
    padding-bottom: 2%;
    padding-right: 9%;
}

.ssPageHeader {
    padding-top: 0%;
    font-family: Oswald, Icons; 
}
    


@media only screen and (max-width: 767px) {
/*Break point for Mobile specific elements */ 
    .ssStoreHeader_left {
    display: none;
    }
    .ssPageHeader {
    padding-top: 11%;
    background-color: rgba(255, 255, 255, 1);
    width: 25%;
    padding-bottom: 2%;    
    }
    .ssStoreHeader_right {
    width: 63%;
    float: right;
	text-align: right;
    padding-top: 5%;
    margin-top: -6%;     
    padding-right: 10%;    
    margin-right: -11%; 
    padding-bottom: 4%;    
    background-color: rgba(255, 255, 255, 1);
	}
  
}

@media only screen and (min-width: 768px) {
/*Break point for Not Mobile */
    .ssHeader {
    padding-top: 0;
    padding-bottom: 2%;
    padding-right: 10%;
	}
    .ssStoreHeader {
    width: 100%;
	text-align: right;
    padding-top: 0%;
	}
    .ssStoreHeader_left {  
    width: 28%;
	text-align: left;
    padding-top: 32%;
	background-color: rgba(255, 255, 255, 1);
    font-family: Oswald, Icons;
	font-style: normal;
	font-weight: 400;
	}
    
    .textSub {  
    font-family: Oswald, Icons;
	font-style: normal;
	font-weight: 100;
    font-size: 1.2rem;
	}
    
	.ssStoreHeader_right {
    width: 16%;
    float: right;
	text-align: right;
    padding-top: 0%;
    background-color: rgba(255, 255, 255, 1);
	}
}    


/**
 * ADDED BY SUTHERLIN SANTO
 * Site Menu (Used on Mobile Only)
 */

.ssSiteMenu {
	float: left;
    width: 85%;
    padding-bottom: 13%;
    padding-left: 6%;
    padding-top: 0%;
    background-color: rgba(0, 0, 0, 0.95) ;
    color: rgba(255, 255, 255, 0.83);
    font-family: Oswald, Icons;
    font-size: 1.7em;
}

.ssSiteMenuSubText {
    font-family: Oswald, Icons;
    font-size: 0.7em;
}

.ssSiteMenu a {
    color: rgba(255, 255, 255, 0.83) !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

.ssSiteMenu a:hover {
    color: rgba(255, 255, 255, 0.83) !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

.ssMenuClose {
	float: right;
    padding-right: 9%;
    color: rgba(255, 255, 255, 0.83);
    font-family: Oswald, Icons;
    font-size: 3.0em;
}




/**
 * ADDED BY SUTHERLIN SANTO
 * Text Link States
 */
.pageHeader a:hover {
    color: rgba(195, 195, 195, 0.83) !important;	
	background-color: transparent !important;	
}

[data-predefined-style="true"] bodycopy a:hover {
	color: rgba(0, 0, 0, 0.83);
    background-color: rgba(255, 244, 0, 1);
}

[data-predefined-style="true"] h1 a:hover {
	color: rgba(255, 255, 255, 0.83);
    background-color: rgba(0, 0, 0, 0.83);
}

[data-predefined-style="true"] h2 a:hover {
	color: rgba(0, 0, 0, 0.83);
    background-color: rgba(255, 244, 0, 0.5);
}

[data-predefined-style="true"] small a:hover {
	color: rgba(255, 255, 255, 1);
    background-color: #000;
}


/**
 * ADDED BY SUTHERLIN SANTO
 */

/*STATIC PROJECT CARD COVERS 
 * Home Page Grid + Image Hover States */ 

._20 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/85478acd31473ac2e943ffcf7ebf3299df639752e3763e9c925d3bb28371d78f/2021_JewelTumblers_1.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._19 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/cc2f1198a33a2782557d4410d741388fee9f5f8d56e16d5fdfda560e1d888d5b/2022_SymbioticStool_1.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._18 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/7821c97f7ba9a0c7df72b55801b1ab1f8ace1b8ab9f4f97d650324c39fa31f83/2021_Atlas1.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._17 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/eba5042ff3d1c4799547c669a51885c3bec36bdce915881977936b391e8cac7e/2020_Biocraft1.jpg");
    background-size: cover;
    transition: .32s ease-in-out;
}

._16 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/6110a3525eb7e85a34bf0ed30d2ee919d0179e10a4e12f18eebe5a73b0bddf34/2020_BlastBarn1.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._15 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/356de9af3670a238d8917e5fd219471ed51524d105f1c848dad8be6a7545d9de/2020_BioTiles1.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._14 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/11d577a1c6707020d68e721512e377c13272ea77873bdb9739f56170662cf061/2013_GeoDistortion.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._13 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/df128efa4a234c9d31855c22d47218de31d929dcf46007e77b6e58609040f036/2013_FissureHouse.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._12 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/5e12cd944cb4d1b4bbb1ab6affbaba8c2f80df65ddd2db86f8a563d39b9b8a9a/2015_BlackForest.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}


._11 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/7454a229e7de5b046132994c4e84569d5d0141e1e49d384d0f0f6e9dc731595c/2019_AnimalHouse_BatShelter1.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._10 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/96593404b8f080e4a633682253af3659460fdb5a7182394cd9bc286aefec6236/2013_SpatialLayers2.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._9 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/ed731d8aeec3255741dd866f2836e00eafb8ae293a1856a7c55ed3f0a2795829/2014_SoaneMuseumRevision.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._8 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/77bd0aa103100c727ebc0871e77fa2f6f7285c05f9c8b2d480a84e6b28c3d351/2015_Disfigurement.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._7 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/bfa7493d7d2e0d2354d209710df55636645cfd31b82ce0d3f843ebe55e5ee988/2014_TowerDisruption.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._6 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/8c68bf869fbd08e4f4ebc39a4bb4ee323b3de71f94ca3f2bd3387ade1596fead/2019_AnimalHouse_Turtle.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._5 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/9d781a8ea6fef3ba5ca97ebba07a8ff4d77ccf5b6fc86344166d4bfcdd92b5a6/2019_Ceramics.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._4 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/1ef05ace01eef335cf3e23fc9e52622ffa4696e782e45abc970fcff569cea799/2019_MultiBiogelExtrusion2.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._3 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/67bd3d2b255e54496802f8e38fc64f73543c23efcf0d2b7c7a4092cea3b0ac3f/2018_Epiphyte4.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._2 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/abfae263d2548075f1ed6ba83812d144c184a6fcd48b19f5099e8427a95f3c1a/2019_BiopolymerExtrusion2.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}

._1 a {
    display: flex;
	background: url("https://freight.cargo.site/t/original/i/e8c997d91d1d6f401e403edcff82a1e77cc5b9965a2542c4a0c91d6da67cc979/2018_BiopolymerStool2.jpg");
	background-size: cover;
    transition: .32s ease-in-out;
}



/*MOBILE */
@media only screen and (max-width: 767px) {
/*Break point for Mobile */  

/*MOBILE SITE TITLE */    
	.ssTitle {
	padding-top: 5%;
    padding-bottom: 8%;
	}
    
    .ssSiteTitle {
    display: inline;
	position: relative;
	padding-bottom: 1%;
    text-align: center ! important;
    padding-right: 1%;
    padding-top: 3%;
    font-size: 1.5vw;
	}

	.ssSiteTitle h1 { 
	font-size: 7vw !important;
	}
    
    
    .ssSiteTitleLinks2 { 
	font-size: 1.4vmax !important;
    line-height: 1.4;
    padding-bottom: 3%;
    padding-top: 0.5%;
    font-family: Oswald, Icons;
    text-align: right;
	font-style: normal;
	font-weight: 400;
	}
    
    .ssSiteTitleInfo{ 
	font-size: 1.7vmax !important;
    padding-right: 3%;
    padding-left:3%;
    padding-bottom: 9%;
	}
    
/*MOBILE FEATURED MAIN PROJECTS */
    .ssFeatProj {
	padding-top: .5%;
    padding-bottom: .5%; 
    position: relative;
    margin: auto;
	}
    
    .ssFeatProjVid {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;     
	}
    
	.ssFeatProjVid iframe {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
    background: url("https://freight.cargo.site/t/original/i/b39996095374219e6fb8be32ef55a2e9f1d53f133bf5d6505ad316192c09b0da/ExtremeCeramics_VideoStill_5.jpg") center center no-repeat;   
    }
    
    .ssFeatProjImg {
    overflow:hidden;
    padding-bottom:56.25%;
    position: relative;
    height: 0;
    display: inline-block;    
	}
    
    .ssFeatProjImg img {
	display: block;
	}

    .ssFeatProjText{  
	font-style: normal;
    padding: .75%;
	font-weight: 300;
	font-size: 1.5vmax;
	line-height: 0.9;
    background: rgba(255, 255, 255, 0.55);
	}
    
    .ssFeatProjText headline1{  
    font-family: Oswald, Icons;
	font-style: normal;
	font-weight: 300;
	font-size: 1.9vmax;
	line-height: 0.9;
	color: rgba(0, 0, 0, 1);
	}
    
    .ssFeatProjText headline2{  
    font-family: Oswald, Icons;
	font-style: normal;
	font-weight: 300;
	font-size: 1.9vmax;
	line-height: 0.9;
	color: rgba(0, 0, 0, 1);
	}

    ._proj1{
	position: absolute;
    top: 33%;
    left: 74%;
    width: 25%;
    text-align: left;
    color: rgba(0, 0, 0, 1);
	}
    
    
    ._proj2{
	position: absolute;
    top: 33%;
    left: 76%;
    width: 23%;
    text-align: left;
    color: rgba(0, 0, 0, 1);
	}
    
    ._proj2 a{
    color: rgba(0, 0, 0, 1) !important;
	}
    
    ._proj3{
	position: absolute;
    top: 41%;
    left: 74.5%;
    width: 25%;
    text-align: left;
    color: rgba(0, 0, 0, 1);
	}
    
    ._proj4{
	position: absolute;
    top: 33%;
    left: 74.5%;
    width: 25%;
    text-align: left;
    color: rgba(0, 0, 0, 1);
	}
    
    ._proj5{
	position: absolute;
    top: 10%;
    left: 74.5%;
    width: 25%;
    text-align: left;
    color: rgba(0, 0, 0, 1);
	}
    
    .ssWebOnlyImg{
	display: none;
}
    
/*MOBILE PROJECT GRID */     
    .ssProjectGrid {
	padding-top: 2%;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-column-gap: 1%;
    grid-row-gap: 14vmax !important;   
	}

	.ssPCWrapper{
	display: flex;
	position: relative;
	justify-content: center;
	}

	.ssProjectCard {
	display: flex;
	position: relative; 
 	width: 100vw;
    height: 65vw;    
	}

	.ssProjectCard img {
	width: 100%;
	}
    
    .MoreLinks {
	padding-top: 5%;
    padding-right: 10%;
    text-align: right; 
    padding-bottom: 15%;    
	}
    
    .MoreLinks h1{
    font-family: Oswald, Icons;        
    font-size: 2vmax !important;
    line-height: 1vmax;
	}
    
    .GridCaption {
    position: absolute;
    top: 46%;
    float: left;
    text-align: left;
	margin-left: 4%;
    margin-right: 4%;
    font-size: 1.9vmax !important;
    line-height: 2vmax;
	}
    
    .GridCaption h1{
    font-family: Oswald, Icons;        
    font-size: 3vmax !important;
    line-height: 1vmax;
	}
 
    ._20 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._19 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._18 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._17 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._16 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._15 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._14 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._13 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._12 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
 
    
    ._11 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
 
    ._10 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
 
    ._9 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
   
    
    ._8 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._7 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
        
     ._6 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._5 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
    ._4 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
        
    ._3 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
       
    ._2 a { 
    background-size: contain;
    background-repeat: no-repeat;        
    }
    
    
    ._1 a { 
    background-size: contain;
    background-repeat: no-repeat;    
    }
    
}

/*NOT MOBILE */
@media only screen and (min-width: 768px) {
/*Break point for Not Mobile */
/*ADD HOVER IMAGES TO 'body:after' and '._#' */    

/*SITE TITLE */
/*MEDIAQUERY FONT-SIZE TITLES BELOW  */    
    .ssTitle {
	padding-top: 2%;
    padding-bottom: 4%;
    position: relative;
	}
    
	.ssSiteTitle {
    display: inline;
	position: relative;
    padding-right: 4%;
	padding-bottom: 5%;
    text-align: center !important;
    padding-top: 2%;
    }
    
	.ssSiteTitle h1 { 
	font-size: 4vw !important;
	}
    
    .ssSiteTitleLinks { 
    padding-bottom: 3%;
    padding-top: 0.5%;
	}
    
    .ssSiteTitleLinks2 { 
	font-size: 0.9vmax !important;
    line-height: 1.4;
    padding-bottom: 3%;
    padding-top: 0.5%;
    font-family: Oswald, Icons;
    text-align: right;
	font-style: normal;
	font-weight: 400;
	}
    
    .ssSiteTitleInfo { 
	font-size: 1.1vmax !important;
    line-height: 1.5;
    padding-bottom: 5%;
	}
    
    
/*FEATURED MAIN PROJECTS */
    .ssFeatProj {
	padding-top: .5%;
    padding-bottom: .5%; 
    position: relative;
    margin: auto;
    display: block;    
	}
    
    .ssFeatProjVid {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;     
	}
    
	.ssFeatProjVid iframe {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
    background: url("https://freight.cargo.site/t/original/i/b39996095374219e6fb8be32ef55a2e9f1d53f133bf5d6505ad316192c09b0da/ExtremeCeramics_VideoStill_5.jpg") center center no-repeat;   
    }
    
    .ssFeatProjImg {
    overflow:hidden;
    padding-bottom:56.25%;
    position: relative;
    height: 0;    
	}
    
    .ssFeatProjImg img {
	display: block;
	}

    .ssFeatProjText{  
	font-style: normal;
	font-weight: 300;
	font-size: 0.9vmax;
	line-height: 0.9;
	}
    
    .ssFeatProjText headline1{  
    font-family: Oswald, Icons;
	font-style: normal;
	font-weight: 300;
	font-size: 1.5vmax;
	line-height: 0.9;
	color: rgba(0, 0, 0, 1);
	}
    
    .ssFeatProjText headline2{  
    font-family: Oswald, Icons;
	font-style: normal;
	font-weight: 300;
	font-size: 1.5vmax;
	line-height: 0.9;
	color: rgba(255, 255, 255, 1);
	}
    
    ._proj1{
	position: absolute;
    top:58%;
    left: 5%;
    width: 23%;
    text-align: left;
    color: rgba(0, 0, 0, 1);
	}
    
    ._proj1 a{
    color: rgba(0, 0, 0, 1) !important;
	}
    
    ._proj1 a:hover{
   	color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(0, 0, 0, 1) !important;
    }
    
    
    ._proj2{
	position: absolute;
    top: 54%;
    left: 7%;
    width: 18%;
    text-align: right;
    color: rgba(255, 255, 255, 1);
	}
    
    ._proj2 a{
    color: rgba(255, 255, 255, 1) !important;
	}
    
    ._proj2 a{
    color: rgba(255, 255, 255, 1) !important;
	}
    
    ._proj2 a:hover{
   	color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(0, 0, 0, 1) !important;
    }
    
    
	._proj3{
	position: absolute;
    top: 65%;
    left: 76%;
    width: 22%;
    text-align: left;
    color: rgba(0, 0, 0, 1);
	}
    
    ._proj3 a{
    color: rgba(255, 255, 255, 1) !important;
	}
    
    ._proj3 a:hover{
   	color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(0, 0, 0, 1) !important;
    }
    
	._proj4{
	position: absolute;
    top: 15%;
    left: 76%;
    width: 22%;
    text-align: left;
    color: rgba(255, 255, 255, 1);
	}
    
    ._proj4 a{
    color: rgba(255, 255, 255, 1) !important;
	}
    
    ._proj4 a:hover{
   	color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(0, 0, 0, 1) !important;
    }
    
    ._proj5{
	position: absolute;
    top: 20%;
    left: 65%;
    width: 22%;
    text-align: left;
    color: rgba(0, 0, 0, 1);
	}
    
    ._proj5 a{
    color: rgba(0, 0, 0, 1) !important;
	}
    
    ._proj5 a:hover{
   	color: rgba(255, 255, 255, 1) !important;
    background-color: rgba(0, 0, 0, 1) !important;
    }
    
/*PROJECT GRID */    
    .ssProjectGrid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 1%;
    grid-row-gap: 14.8vw;
    padding-top: 5%; 
    padding-bottom: 25%;    
	}

    body:after{
 	display:none;
 	content: url(https://freight.cargo.site/t/original/i/6a6abadc775283bf183fd2f7bebb845fa19cf7ab973548e8501d8ce7bedd79cb/2018_BiopolymerStool.jpg)  url(https://freight.cargo.site/t/original/i/6b465d6431899bc597a29edb5e77823786fd3d69d40fcff4a6749e50780be108/2019_BiopolymerExtrusion_GIF.gif) url(https://freight.cargo.site/t/original/i/e3ab5f918686cfcb800b06af9a6bf328da780b738be78a681cc7a6bad3cea97a/2018_Epiphyte3.jpg) url(https://freight.cargo.site/t/original/i/6c906dda568f25c769e3601906b503cbbf806cd86ec9312c1724c9c4ef4ee910/2019_BioExtrusionSIM_GIF.gif) url(https://freight.cargo.site/t/original/i/746308ec2cd7fc477c89edaa42511c7af6c1fa7a130195a0ff0c96f3e34d16b3/2019_Ceramics_GIF.gif) url(https://freight.cargo.site/t/original/i/67e0ee803dc961dfb90ee6ea621f1daaa1302442e31a1a53cf648ed3304ad26e/2017_RoboticStrands_GIF.gif) url(https://freight.cargo.site/t/original/i/d9740baaa8d4f6b070d859e49ec298ee4e5d1c9a8734fc6e39e461729149e38f/2014_TowerDisruption_GIF.gif) url(https://freight.cargo.site/t/original/i/17b41d81615f3a50a51d268550e9aae191d0a8e1698908a739950abdfcc091b7/2015_ConditionsDisfigurement_GIF.gif) url(https://freight.cargo.site/t/original/i/286411fae0f354f27c29e5522d85193eebe6c8c69baa03de7e5c73a41f575ece/2014_RawEdges_GIF.gif) url(https://freight.cargo.site/t/original/i/1323b18010d026c9f1ab1982e7d497bb05e5fa9cb8d48781655e0e19fb5b3c09/2013_SpatialLayers_GIF.gif) url(https://freight.cargo.site/t/original/i/9bcab18aea07b5b76038c4167f362516396d1157f704fa45d5d80e1534f8fb83/2019_AnimalHouse_Turtle2.jpg) url(https://freight.cargo.site/t/original/i/719aa10d831cc2aa7dc1a6bed142f196c3f86e74f63104e78308d0dc3c822f63/2015_BlackForest2.jpg) url(https://freight.cargo.site/t/original/i/73e3f1457fb4518458c130758b5199f431861bad8b970b86b192049c531f4359/2013_FissureHouse2.jpg) url(https://freight.cargo.site/t/original/i/5928c7eed84f07b5d2522a9ff933f661061128ad49d194b2deccee89f77208e5/2013_GeoDistortion2.jpg);
	}
    
	.ssPCWrapper{
	display: flex;
	position: relative;
	justify-content: left;
	}

	.ssProjectCard {
	display: flex;
	position: relative;
    max-height: 215px; /*WorkAround for Safari not resizing ht*/
    max-width: 600px; /*WorkAround for Safari not resizing ht*/
	}

	.ssProjectCard img {
	width: 100%;
	}
    
    .MoreLinks {
	padding-top: 30%;
    padding-right: 10%;
    text-align: right;    
	}
    
   .MoreLinks h1{
    font-family: Oswald, Icons;        
    font-size: 1vmax !important;
    line-height: 1vmax;
	}
    
     /* NOTE:MEDIAQUERY CAPTION BREAKPOINTS BELOW */
    .GridCaption {
    position: absolute;
    top: 105%;
    float: left;
    text-align: left;
    margin-left: 10%;
    margin-right: 20%;    
    font-size: 1vmax !important;
    line-height: 1.1vmax;
	}
    
    .GridCaption h1{
    font-family: Oswald, Icons;        
    font-size: 1vmax !important;
    line-height: 1vmax;
	}
    
    ._20 a:hover {
	background: url("https://freight.cargo.site/t/original/i/a4bda63662a0725b006c146262d8b9deec3ee4805840b631b2ca099bf804c1e1/2021_JewelTumblers_2.jpg");
	background-size: cover;
	}    
    
    ._19 a:hover {
	background: url("https://freight.cargo.site/t/original/i/6c5ee67b1482c60cb1bc8f37afe07237467151f9019b11385a8e79c089ee86a3/2022_SymbioticStool_2.jpg");
	background-size: cover;
	}
    
    ._18 a:hover {
	background: url("https://freight.cargo.site/t/original/i/29abb070516d1a5bb99879a87f365e39752602925e521ef41cd3efc83709aa54/2021_Atlas2.jpg");
	background-size: cover;
	}
    
    ._17 a:hover {
	background: url("https://freight.cargo.site/t/original/i/c17a9d457a59b0c8ddec6d4ced849725a6e03bef13c9f03c67ba1d8d3b86b89c/2020_Biocraft2.jpg");
    background-size: cover;
	}
    
    ._16 a:hover {
	background: url("https://freight.cargo.site/t/original/i/408aec7444af51ef9bf367107fdc2512d2cee3b7fa51bcf395d074473f679090/2020_BlastBarn2.jpg");
	background-size: cover;
	}

    ._15 a:hover {
	background: url("https://freight.cargo.site/t/original/i/4f4c4999d5064d26cf0df7566fbc1143586456018cb93bb6646dc48815e1cdfd/2020_BioTiles2.jpg");
	background-size: cover;
	}

	._14 a:hover {
	background: url("https://freight.cargo.site/t/original/i/5928c7eed84f07b5d2522a9ff933f661061128ad49d194b2deccee89f77208e5/2013_GeoDistortion2.jpg");
	background-size: cover;
	}
    
    ._13 a:hover {
	background: url("https://freight.cargo.site/t/original/i/73e3f1457fb4518458c130758b5199f431861bad8b970b86b192049c531f4359/2013_FissureHouse2.jpg");
	background-size: cover;
	}

	._12 a:hover {
	background: url("https://freight.cargo.site/t/original/i/719aa10d831cc2aa7dc1a6bed142f196c3f86e74f63104e78308d0dc3c822f63/2015_BlackForest2.jpg");
	background-size: cover;
	}
    
	._11 a:hover {
	background: url("https://freight.cargo.site/t/original/i/c4732d28686e4b5b88fad3d081f849b9c9a1a1747dcdfc7dda9136c2340cc810/2019_AnimalHouse_BatShelter2.jpg");
	background-size: cover;
	}
    
    ._10 a:hover {
	background: url("https://freight.cargo.site/t/original/i/1323b18010d026c9f1ab1982e7d497bb05e5fa9cb8d48781655e0e19fb5b3c09/2013_SpatialLayers_GIF.gif");
	background-size: cover;
	}
    
	._9 a:hover {
	background: url("https://freight.cargo.site/t/original/i/286411fae0f354f27c29e5522d85193eebe6c8c69baa03de7e5c73a41f575ece/2014_RawEdges_GIF.gif");
	background-size: cover;
	}
        
 	._8 a:hover {
	background: url("https://freight.cargo.site/t/original/i/17b41d81615f3a50a51d268550e9aae191d0a8e1698908a739950abdfcc091b7/2015_ConditionsDisfigurement_GIF.gif");
	background-size: cover;
	}
   
    
	._7 a:hover {
    background: url("https://freight.cargo.site/t/original/i/d9740baaa8d4f6b070d859e49ec298ee4e5d1c9a8734fc6e39e461729149e38f/2014_TowerDisruption_GIF.gif");
	background-size: cover;
	}
    
    
	._6 a:hover {
	background: url("https://freight.cargo.site/t/original/i/9bcab18aea07b5b76038c4167f362516396d1157f704fa45d5d80e1534f8fb83/2019_AnimalHouse_Turtle2.jpg");
	background-size: cover;
	}
    

	._5 a:hover {
	background: url("https://freight.cargo.site/t/original/i/746308ec2cd7fc477c89edaa42511c7af6c1fa7a130195a0ff0c96f3e34d16b3/2019_Ceramics_GIF.gif");
	background-size: cover;
	}
   
    
  	._4 a:hover {
    background: url("https://freight.cargo.site/t/original/i/6c906dda568f25c769e3601906b503cbbf806cd86ec9312c1724c9c4ef4ee910/2019_BioExtrusionSIM_GIF.gif");
	background-size: cover;
	}
    
    ._3 a:hover {
	background: url("https://freight.cargo.site/t/original/i/e3ab5f918686cfcb800b06af9a6bf328da780b738be78a681cc7a6bad3cea97a/2018_Epiphyte3.jpg");
	background-size: cover;
	}
 
	._2 a:hover {
	background: url("https://freight.cargo.site/t/original/i/6b465d6431899bc597a29edb5e77823786fd3d69d40fcff4a6749e50780be108/2019_BiopolymerExtrusion_GIF.gif");
	background-size: cover;
	}
        
    ._1 a:hover {
    background: url("https://freight.cargo.site/t/original/i/6a6abadc775283bf183fd2f7bebb845fa19cf7ab973548e8501d8ce7bedd79cb/2018_BiopolymerStool.jpg");
	background-size: cover;
	}
     
	.ssPCWrapper .TitleMobile {
    display: none;
    opacity: 0;   
    z-index: 999; 
	}
    
}


/*MEDIAQUERY FONT-SIZE TITLE OPTIONS */
@media only screen and (min-width: 1342px) {
    .ssSiteTitle h1 { 
    font-size: 4vw !important;
	}
    
	.ssSiteTitleLinks { 
    font-size: 1.1vmax !important; 
	}
    
    .GridCaption h1{        
    font-size: 1.2vmax !important;
    line-height: 1vmax;
	}
    
    .GridCaption { 
    font-size: 1vmax !important;
    line-height: 1vmax;
	}
    
   .MoreLinks h1{
    font-family: Oswald, Icons;        
    font-size: 1.5vmax !important;
	}
   
}   

@media only screen and (min-width: 1600px) {
    .GridCaption h1{        
    font-size: .9vmax !important;
    line-height: .9vmax;
	}
    
    .GridCaption { 
    font-size: 0.8vmax !important;
    line-height: 1vmax;
	}
    
    .MoreLinks h1{
    font-family: Oswald, Icons;        
    font-size: 1.25vmax !important;
	}
}  

@media only screen and (min-width: 1786px) {
    .ssSiteTitle h1 { 
    font-size: 3.5vw !important;
	}
	.ssSiteTitleLinks { 
    font-size: .9vmax !important; 
	}
    .ssPCWrapper:hover .TitleBlack {
    font-size: .9vw;
    }
    .GridCaption h1{        
    font-size: .9vmax !important;
    line-height: .9vmax;
	}
    .GridCaption { 
    font-size: 0.8vmax !important;
    line-height: .9vmax;
	}
   .MoreLinks h1{
    font-family: Oswald, Icons;        
    font-size: 1vmax !important;
    line-height: .5vmax;
	}
       
}  

@media only screen and (min-width: 2226px) {
    .ssSiteTitle h1 { 
    font-size: 3vw !important;
	}
	.ssSiteTitleLinks { 
    font-size: .8vmax !important; 
	}
    .ssPCWrapper:hover .TitleBlack {
    font-size: .8vw;
    }
    .GridCaption h1{        
    font-size: .8vmax !important;
    line-height: .9vmax;
	}
    .GridCaption { 
    font-size: 0.6vmax !important;
    line-height: .9vmax;
	}
    
    .MoreLinks h1{
    font-family: Oswald, Icons;        
    font-size:1vmax !important;
	}
  
}  

@media only screen and (min-width: 2900px) {
    .ssSiteTitle h1 { 
    font-size: 3vw !important;
	}
	.ssSiteTitleLinks { 
    font-size: .8vmax !important; 
	}
    .ssPCWrapper:hover .TitleBlack {
    font-size: .8vw;
    }
    .GridCaption h1{        
    font-size: .6vmax !important;
    line-height: .9vmax;
	}
    .GridCaption { 
    font-size: 0.5vmax !important;
    line-height: .9vmax;
	}
    
    .MoreLinks h1{
    font-family: Oswald, Icons;        
    font-size:1vmax !important;
	}
  
}  



.thumbnails .thumbnail a {
    position: relative;
}

.thumbnails .thumbnail .title {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 0.5rem 1.2rem 0.7rem 1.2rem;
    margin: 0rem;
    color: rgba(255, 255, 255, 1);
    align-content: center;
    display: flex;
    position: absolute;
    left: 0rem;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    z-index: 9;
    opacity: 0;
}

/**
 * ADDED BY SUTHERLIN SANTO
 * Thumbnail Hover States
 */

.thumbnails .title span {
    margin: auto;
    display: inline-block;
}

.thumbnails .thumbnail:hover .title {
    opacity: 1;
}

body.mobile .thumbnails .thumbnail:hover .title {
    opacity: 0;
}


/**
 * ADDED BY SUTHERLIN SANTO
 *  Pages
 */

.ssGeneralPages {
    padding-top: 16%;
}

.projContent { 
    width: 100%;	
}

.projDesc {
	float: left;
    padding-bottom: 5%;
    padding-top: 16%;
}

.projMedia {
   float:none;
}

.videoContent {
	position: relative;
    float: none;
	padding-bottom: 57.25% !important; /* 16:9 */
	padding-top: 5px;
    margin-bottom: 5px;
	height: 0;
    overflow: hidden;
}


.videoContent iframe {
	position: absolute;
	top: 0;
	left: 0;
    width: 100% !important;
	height: 100% !important;
}

.proj_signup {
	margin-right: 20%;
}

details {
    padding-top: .2em;
    padding-bottom: .2em;
}

summary {
    color: rgba(139, 139, 139, 1);
    margin: -.5em -.5em 0;
    padding: .5em;
    cursor: pointer;
}

summary:hover {
    color: rgba(0, 0, 0, 1);
    margin: -.5em -.5em 0;
    padding: .5em;
    cursor: pointer;
}

details[open] {
    padding: .5em;
}

details[open] summary {
    margin-bottom: .5em;
    color: rgba(0, 0, 0, 1);
}


@media only screen and (min-width: 768px) {
/*Break point for Not Mobile */

.ssGeneralPages {
    padding-top: 0%;
}
    
.projDesc {
	position: fixed;
    width: 40%;
    height:80%;
    padding-top: 0%;
}

/*Project Desc Scrollbar */    
.projDesc_scroll {
	position: fixed;
    width: 40%;
    height:65%;
    padding-top: 0%;
    padding-right: 2%;
    overflow: auto;
    padding-bottom: 3%;
}
 
.projDesc_scroll::-webkit-scrollbar {    
	width: 3px !important;
}
    
.projDesc_scroll::-webkit-scrollbar-track {    
	background-color: rgba(224, 224, 224, 0.85) !important;
    }
          
.projDesc_scroll::-webkit-scrollbar-thumb {
    background: #a4a4a4 !important;
}
 
.projDesc_scroll::-webkit-scrollbar-button:end:increment {
  height: 70%;
  background: transparent;
}
    
.projDesc_scroll::-webkit-scrollbar-thumb:hover {
   background: #686868 !important;
}
 
@supports (scrollbar-color: red blue) {    
	.projDesc_scroll {
    scrollbar-color: rgba(164, 164, 164, 1)  rgba(234, 234, 234, 0.85);
    scrollbar-width: thin;
    }
}
    
 /*Project Media */    
    
.projMedia {
	float: right;
    width: 50%;
}
.projMediaContents {
    display:flex;
    flex-direction: column;
    align-self: center;
    max-width: 500px;
}
.projMediaContents img{
    width: 100% !important;
    height: auto !important;
    padding-bottom: 5px;
}
.videoContent {
    padding-top: 0px;
}
}

/**
 * ADDED BY SUTHERLIN SANTO
 * Research Pages
 */

.reContent { 
    width: 100%;	
}

.reTitle { 
    width: 100%;
    padding-top: 3%;
    padding-bottom: 5%;
}

.reContainer {
    float: left;
	width: 100%;
}

.reContainerBttm {
    float: left;
    padding-top: 5%;
    text-align: left;
}


.reText {
    padding-bottom: 5%;
    column-count: 1;
}

.reMedia {
   width: 100%;
    padding-top: 10px;
}

.reMedia img{
  padding-bottom: 5px;
}

@media only screen and (min-width: 768px) {
/*Break point for Not Mobile */  
.reText {
	float: left;
    width: 60%;
    column-count: 2;
    column-gap: 30px;
}
.reMedia {
   float: left;
   width: 30%;
   padding-left: 5%;
}
.reMedia img{
    width: 100% !important;
    height: auto !important;
    padding-bottom: 5px;
}
.reContainerBttm {
	width: 60%;
    padding-top: 1%;
}
   
}

/**
 * ADDED BY SUTHERLIN SANTO
 * SHOP / STORE PAGES
 */

   .ssStoreTitle {
	padding-top: 13%;
    padding-bottom: 2%;
}
   .ssStoreSiteSubTitle { 
	font-size: 1.1vmax !important;
    padding-top: 1%;
    padding-bottom: 1%;
}

	.ssStoreSection {
	padding-bottom: 4%;
    padding-top: 5%;     
}

	.ssStoreSectionTitle {
	padding-bottom: 2%;
    color: rgba(0, 0, 0, 0.85);
	font-family: Oswald, Icons;
    font-size: 2.9em;    
	font-style: normal;
	font-weight: 300;
    text-align: left;    
   
}

	.ssStoreSectionDesc {
    text-align: left;
    width: 75%;
    font-size: 1.2rem;
    line-height: 1.4rem;
}


	.ssStoreGuideSection {
	margin-bottom: 2%;
    padding-bottom: 8%;
    padding-top: 5%;
    padding-left: 3%;    
    background-color: rgba(246, 246, 246, 0.85)
}
	
	.ssStoreGuideSectionDesc {
    text-align: left;
    width: 80%;
    font-size: 1.2rem;    
}
	
	.ssStoreGuideSubTitle {
    font-size: 1.3rem;
    font-weight: 350;
    padding-bottom: 1.5%;
    padding-top: 2%;
    font-family: Oswald, Icons;
}

	.ssStoreProductGrid {
	padding-bottom: 10%;
}


    .ssStoreUpper {
	background-color: #f6f6f6;
}

    .ssStoreLower {
    padding-top: 3%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 2px;
}

    .ID {
    padding-top: 3%;
    padding-left: 5%;
    font-size: 1.1em;
    text-align: left;
}

    .BUY {
    padding-top: 3%;
    display: grid;
}
    
    .dropDown {
    padding-top: 2%;
    grid-column: span 2;
    Text-align: left;
    padding-left: 3%;
}


	a.button.out-of-stock {
	color: #c60000 !important;
	font-style: italic;
   border-width: 3px;
    border-color: rgba(230, 230, 230, 1); 
}


/*MOBILE */
@media only screen and (max-width: 767px) {
/*Break point for Mobile */  
    
    .ssStoreTitle {
	padding-top: 25%;
    padding-bottom: 3%;
    font-size: 1.3rem;
    line-height: 1.3rem;    
	}
    
   .ssStoreSiteSubTitle { 
	font-size: 1.7vmax !important;
    padding-right: 0%;
    padding-bottom: 2%;
	}
     
    .ssStoreSection {
	padding-bottom: 4%;
    padding-top: 5%;
    padding-left: 6%;
	}
    
	.ssStoreSectionDesc {
    text-align: left;
    width: 90%;
    font-size: 1.2rem;
    line-height: 1.4rem;
	}
    
    .ssStoreLower {
    padding-top: 1%;
    padding-bottom: 6%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 2px;
	}
    
    .ID {
    padding-top: 1%;
    padding-left: 5%;
    font-size: 2.0em;
    text-align: left;
	}
 
}



/**
 * Loading Animation
 */

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

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.2rem;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.85);
	font-family: "Nitti Grotesk", Icons;
	font-style: normal;
	line-height: 1.6;
}

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


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: Oswald, Icons;
	font-style: normal;
	font-weight: 300;
	padding: 0;
	margin: 0;
	font-size: 4rem;
	line-height: 1.1;
	color: rgba(0, 0, 0, 1);
	}

[data-predefined-style="true"] h1 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] h2 {
	font-family: "Nitti Grotesk", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 1);
	font-size: 1.6rem;
	line-height: 1;
	}

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

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.1rem;
	line-height: 1.1;
	font-family: "Nitti Grotesk", Icons;
	font-style: normal;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.79);
}

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

/**
 * 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: 0 /*!content_left*/;
	margin-right: auto /*!content_left*/;
	text-align: left /*!text_left*/;
}

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

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

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

[data-css-preset] .content_padding {
    padding-left: 4.2rem /*!main_margin*/;
	padding-right: 4.2rem /*!main_margin*/;
	padding-top: 0rem /*!main_margin*/;
	padding-bottom: 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: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/;   
}

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

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

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

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

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

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

.thumbnails .title {
    margin-top: .8rem;
    margin-bottom: .3rem;
    font-size: 1.2rem;
	font-weight: normal;
	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.2;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	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.2;
}

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

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * 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;
	left: 3rem /*!site_menu_button*/;
	top: 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: 36px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 2rem /*!shop_button*/;
	right: 2rem /*!shop_button*/;
}

#shop_button.text {
    font-size: 2rem;
	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;
    padding: 0;
    line-height: 1.2;
}

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


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

/*
 * Shop Product Widget
 */

.shop_product {
	max-width: 22rem;
    display: flex;

}

.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.1rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    padding-top: 5%;
    padding-right: 12%;
}

.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: .8rem;
    background: rgba(235, 235, 235, 0.75);
    color: rgba(0, 0, 0, 1);
    flex: 0 0 67%;
    text-align: center;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
   border-width: 3px;
    border-color: rgba(255, 244, 0, 1);
}

/*
 * 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(255, 255, 255, 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-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}



/*
 * 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;
}