/**
 * PALOMA BARCIA 
 * © Todos los derechos reservados
 */

@font-face {
font-family: 'Silka Mono';
font-style: normal;
font-weight: 400;
src: url('https://files.cargocollective.com/c1253648/silkamono-regular-webfont.woff2'), url('Silka Mono Regular.woff') format('woff2');
}
@font-face {
font-family: 'Calendas Plus';
font-style: normal;
font-weight: 400;
src: url('https://files.cargocollective.com/c1253648/calendas_plus-webfont.woff'), url('Calendas Plus Regular.woff') format('woff');
}
@font-face {
font-family: 'Calendas Plus';
font-style: italic;
font-weight: 400;
src: url('https://files.cargocollective.com/c1253648/calendas_plus_italic-webfont.woff'), url('Calendas Plus Italic.woff') format('woff');
}

::selection {
  background: rgb(142, 154, 154);
	color: rgba(251, 248, 243, 1);
}

html {
  scroll-behavior: smooth;
   background: #fbf8f3;
}

body {
    background-color: #fbf8f3;
	color: #4e4e56;
	cursor: url(https://files.cargocollective.com/c1253648/cursor-house.svg) 15 12.5,zoom-in !important;    
}

a[onclick], a:not([name]) { cursor: pointer }

a {
-webkit-tap-highlight-color: rgba(251, 248, 243, 0.77);
}

#load_fade  {
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999999999;

    background-color: #fbf8f3;
    background-position: center center;
    background-repeat:no-repeat;
}

.pinned {
	z-index: 999;
}

/** 
 * Splash page
 */
[data-page-id="21589082"] [local-style="21569989"],
[data-page-id="21589082"] [local-style="21565110"],
[data-page-id="21589082"] .pinned.pinned_bottom {
	display: none !important;
}

body.mobile [local-style="22059527"] img {
    max-width: 26px !important;
    height: auto !important;
    margin: 0 !important;
}

[local-style="21589082"] .background_overlay {
       -webkit-mix-blend-mode: color;
       -moz-mix-blend-mode: color;
       -o-mix-blend-mode: color;
       -ms-mix-blend-mode: color;
        mix-blend-mode: color; 
}
body.mobile [local-style="21589082"] .background_overlay {
    transform: scale(0,0) !important /*Blend mode displays on Safary*/;
}

#logo-splash img {
    max-width: 100%;
    max-height: 100vh;
    margin: auto;
    padding: 1.3rem;
}
    
#logo-splash {
    display: block;
    text-align: center;
    -webkit-mix-blend-mode: hard-light;
    -moz-mix-blend-mode: hard-light;
    -o-mix-blend-mode: hard-light;
    -ms-mix-blend-mode: hard-light;
    mix-blend-mode: hard-light; 
    z-index: 999;
}

a.splash.image-link {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: fixed;
/*    padding-right: 68px;*/
    padding-right:9.5vh;/* viewport width's 20%*/

}

@media (min-width: 768px) {
body.homepage [data-backdrop="wallpaper"] .background_splash .slide_container {
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
}
body.homepage [data-backdrop="wallpaper"] .slide_container img {
    width: auto !important;
    min-width: auto !important;
    margin: 0 auto;
    right: 0;
}
}


body.homepage.mobile a.splash.image-link {
    top: initial !important;
    /*padding-right: 50px;*/
    padding-right: initial;
}

body.homepage.mobile #logo-splash img {
     margin: 0 !important;
}

body.mobile [local-style="21565110"],
body.mobile [local-style="22059527"] {
    position: relative;
    display: block;  
    z-index: 99999;
    transition: all 0.5s;
}
.scrollUp {
    transform: translateY(-64px);
    transition: transform ease-in-out 0.2s;
    -webkit-transition: transform ease-in-out 0.2s;
    -moz-transition: transform ease-in-out 0.2s;
}

/**
 * Índice
 */

[data-id="21564755"] {
    min-height: 100vh /*total height for índice Set*/;
}

[local-style="21569989"] small a.active .marquee_contents,
[local-style="21569989"] small a:hover .marquee_contents,
[local-style="22071108"] small a.active .marquee_contents,
[local-style="22071108"] small a:hover .marquee_contents{
    transform: none !important; /*stop movement on Indice and Contacto*/
    transition: 200ms ease-in-out;
}

[local-style="21569989"] small a .cloned_marquee_inner,
[local-style="22071108"] small a .cloned_marquee_inner{
    padding: 0 4px;
}

/*Indice móbil*/
body.mobile [data-id="21564755"] bodycopy.bodycopy.content.content_padding {
    padding: 2.3rem 0.8rem !important;
}

/**
 * Footer
 */
[data-view="pinned_bottom"] [data-backdrop="wallpaper"] .background_splash .slide_container {
    margin-left: 0 !important; 
}

[local-style="21562820"] {
	margin-top: 3.9em;
}

/**
 * Footer mobile
 */
body.mobile [local-style="21784970"] [data-backdrop="wallpaper"] .slide_container img {
    padding-right: 46px;
    padding-top: 46px;
}
body.mobile [local-style="21784970"] .page_background {
    margin-top: 46px;
	background-color: rgb(142, 154, 154) /*!page_container_bgcolor*/;
}

/**
 * Contacto
 */

[data-page-id="21785603"] [local-style="21569989"],
[data-page-id="21785603"] [data-view="pinned_bottom"],
[data-page-id="21785603"] [local-style="21785713"],
[data-page-id="21785603"] [local-style="21565110"] a.active {
    display: none;
}

[local-style="21785330"] {
	padding-top: 0 !important;
}

[data-page-id="21785330"] #site_menu_button {
    color: rgba(78, 78, 86, 1) !important;
}

#fs-frm select {
	 word-wrap: inherit;      /* IE*/
  white-space: -moz-inherit; /* Firefox */
  white-space: inherit;      /* other browsers */
  display:inline-block
}

input.bottom:hover {
    color: #8e9a9a !important;
    background: #fbf8f3 !important;
    border-color: #fbf8f3 !important;
}

body.mobile [data-id="21785603"] h1,
body.mobile [data-id="21785603"] h2 {
    font-size: 2.4rem;
    line-height: 2rem;
}

/**
 * Amigos
 */

/*Cabecera flotante tento intro Amigos*/
/*[local-style="22202880"]{
	z-index: 9;
}
[local-style="22202880"] [grid-col=x12] {
    width: 41.8% !important;
    float: right !important;
    position: absolute !important;
    right: 0 !important;
    color: #529de0 !important;
}
body.mobile [local-style="22202880"] [grid-col=x12] {
    width: 100% !important;
    float: initial !important;
    position: relative !important;
    right: initial !important;
}
[local-style="22202880"] [grid-col=x12] h2 {
    color: #529de0 !important;
}
/* Seguir leyendo */
#mas {
    display: none;
}

#myBtn {
    
    color: #529de0;
    cursor:pointer;
        transition: all 0.25s;
font-size: 12px;
    line-height: 1.833rem;
	font-family:'Silka Mono', "Monument Grotesk Mono", Icons;
	font-style: normal;
	font-weight: 400;
    text-transform: uppercase;
  background: #fbf8f3;
    margin: 0 auto;
  width: 166px;
  height: 166px;
  border-radius: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-decoration: none;
  border: 3px solid !important;
}
#myBtn:hover {
    color: #fd501f;
      background: #fff;
    border: rgba(253, 80, 31, 0.8);
}


[data-id="22202768"] [grid-col="7"] {
	border-bottom: 3px solid rgba(253, 80, 31, 0.8);
}

[data-id="22232365"] img {
	margin-bottom: 0 !important;
    vertical-align: baseline !important;
}

[data-id="21882352"] [grid-col="5"] h2 {
font-size: 2.0636rem; /*less size on right column h2*/
}
body.mobile [data-id="21882352"] [grid-col="5"] {
font-size: 1.2333rem;
}
[data-id="22223762"] h2 a.active {
   font-style: italic;
}

/**
 * Mobile adjust
 */

/* Arrows */
body.mobile [local-style="21587364"] {
	max-height: 119px !important;
    background-color: #fbf8f3;
}
body.mobile [local-style="21587364"] .page.container {
	width: 50% !important;
    float: right !important;
}

/* Logotype */
body.mobile [local-style="21565110"] .page.container {
	/*width: 50% !important;
    float: left !important;*/
}
body.mobile [local-style="21565110"] img {
    max-width: 26px !important;
    height: auto !important;
    margin: 0 !important;
}
/** 
 * Capítulo page
 */
/*Dualismo column adjust*/
body.mobile [grid-responsive] [grid-col="3"] {
    width: 50% !important;
}
body.mobile [grid-responsive] [grid-col="3"] img {
    max-width: 100% !important;
}

/*Dualismo Amigos*/
body.mobile [local-style="22223645"] [grid-responsive] [grid-col="3"] {
    width: 25% !important;
    margin: 0 auto;
}


/**
 * Content
 */

a.bottom {
    padding-bottom: none !important;
font-size: 18px;
    line-height: 1.833rem;
	font-family:'Silka Mono', "Monument Grotesk Mono", Icons;
	font-style: normal;
	font-weight: 400;
    text-transform: uppercase;
  background: #fff;
  text-align: center;
  width: 186px;
  height: 186px;
  border-radius: 100%;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-decoration: none;
  border: 5px solid !important;
}

a.bottom:hover {
  background: rgb(142, 154, 154);
        color: rgba(251, 248, 243, 1) !important;
}

a.bottom.formulario:hover {
  color: rgb(142, 154, 154) !important;
        background: rgba(251, 248, 243, 1) !important;
}

a.bottom.formulario:hover [type="submit"] {
  color: rgb(142, 154, 154) !important;
}

i,
em {
	font-style: italic;
}

b,
strong {
	border-bottom: 1px solid;
    font-weight: initial !important;
    
}

sub,
sup {
    font-size: 0.4em;
	position: relative;
	vertical-align: baseline;
}

sup {
    font-family: "Calendas Plus", "Times New Roman", Times, serif, Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
    letter-spacing: 0.025rem;
    bottom: 1em;
    margin-left: 0.2rem;
}
[data-id="22232365"] sup {
	bottom: 0.5em;
    margin-left: 0.2rem;
    color: #529de0;
	margin: 0;
    margin-top: 6.35rem;
    font-size: 1.0rem;
	font-weight: 400;
	font-family:'Silka Mono', "Monument Grotesk Mono", Icons;
	font-style: normal;
	letter-spacing: 0.02em;
}

s {
	text-decoration: line-through;
}

u {
    padding-bottom: 0.07em;
	border-bottom: 1px solid;
    text-decoration: none;
}
img {
	border: 0;
	padding: 0;
}

ul,
ol {
    color: #529de0;
	margin: 0;
    margin-top: 6.35rem;
	padding: 0 0 0 3rem;
    font-size: 1.0rem;
	font-weight: 400;
	font-family:'Silka Mono', "Monument Grotesk Mono", Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: left;
	letter-spacing: 0.02em;
}

ol>li {
        margin-top: 2.8rem;
        padding-left: 0.5rem;
    }

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

hr {
	background: rgba(253, 80, 31, 0.8);
	border: 0;
	height: 3px;
	display: block;
    margin-top: 15.5px;
    margin-bottom: 0px;
}

.content img {
	float: none;
	margin-bottom: 1rem;
    vertical-align: bottom;
}
/*
body.mobile [data-id="21562814"] .content img {
    max-width: 33%;
    height: auto !important;
}*/

.gallery_image_caption {
    margin-top: 1.2em;
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
	font-weight: 400;
	color: rgba(78, 78, 86, 1);
	font-family:'Silka Mono', "Monument Grotesk Mono", Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: left;
	letter-spacing: 0.02em;
}

/* Catering Contact form */

#formulario {
	text-align: center;
}

[data-page-id="9530308"] .pinned.pinned_bottom {
    z-index: 99;
}


form#fs-frm {
	margin: 50px 0;
}

body.mobile #fs-frm label,
body.mobile #fs-frm legend, 
body.mobile #fs-frm input,
body.mobile #fs-frm select,
body.mobile #fs-frm button,
body.mobile #fs-frm textarea,
body.mobile #fs-frm [type="text"],
body.mobile #fs-frm [type="email"] {
	    width: 100%;
}


#fs-frm input,
#fs-frm select,
#fs-frm button,
#fs-frm textarea,
#fs-frm fieldset,
#fs-frm optgroup,
#fs-frm label {
font-size: 1rem;
    line-height: 1.383rem;
	font-family:'Silka Mono', "Monument Grotesk Mono", Icons;
	font-style: normal;
	font-weight: 400;
    letter-spacing: -.5px;
    border: none;
    display: inline-block;
    width: 99%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    margin: 0px;
}
#fs-frm input:nth-of-type(2n) {
	margin-left: 2.3%;
}
body.mobile #fs-frm input:nth-of-type(2n) {
	margin-left: 0 !important;
}
#fs-frm label,
#fs-frm legend {
font-size: 1.4rem;
    line-height: 1.383rem;
	font-family:'Silka Mono', "Monument Grotesk Mono", Icons;
	font-style: normal;
	font-weight: 400;
    letter-spacing: -.5px;
    text-transform: uppercase;
    margin-bottom: 1.0em;
    width: 50.3%;
}
#fs-frm label {
	text-align: center;
}
/* border, padding, margin, width */
#fs-frm input,
#fs-frm select,
#fs-frm button,
#fs-frm textarea {
	font-size: 1.3333rem;
    line-height: 1.7457rem;
	font-weight: 400;
	color: rgba(78, 78, 86, 1);
    font-family: "Calendas Plus", "Times New Roman", Times, serif, Icons;
	font-style: normal;
    letter-spacing: 0.025rem;
    border: none;
    background-color: rgba(251, 248, 243, 1);
    padding: .75em 1em;
    margin-bottom: 1.5em;
    width: 48%;
}
#fs-frm input:focus,
#fs-frm select:focus,
#fs-frm textarea:focus {
  border: none;
  background-color: rgba(235, 225, 216, 1);
}
#fs-frm [type="text"],
#fs-frm [type="email"] {
  width: 48%;
}
#fs-frm button,
#fs-frm [type="button"],
#fs-frm [type="submit"],
#fs-frm [type="reset"] {
  width: auto;
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
#fs-frm button:focus,
#fs-frm [type="button"]:focus,
#fs-frm [type="submit"]:focus,
#fs-frm [type="reset"]:focus {
  outline: none;
}
#fs-frm [type="submit"],
#fs-frm [type="reset"] {
    width: auto;
    height: auto;
    vertical-align: middle;
    /* border-bottom: 2px solid #ecc8a3 !important; */
    padding-bottom: 19px !important;
font-size: 18px !important;
    line-height: 1.833rem;
	font-family:'Silka Mono', "Monument Grotesk Mono", Icons;
	font-style: normal;
	font-weight: 400;
    text-transform: uppercase;
    padding: 27px 30px;
    color: rgba(251, 248, 243, 1);
    opacity: 1 !important;
    transition: all 0.2s linear 0s;
    background: initial;
    margin: 0.5em;
}
#fs-frm [type="submit"]:hover,
#fs-frm [type="reset"]:hover {
}
#fs-frm button,
#fs-frm select {
  text-transform: none;
}
/* address, locale */
#fs-frm fieldset.locale input[name="city"],
#fs-frm fieldset.locale select[name="state"],
#fs-frm fieldset.locale input[name="postal-code"] {
  display: inline;
}
#fs-frm fieldset.locale input[name="city"] {
  width: 52%;
}
#fs-frm fieldset.locale select[name="state"],
#fs-frm fieldset.locale input[name="postal-code"] {
  width: 20%;
}
#fs-frm fieldset.locale input[name="city"],
#fs-frm fieldset.locale select[name="state"] {
  margin-right: 3%;
}

input#cbox1 {
    width: auto;
    border: 1px solid #cdcdcd;
    padding:10px;
    margin: 0 16px 2px;
    background: #fbf8f3;
    border: initial;
    background-color: initial !important;
    background: initial;
    -webkit-appearance: checkbox;
}
body.mobile input#cbox1 {
    width: auto;
}

/*Manifiesto*/
[data-page-id="21881087"] [rel="prev_page"] {
	display: none;
}
/*Sobre mí*/
[data-page-id="21882673"] [rel="next_page"] {
	display: none;
}

/**

/**
 * Loading Animation
 */

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

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.3333rem;
    line-height: 1.7457rem;
	font-weight: 400;
	color: rgba(78, 78, 86, 1);
    font-family: "Calendas Plus", "Times New Roman", Times, serif, Icons;
	font-style: normal;
    letter-spacing: 0.025rem;
}

[data-predefined-style="true"] bodycopy a {
	color: rgba(78, 78, 86, 1);
	padding-bottom: 0.07em;
	border-bottom: 1px solid;
	text-decoration: none;
    transition: 200ms ease-in-out;
}

[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: "Calendas Plus", "Times New Roman", Times, serif, Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 3.2727rem;
	line-height: 3.4545rem;
    letter-spacing: 0.025rem;
    
    -moz-font-feature-settings:"liga=1, dlig=1"; 
    -moz-font-feature-settings:"liga", "dlig";
    -ms-font-feature-settings:"liga", "dlig"; 
    -o-font-feature-settings:"liga", "dlig"; 
    -webkit-font-feature-settings:"liga", "dlig"; 
    font-feature-settings:"liga", "dlig";
	}

[data-predefined-style="true"] h1 a {
    text-decoration: none;
        border-bottom: none;
}

[data-predefined-style="true"] h2 {
    font-family: "Calendas Plus", "Times New Roman", Times, serif, Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 2.3636rem;
	line-height: 2.5455rem;
    letter-spacing: 0.025rem;
    
        -moz-font-feature-settings:"liga=1, dlig=1"; 
    -moz-font-feature-settings:"liga", "dlig";
    -ms-font-feature-settings:"liga", "dlig"; 
    -o-font-feature-settings:"liga", "dlig"; 
    -webkit-font-feature-settings:"liga", "dlig"; 
    font-feature-settings:"liga", "dlig";
}

[data-predefined-style="true"] h2 a {
    text-decoration: none;
        border-bottom: none;
}

h1 sub,
h2 sub,
bodycopy sub {
	font-size: inherit !important;
    font-variant: small-caps;
    text-transform: lowercase;    
}

[data-predefined-style="true"] small,
.gallery_image_caption {
	display: inline-block;
	font-size: 1rem;
    line-height: 1.383rem;
	font-family:'Silka Mono', "Monument Grotesk Mono", Icons;
	font-style: normal;
	font-weight: 400;
    letter-spacing: -.5px;
    text-transform: uppercase;
}

[data-predefined-style="true"] small a,
.gallery_image_caption a {
    text-decoration: none;
    border-bottom: none;
}


/**
 * 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(251, 248, 243)/*!body_bgcolor*/;
}

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

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


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


/**
 * Image Hover links
 */

.hover-title {
    display: inline;
    pointer-events: auto;
    cursor: pointer;
}

.hover-title h2 {
    display: contents;
}

.hover-image {
    visibility: hidden;
    opacity:0;
    transition:visibility 0.3s linear,opacity 0.3s linear;
}

body:not(.mobile) .hover-title:hover + .hover-image {
    visibility: visible;
    pointer-events: none;
    opacity:1;
}

body:not(.mobile) .hover-title:hover a {
    text-shadow: 1px 1px 2px #fbf8f3, -1px -1px 2px #fbf8f3;
    /* background-color: #fbf8f3; */
    background-image: -webkit-radial-gradient(#fbf8f3, transparent);
    background-image: -moz-radial-gradient(#fbf8f3, transparent);
    background-image: -o-radial-gradient(#fbf8f3, transparent);
    background-image: radial-gradient(#fbf8f3, transparent);
}
/* Edited for dsplay hover each title*/
.hover-image {
    display: flex;
    position: fixed;

 /* top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%); */
    z-index: -1;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 413px;
    height: auto;
    transform: translate(38%, -83%);
    max-width: 15%;
    max-height: 15%;
/* Change width and height to scale images */
    /*width: 90vw;
    height: 90vh;*/  
    width: auto;
    height: auto;
}

.hover-image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    margin-bottom: 0;
}

/**
 * Thumbnails
 */

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

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

[data-css-preset] .thumbnails_width {
/*    width: 48%/*!thumbnails_width*/;
    margin: 0 auto;
}

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

[data-css-preset] [thumbnails-gutter] {
    margin: -2rem/*!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;
    display: none;
}

.thumbnails .title span {
    display: block;
    width: auto;
    font-family: "Calendas Plus", "Times New Roman", Times, serif, Icons;
    font-style: normal;
    font-weight: 400;
    color: #fd501f;
    padding: 0;
    margin: 0;
    font-size: 2.3636rem;
    line-height: 2.5455rem;
    letter-spacing: 0.025rem;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -moz-font-feature-settings: "liga", "dlig";
    -ms-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    -webkit-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig";
}
.thumbnail:hover .title span:before {
    content: "︎︎︎" !important;
    color: rgb(82, 157, 224);

}
.thumbnail:hover .title span {
    content: "︎︎︎" !important;
    color: rgb(82, 157, 224);

}

.thumbnail .title span:before {
    content: "︎︎︎";
}

.thumbnails .tags {
color: rgb(82, 157, 224);
    display: block;
    bottom: 1.1rem;
    font-size: 1rem;
    line-height: 1.383rem;
    font-family: "Silka Mono", "Monument Grotesk Mono", Icons;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}
.thumbnails .tags:before {
    content: "\00a0\00a0\00a0\00a0";
}
.thumbnails:hover .tags a {
    color: rgba(82, 157, 224, 0.7) !important;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: #529de0 !important;
    text-decoration: none;
}

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

/**
 * Site Logo 
 */

[local-style="21569989"] {
	z-index: 999;
}

.header_icon,
.header_icon_mobile {
	width: 56px;
    height: auto;
    display: inline-block;
}

[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;
}

#desktop {
	position: fixed;
}

/**
 * Site Menu Mobile
 */

body.mobile .pinned.pinned_top .page_container,
body.mobile [local-style="22057215"] {
    box-shadow: 0 0 5px rgba(200, 193, 182, 0.77);
}
body.mobile [local-style="22223762"] {
    box-shadow: none !important;
}

.pinned.pinned_top a {
    border: none;
}

[data-css-preset] #site_menu_button {
	color: rgba(78, 78, 86, 1);
	line-height: 1;
	font-size: 28px /*!site_menu_button*/;
	line-height: 1;
	background: rgba(33, 32, 46, 0);
	position: fixed;
	top: 26px !important /*!site_menu_button*/;
	left: 50px !important/*!site_menu_button*/;
    margin-left: 50%;
}
body.mobile #site_menu_button {
	font-size: 0px;
}

body.mobile #site_menu_button:before {
    content: "ÍNDICE";
	font-size: 1.8333rem;
	line-height: 1.1108rem;
	font-family:'Silka Mono', "Monument Grotesk Mono", Icons;
	font-style: normal;
	font-weight: 400;
    letter-spacing: -1px;
    text-transform: uppercase;
}

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

#site_menu_button.active {
	display: none;
}

body.mobile .pinned .page_container.overlay {
    top: inherit !important;
    bottom: 0 !important;
}

body.mobile .pinned .page_container.overlay.accommodate {
    top: 0 !important;
    bottom: inherit !important;
}


/**
 * 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: 3rem /*!shop_button*/;
	right: 3rem /*!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: 2rem;
    padding: 0;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
}

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

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

/*
 * 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.2rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.75);
    display: block;
    margin-bottom: 1rem;
	font-style: normal;
	font-weight: 400;
}

.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.2rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.25);
    background:  white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .8rem 1.8rem .8rem .9rem;
	font-style: normal;
	font-weight: 400;
    color: rgba(0, 0, 0, 0.75);
}

.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.2rem;
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem;
	font-style: normal;
	font-weight: 400;
}

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

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

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    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: rgba(0, 0, 0, 0.85);
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: transparent;
    stroke-width: 2.5px;
}

.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: rgba(0, 0, 0, 0.85);
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: transparent;
    stroke-width: 2.5px;
}

/** 
 * 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: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}

/**
 * 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: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}


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