/**
 * Subscribe popup
 */
#subscribe-form {
    opacity: 0;
    display: none;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    background: #F7E78B;
    box-shadow: 0px 0px 1px #F36F21;
    border-radius: 15px;
    max-width: 500px;
    min-width: 340px;
    z-index: 1000;
    transition: transform 1s;
    animation: showSubscribeAnim 1s forwards;
}
@keyframes showSubscribeAnim {
  from { opacity: 0; transform: translate(-50%, -50%) scale(0.5);}
  to { opacity: 1; transform: translate(-50%, -50%) scale(1);}
}
#subscribe-form.hide {
    opacity: 1;
    animation: hideSubscribeAnim 1s forwards;
    animation-timing-function: cubic-bezier(0.2, 1, 0.9, -0.5);
}
@keyframes hideSubscribeAnim {
  from { transform: translate(-50%, -50%) scale(1);}
  to { transform: translate(-50%, -50%) scale(0);}
}
#subscribe-form .close_icon {
    cursor: pointer;
}
#subscribe-form [data-testid="form-component"] div p span {
	font-size: 10px !important;
    line-height: 1;
}
#subscribe-form [data-testid="form-component"] div:nth-of-type(1) p:first-of-type span {
	font-size: 17px !important;
}
#subscribe-form [data-testid="form-component"] div:nth-of-type(1) p:nth-of-type(2) span{
	font-size: 12px !important;
}
#subscribe-form form {
	padding: 3px 25px 25px 25px !important;
    text-align: center !important;
}
#subscribe-form [data-testid="form-component"] {
	padding: 0px !important;
}
#subscribe-form form input,
#subscribe-form form button {
	height: 36px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
    margin: 5px;
    margin-bottom: 18px;
}
#subscribe-form form input::placeholder {
   font-size: 12px !important;
}
#subscribe-form form img {
	width: 200px !important;
    margin-top: 13px;
    margin-bottom: 22px;
}
/**
 * Index popup
 */
[local-style="30199335"] {
min-height: 560px;
z-index: 100;
display: none;
}
.index_page {
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
min-height: 560px;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none !important;
}
.index_container {
position: relative;
width: 500px;
height: 500px;
background: #F7E78B;
box-shadow: 0px 0px 1px #F36F21;
border-radius: 15px;
box-sizing: border-box;
margin: 30px;
pointer-events: auto !important;
}
.index_top_header {
position: relative;
width: 100%;
height: 29px;
background-color: #0374b7;
border-radius: 15px 15px 0px 0px;
}
.index_top_header img {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.index_title {
margin: 15px 30px 25px 30px;
display: flex;
justify-content: space-between;
    align-items: flex-end;
}
.index_title img {
	width: 53px;
}
.index_grid {
display: grid;
grid-template-columns: 1fr 2fr;
}
.index_list_header {
padding: 0px 30px;
margin-bottom: 5px;
}
.index_list {
position: relative;
padding: 0px 30px;
padding-bottom: 30px;
height: 380px;
overflow-y: auto;
}
.index_list::-webkit-scrollbar {
    width: 0px;
}
.index_item {
border-bottom: 1px solid black;
padding-top: 7px;
}
.index_item:first-child {
border-top: 1px solid black;
}
.index_item:last-child {
margin-bottom: 25px;
}
.index_shadow {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 35px;
border-radius: 0px 0px 20px 20px;
background: linear-gradient(180deg, rgba(247, 231, 139, 0) 0%, #F7E78B 40%);
}
@media screen and (min-width: 2000px) {
[local-style="30199335"] bodycopy {
	   font-size: 25px !important;
       line-height: 35px !important;
}
[local-style="30199335"] small {
	   font-size: 13px !important;
}
.index_container {
width: 700px;
}
}
@media screen and (max-width: 900px) {
[local-style="30199335"] bodycopy {
	font-size: 14px !important;
    line-height: 17px !important;
}
}
@media screen and (max-width: 600px) {
[local-style="30199335"] bodycopy {
	font-size: 2.8vw !important;
    line-height: 2.4vw !important;
}
}
#backhome_overlay {
	width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;  
}
/**
 * pinned
 */
body > div.main_container > div.pinned.pinned_top {
	z-index: 1004 !important;
}

/**
 * Project page
 */
.project_grid {
	width: 3600px;
    object-fit: cover;
    margin-top: 50px;
    margin-left: calc((100vw - 3585px)/2);  
}
.project_grid_wrap {
    position: absolute; 
    overflow: hidden;
    height: 200px;
    width: 100vw; 
    pointer-events: none;  
}
#grid_slider {
	opacity: 0.3;
}
#workcard_tape_one,
#workcard_tape_two {
	z-index: 1;
}
/**
 * Work page
 */
body > div.main_container > div.content_container > div:nth-child(1) > div > div > div.page.container.container_width > bodycopy {
	margin: 0px !important;
}
#info_element_wrapper {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    pointer-events: none;   
}
#info_element{
	display: flex;
    justify-content: center;
    text-align: center;
    background: linear-gradient(180deg, rgba(247, 231, 139, 0) 0%, #F7E78B 34.38%);
    border-radius: 20px;
}
#info_element > bodycopy {
	font-size: 9px;
    line-height: 11px;
    padding-bottom: 10px;
}
#work_dec_one {
    width: 15px !important;
    top: -5px;
    right: -5px;
}
#work_dec_two {
    width: 15px !important;
    top: -5px;
    left: -5px;
}
#work_dec_three {
    width: 15px !important;
    bottom: -10px;
    right: -5px;
    transform: rotate(90deg);
}
#work_dec_four {
    width: 15px !important;
    bottom: -10px;
    left: -5px;
    transform: rotate(-90deg);
}
#work_dec_target {
 margin: 5px;
}

@media screen and (max-width: 1000px) {
#info_element_wrapper {
    display: none;
}
}
#projects_inner {
	margin-top: -10px;
    margin-bottom: -15px;
}
.project {
	display: grid;
    grid-template-columns: 0.6fr 1.6fr 1.9fr 1.2fr;
    grid-column-gap: 5px;
}
.project.newsletter {
    grid-template-columns: 0.6fr 1.1fr 2.4fr 1.2fr;
}
#work_header,
#newsletter_header {
	margin-bottom: 20px;
}
#projects {
    position: relative;
    height: calc(100vh - 344px);
	overflow: auto;
    min-height: 316px; 
}
#posts {
	margin-bottom: 30px;
}
#newsletter_content {
    height: 100%;
	overflow: auto;
    scrollbar-width: none;
}
#projects a {
	border: none;
}
#projects::-webkit-scrollbar,
#newsletter_content::-webkit-scrollbar {
    width: 0px;
}
#work_content {
	padding: 27px 25px 0px 45px;
}
#newsletter_content {
    padding: 0px 45px 0px 45px;
}
#work_wrapper,
#newsletter_wrapper {
    position: absolute;
    bottom: 0px;
    left: 6%;
    margin-bottom: 192px;
    margin-top: 120px;
	width: 88%;
    height: calc(100% - 287px);
    min-height: 300px;
}
#work_shadow_bottom,
#newsletter_shadow_bottom {
	width: 100%;
    height: 48px;
    background: linear-gradient(180deg, rgba(247, 231, 139, 0) 0%, #F7E78B 40%);
    position: sticky;
    position: -webkit-sticky;
    bottom: 0px;
    pointer-events: none;
}
#work_shadow_top,
#newsletter_shadow_top {
	width: 100%;
    height: 10px;
    background: linear-gradient(180deg,#F7E78B 0%, rgba(247, 231, 139, 0) 100%);
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
}
#newsletter_shadow_top {
    position: absolute;
    left: 0px;
    height: 38px;
    border-radius: 20px;
    z-index: 9;
}
#workcard_tape_one,
#workcard_tape_two,
#newsletter_tape_one,
#newsletter_tape_two {
    position: absolute;
    width: 160px;
    height: 28px;
    background: #0374b7;
    transform: rotate(45deg);
    z-index: 10;
}
#workcard_tape_one,
#newsletter_tape_one {
    top: 22px;
    right: -48px;
}
#workcard_tape_two,
#newsletter_tape_two {
    bottom: 22px;
    left: -48px;
}

/**
 * Work mobile adaptation
 */
@media screen and (min-width: 2000px) {
	[local-style="26603752"] bodycopy,
    [local-style="35745846"] bodycopy {
	   font-size: 25px !important;
       line-height: 35px !important;
}
    [local-style="26603752"] small,
    [local-style="35745846"] small {
	   font-size: 13px !important;
}
    #info_element > bodycopy {
	font-size: 9px !important;
    line-height: 11px !important;
}
}

@media screen and (max-width: 980px) {
[local-style="26603752"] bodycopy,
[local-style="35745846"] bodycopy {
	font-size: 14px !important;
    line-height: 17px !important;
}
#work_wrapper,
#newsletter_wrapper{
    margin-bottom: 292px;
    margin-top: 120px;
    height: calc(100% - 387px);
    min-height: 400px;
}
[local-style="26603752"] #grid_wrap,
[local-style="35745846"] #grid_wrap {
    min-height: 790px;  
}
#projects {
    height: calc(100vh - 444px);
    min-height: 346px;
}
    
.project {
    grid-template-columns: 0.6fr 1.6fr 1.8fr 1.5fr;
}
}
@media screen and (max-height: 680px) and (min-width: 440px) {
#work_wrapper,
#newsletter_wrapper {
    margin-bottom: 192px;
    height: calc(100% - 287px);
}
#projects {
   height: calc(100vh - 444px);
   min-height: 346px;
}
[local-style="26603752"] #grid_wrap,
[local-style="35745846"] #grid_wrap {
    min-height: 690px;  
}
}

@media screen and (max-width: 600px) {
[local-style="26603752"] bodycopy,
[local-style="35745846"] bodycopy {
	font-size: 2.4vw !important;
    line-height: 2.4vw !important;
}
.project {
    grid-template-columns: 0.7fr 2.4fr 1.5fr 1.5fr;
}
    
#work_content {   
	padding-left: 25px;
}
#newsletter_content {   
	padding-left: 25px;
    padding-right: 25px;
}
}

@media screen and (max-width: 440px) {
.project {
    grid-template-columns: 0.5fr 1.9fr 1.9fr 1.7fr;
}
    
#work_content,
#newsletter_content {   
	padding-left: 15px;
    padding-right: 10px;
}
#workcard_tape_one,
#workcard_tape_two,
#newsletter_tape_one,
#newsletter_tape_two {
    width: 110px;
    height: 20px;
}
#workcard_tape_one,
#newsletter_tape_one {
    top: 16px;
    right: -36px;
}
#workcard_tape_two,
#newsletter_tape_two {
    bottom: 16px;
    left: -36px;
}
#work_shadow_bottom,
#newsletter_shadow_bottom {
    height: 34px;
}
   
#work_wrapper,
#newsletter_wrapper {
    margin-bottom: 292px;
    height: calc(100% - 387px);
    min-height: 200px;
}
[local-style="26603752"] #grid_wrap,
[local-style="35745846"] #grid_wrap {
    min-height: 590px;  
}
#projects {
    border-radius: 0px 0px 30px 30px;
    height: calc(100vh - 444px);
    min-height: 145px;
}
}

@media screen and (max-width: 440px) and (max-height: 670px) {
[local-style="26603752"] #grid_wrap,
[local-style="35745846"] #grid_wrap {
    min-height: 490px;  
}
#work_wrapper,
#newsletter_wrapper {
    margin-bottom: unset;
    margin-top: 95px;
    bottom: unset;
    top: 0px;
    height: 280px;
}
#projects {
    height: 222px;
}
}

/**
 * Home all
 */
.homepage_item {
	background-color: #F7E78B;
    border-radius: 20px;
}
.drag_elem {
	pointer-events: none !important;
}
.small_shadow {
	box-shadow: 0px 0px 1px #F36F21;
    border-radius: 20px;
}
#large_card,
#waves_selector,
#experiment_imagination_selector,
#promo_selector,
#shop_card {
    transition: all 0.8s cubic-bezier(0.2, 1, 0.9, -0.5);	
}

/**
 * Home promo block
 */
#promo_link {
	border: none;
}
#promo_link:hover {
	text-shadow: 0px 1px 6px #0374B7;
}
#promo_text_gap {
	margin: 0px 2px;
}
#promo {
	position: absolute;
    top: 500px;
    right: 13%;
    text-align: center; 
    width: 330px;
    transition: all 0.2s;
}
#promo_image img {
	width: 25px;
    margin-top: 15px;
    margin-bottom: 5px;
    cursor: pointer;
}
#promo_content {
    margin-top: 7px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 125px;    
}
.promo_text {
	padding: 1px;
    width: 125px !important;
}
#promo_dec_one {
	top: 43px;
    right: 83px;
    pointer-events: none;
}
#promo_dec_two {
	top: 43px;
    left: 83px;
    pointer-events: none;
}

/**
 * Home experiment imagination
 */
#experiment_imagination {
	position: absolute;
    top: 240px;
    left: 27%;
    z-index: 10;
    transition: all 0.2s;
}
#experiment_imagination .homepage_item {
     width: 350px;
     height: auto;
     pointer-events: auto;
}
#ei_image {
	width: 100%;
    margin-left: 0;
    margin-top: 0;
    border-radius: 0px 0px 20px 20px;
}

/**
 * Home items header
 */
.header {
    position: relative;
	width: 100%;
    height: 29px;
    background-color: #0374b7;
    border-radius: 15px 15px 0px 0px;
}
.header img {
	position: absolute;
    top: 9px;
    right: 14px;
}
#close_icon_one,
#close_icon_two,
#close_icon_three,
#close_icon_four,
#close_icon_five{
	pointer-events: auto !important;
    cursor: pointer;
}
/**
 * Home waves
 */
#waves {
	position: absolute;
    top: 56px;
    left: 51%;
    z-index: 0;
    transition: all 0.2s;
}
#waves #waves_gif{
    width: 248px;
    height: 244px; 
    pointer-events: none;
}

/**
 * Home large card
 */
#large_card_date {
    position: absolute;
    right: 2px;
    bottom: 33px;
    font-family: 'AUTHENTIC Sans';
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #F36F21;
    transform: rotate(90deg);
    pointer-events: none;
}
#large_card_bottom_text {
    position: absolute;
    bottom: 13px;
    right: 60px;
    width: 298px;
	display: flex;
    justify-content: space-between;
    pointer-events: none;
}
#large_card_innerwrapper {
	display: flex;
    margin: 18px;  
    pointer-events: none;
}
#large_card_wrapper {
    position: absolute;
    top: 56px;
    left: 2%;
    z-index: 1;
    transition: all 0.2s;
}
#large_card{
    width: 610px;
    height: 241px;
}
#large_card_img {
	width: 207px;
    height: 130px;
    display: inline-block;
    pointer-events: none;
}
#large_card_text {
	display: inline-flex;
    width: 339px;
    flex-direction: column;
    justify-content: space-between;
    margin: 4px 18px; 
    pointer-events: none;
}
#inst-link {
    margin-top: 10px;
    cursor: pointer;
    pointer-events: auto !important;
    color: #F36F21;
    display: inline-block;
}
#inst-link > img {
	margin-right: 5px;
    border-radius: 3px;
}
#inst-link:hover {
	text-shadow: 0px 1px 6px #0374B7;
}
#inst-link:hover > img {
	box-shadow: 0px 1px 6px #0374B7;
}
/**
 * Home png thing
 */
#png_thing {
	width: 345px;

}
#png_thing_wrapper {
	position: absolute;
    top: 390px;
    left: 1%;
    z-index: 200;
}

/**
 * Home shop card
 */
#shop_card {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
	width: 300px;
    height: 420px;
    padding: 0px 24px;
}
#shop_card_wrapper {
    position: absolute;
    top: 56px;
    right: 5%;
}
#shopcard_title {
	font-size: 11px;
    margin-top: 10px;
    font-weight: bold;
    color: #081874;
}
#shopcard_button {
    position: relative;
	font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #F7E78B;
    background: #F36F21;
    padding: 8px 41px;
    border-radius: 4px;
    transition: all 0.2s;
    cursor: pointer;
}
#shopcard_button:hover {
    transform: scale(1.1);
    box-shadow: 0px 1px 6px #0374B7;
    transition: all 0.2s;
}
#shopcard_button:active {
    transform: scale(1);
}
#shopcard_button_wrapper {
	position: relative;  
    margin-top: 40px;
    margin-bottom: 41px;
    transition: all 0.2s;
}
#shopcard_button_wrapper:hover > #shopcard_dec_one,
#shopcard_button_wrapper:hover > #shopcard_dec_three{
  right: -27px;
  transition: all 0.2s;
}
#shopcard_button_wrapper:hover > #shopcard_dec_two,
#shopcard_button_wrapper:hover > #shopcard_dec_four{
  left: -27px;
  transition: all 0.2s;
}
#shop_card > img {
    width: 100% !important;
    object-fit: contain;
}
#shopcard_dec_one {
    top: -17px;
    right: -17px;
    transition: all 0.2s;
    pointer-events: none;
}
#shopcard_dec_two {
    top: -17px;
    left: -17px;
    transition: all 0.2s;
    pointer-events: none;
}
#shopcard_dec_three {
    bottom: -17px;
    right: -17px;
    transform: rotate(90deg);
    transition: all 0.2s;
    pointer-events: none;
}
#shopcard_dec_four {
    bottom: -17px;
    left: -17px;
    transform: rotate(-90deg);
    transition: all 0.2s;
    pointer-events: none;
}
#shopcard_tape {
    position: absolute;
    top: 24px;
    left: -52px;
	width: 160px;
    height: 28px;
    background: #0374b7;
    transform: rotate(-45deg);  
}
.shopcard_dec {
	position: absolute;
}
.uppertext {
	text-transform: uppercase;
}
#shop_card_header {
	position: absolute;
    top: 0;
    left: 0;
}

/**
 * Home grid
 */
#grid_wrap {
	height: 100vh;
    min-height: 660px;
    width: 100vw; 
    pointer-events: none;  
}
#grid_wrap_home {
	height: 100vh;
    min-height: 780px;
    width: 100vw; 
    pointer-events: none;  
}
#homepage_grid {
	width: 3600px;
    object-fit: cover;
    margin-top: 80px;
    margin-left: calc((100vw - 3585px)/2);  
}
@media screen and (max-width: 600px) {
	#homepage_grid {
	width: 2900px !important;
    margin-top: 66px !important;
    margin-left: calc((100vw - 2847px)/2) !important;
}
}

/**
 * Home mobile adaptation
 */ 
@media screen and (max-width: 1300px) {
#waves {
    top: 107px;
    left: 52%;
}
#experiment_imagination {
    top: 240px;
    left: 23%;
}
}
@media screen and (min-height: 860px) {
#large_card_wrapper {
	top: 15%;
    left: 5%;
}
#png_thing_wrapper {
	top: 45%;
}
#experiment_imagination {
	top: 45%;
}
#promo {
	top: 57%;
}
}
@media screen and (max-width: 1010px) {
#promo {
	width: 32%;
    min-width: 180px;
    top: 57%;
}
#promo_dec_one {
	right: 9%;
}
#promo_dec_two {
	left: 9%;
}
#experiment_imagination .homepage_item {
	width: 240px;
}
#png_thing {
	width: 245px;
}
#png_thing_wrapper {
    top: 60%;
    left: 5%;
}
#waves #waves_gif {
	width: 150px;
    height: 145px;
}
#waves {
    top: 11%;
    left: 41%;
}
#shop_card {
	width: 240px;
    height: 360px;
}
#shopcard_tape {
	width: 130px;
    height: 26px;
    top: 17px;
    left: -39px;
}
#large_card_innerwrapper {
	flex-direction: column;
}
#large_card{
    width: 245px;
    height: 393px;
}
#large_card_text {
    width: 96%;
    margin: 16px 5px;
    height: 145px;
}
#large_card_bottom_text {
    position: absolute;
    bottom: 13px;
    left: 21px;
    width: 151px;
}
#large_card_date {
    bottom: 25px;
}
#large_card_wrapper {
    left: 3%;
}
#experiment_imagination {
	left: 32%;
}
}
@media screen and (max-width: 700px) {  
#close_icon_one,
#close_icon_two,
#close_icon_three,
#close_icon_four,
#close_icon_five{
	display: none;
}
#shop_card_wrapper {
    top: 170px;
}
#large_card_wrapper {
	top: 5%;
    left: 5%;
}
#png_thing_wrapper {
	top: 68%;
    left: 2%; 
}
#promo {
    z-index: 100 !important;
	top: 410px;
    right: 37%;
}
#waves {
	top: 47%;
    left: 10%;
}
#experiment_imagination .homepage_item {
     width: 200px;
     height: 200px;
}
#experiment_imagination {
    top: 55%;
    left: unset;
    right: 13%;
}
#grid_wrap_home {
    min-height: 950px;
}
}
@media screen and (max-width: 440px) {
#shop_card_wrapper {
	right: 2%;
    left: unset;
    top: 150px;
}
#promo {
	top: 54%;
    left: 35%;
}
#large_card{
    width: 185px;
    height: 357px;
}
#large_card_wrapper {
    left: 3%;
}
#large_card_img {
	width: 100%;
    height: auto;
}
#large_card_date {
    bottom: 42px;
    font-size: 10px;
    right: 2px;
}
#large_card_text {
    margin: 16px 1px;
}
#shop_card {
	width: 220px;
    height: 351px;
}
#shopcard_button {
    padding: 8px 31px;
}
#waves {
	top: 45%;
    left: 3%;
}
#png_thing_wrapper {
	top: 72%;
    left: -11%; 
}
#experiment_imagination {
    right: 2%;
    top: 66%;
}
.slick-list .draggable {
	height: auto !important;
}
[image-gallery='slideshow'] .gallery_card img {
	object-fit: cover;
    width: 100vw !important;
    min-height: 75vw !important;
}
}

/**
 * Fonts
 */
@font-face {
    font-family: 'Menlo';
    font-weight: normal;
    font-style: normal;
    src: url('https://files.cargocollective.com/c1504363/Menlo.woff') format('woff');
}
@font-face {
    font-family: 'Menlo-bold';
    font-weight: bold;
    font-style: normal;
    src: url('https://files.cargocollective.com/c1504363/Menlo-Bold.woff') format('woff');
}

/**
 * Content
 */
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;
}
blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}
.content img {
	float: none;
	margin-bottom: 0.0rem;
    vertical-align: bottom;
}
.gallery_image_caption {
    margin-top: 0.5em;
    margin-bottom: 3.0rem;
    font-size: 1rem;
	font-weight: 400;
	color: #0ca900;
	font-family: Courier, "Courier New", monospace, Courier, Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: left;
}

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

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 9px;
	font-weight: 400;
	color: #000;
	font-family: "Menlo", Icons;
	font-style: normal;
	line-height: 11px;
}
[data-predefined-style="true"] bodycopy a {
	color: #000;
	padding-bottom: 0em;
	text-decoration: none;
}
[data-predefined-style="true"] h1 {
	font-family: "Menlo", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 3rem;
	line-height: 1.1;
	color: #fff;
}
[data-predefined-style="true"] h1 a {
	color: #1cff52;
}

[data-predefined-style="true"] h2 {
    font-family: 'Menlo';
    font-weight: normal;
	padding: 0;
	margin: 0;
	color:#0374b7;
	font-size: 17px;
	line-height: 17px;
	letter-spacing: 0px;
}

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

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 9px;
	line-height: 10px;
	font-family: "Menlo", Icons;
	font-style: normal;
	font-weight: 400;
	color: #000;
    letter-spacing: 0;
}
[data-predefined-style="true"] small a {
	color: rgba(0, 0, 0, 0.75);
}
[data-predefined-style="true"] small a:hover {
	color: #0ca900;
}

/**
 * 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: transparent /*!body_bgcolor*/;
}
[data-css-preset] .container_width {
	width: 100% /*!content_left*/;
}
[data-css-preset] .content_padding {
	padding-top: 2rem /*!main_margin*/;
	padding-bottom: 2rem /*!main_margin*/;
	padding-left: 2rem /*!main_margin*/;
	padding-right: 2rem /*!main_margin*/;
}
[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}
[data-css-preset] .backdrop {
	width: 100% /*!background_cover*/;
}


/** 
 * Image Gallery Navigation Arrows 
 */
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    background: #F7E78B;
    width: 100px;
    height: 100px;
    border-radius: 200px;
    padding: 27px;
}
.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: rgba(243, 111, 33, 1);
    stroke-width: 4.4px;
    stroke-linejoin: round;
    stroke-linecap: round;
    transition: transform 0.2s;
}
.image-gallery-navigation:active {
    transform: scale(0.9) !important;
    transition: transform 0.2s;
}
.slick-arrow:active {
	opacity: 1 !important;
    transition: transform 0.2s, opacity 0s !important;
}

#grid_slider_wrapper {
   height: 1px;
}
#grid_slider {
    height: 200vh;
	background-image: url(https://files.cargocollective.com/c1504363/GRID-min.png);
    background-position: center top;
    width: 100vw;
    margin-left: -2rem;
    background-size: 3000px;
}
@media screen and (max-width: 1000px) {
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    width: 50px;
    height: 50px;
    padding: 12px;
}
.image-gallery {
    margin: 0px -10px !important;
}
#grid_slider {
    background-size: 2000px;
}
} 

@media screen and (max-width: 440px) {
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    width: 30px;
    height: 30px;
    padding: 5px;
}
.image-gallery {
    margin: 0px -1.5rem !important;
}
#grid_slider {
    margin-left: -3.1rem;
    width: 105vw;
}
}

/*
 * Shop Button
 */

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

#shop_button.text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.5rem;
    padding: 0;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.85);
}

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

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

/*
 * Shop page
 */
.shop_wrapper {
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    margin-top: -6px;
    margin-bottom: 175px;
}
.shop_element {
    width: calc((100vw / 3) + 2px);
    border: 2px solid #BAAC96;
    margin: -1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px 20px 20px;
    height: 36vw;
}
.shop_btn {
    height: 34px;
    width: 155px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F7E78B;
    border-radius: 5px;
    text-shadow: none !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transition: all 0.2s;
    /*
    * Hide shop button
    */
    display: flex;
}
.shop_btn:hover {
    transform: scale(1.1);
    transition: all 0.2s;
}
@media screen and (max-width:1200px) {
.shop_element {
    height: 44vw;
}
    
}
@media screen and (max-width:770px) {
.shop_element {
    width:100vw;
    margin-left: 0px;
    margin-right: 0px;
    height: unset;
    padding: 0px 20px 40px 20px;
}
}
@media screen and (max-width:440px) {
.shop_wrapper {
    margin-bottom: 105px;
    margin-top: -9px;
}
}
/**
 * Product page
 */
.image_gallery_wrapper {  
    min-height: 500px;
    margin-top: 14vh;
}
.product_description {
	position: absolute;
    top: 0px;
    left: 101%;
    width: 48vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;  
    border-left: 2px solid #BAAC96;
    padding: 40px 40px 50px 40px;
}
.shop_product {
    width: 100%;
	max-width: calc((100vw - 10px)/3);
    position: relative;
    display: inline-block;
    margin-top: 9px;
    height: fit-content;
}
.shop_product .price {
	font-family: 'Menlo';
    font-weight: 700;
	font-size: 21px;
	line-height: 1;
	color: #f7e78b;
    display: block;
    margin-bottom: 20px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 30px; 
}

.shop_product .dropdown {
    font-family: 'Menlo';
    font-size: 15px;
    color: #F7E78B;
    display: block;
	width: 87%;
    border: unset;
    border-bottom: 2px solid #BAAC96;
    background:  transparent url(https://files.cargocollective.com/c1504363/arrows.svg) no-repeat right;
    margin-bottom: 40px;
    line-height: 1.6;
    padding: 0px;
}

.shop_product .button {
    font-family: 'Menlo';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    background: #F7E78B;
    color: #0374b7 !important;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 10px 43px 10px 43px;
    margin-bottom: 30px;
    transition: all 0.2s;
}
.shop_product .button:hover {
    font-size: 16px;
    padding: 12px 46px !important;
    margin: -2px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transition: all 0.2s;
}
@media screen and (max-width:770px) {
.product_description {
    position: relative;
    left: unset;
    margin-left: -1.3rem;
    width: 100vw;
    border-left: none;
    border-top: 2px solid #BAAC96;
    padding: 20px 20px;
}
.shop_product .button {
    display: inline-block;
    width: 186px;
    padding: 10px 43px 10px 43px;
}
.shop_product .button:hover {
    font-size: 15px;
     width: 186px;
     padding: 10px 43px 10px 43px !important;
     margin: unset;
     margin-bottom: 30px;
}
.image_gallery_wrapper {
	margin-top: 60px !important;
    min-height: 50px;
}
.shop_product {
   margin-bottom: 30px;
}
.shop_product .dropdown {
	width: 187px;
    margin-bottom: 20px;
}
}
/**
 * Cart
 */
#shopcart {
	position: absolute;
    top: 60px;
    right: 20px;
}
@media screen and (max-width: 900px) {
#shopcart > img {
    width: 30px;
}
}
@media screen and (max-width: 770px) {
#shopcart {
    top: 38px;
    right: 15px;
}
#shopcart > img {
    width: 25px;
}
}