/* ======================================================== */
/* ==       DYNAMIC CONTROLS CSS                          == */
/* ======================================================== */

:root {
  /* ========== DISPOSITION ========== */
  --jarv-grid-template-columns-pc: 4;
  --jarv-grid-template-columns-tablet: 2;
  --jarv-grid-template-columns-mobile: 1;
  --jarv-grid-template-columns: var(--jarv-grid-template-columns-pc);
  --jarv-grid-column-gap-pc: 20px;
  --jarv-grid-column-gap-tablet: 20px;
  --jarv-grid-column-gap-mobile: 20px;
  --jarv-grid-column-gap: var(--jarv-grid-column-gap-pc);
  --jarv-grid-row-gap-pc: 20px;
  --jarv-grid-row-gap-tablet: 20px;
  --jarv-grid-row-gap-mobile: 20px;
  --jarv-grid-row-gap: var(--jarv-grid-row-gap-pc);

  /* ========== ITEM ========== */
  --jarv-item-padding-pc: 3px;
  --jarv-item-padding-tablet: 3px;
  --jarv-item-padding-mobile: 3px;
  --jarv-item-padding: var(--jarv-item-padding-pc);
  --jarv-item-bg-color: #ffffff;
  --jarv-item-hover-bg-color: #000000;
  --jarv-item-border-style: solid;
  --jarv-item-hover-border-style: solid;
  --jarv-item-border-color: #00000030;
  --jarv-item-hover-border-color: #44444400;
  --jarv-item-border-width: 1px;
  --jarv-item-hover-border-width: 1px;
  --jarv-item-border-radius: 5px;
  --jarv-item-hover-border-radius: 5px;
  --jarv-item-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
--jarv-item-hover-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
--jarv-item-hidden: hidden;

  /* ========== IMAGE ========== */
  --jarv-image-padding-top-pc: 100%;
  --jarv-image-padding-top-tablet: 100%;
  --jarv-image-padding-top-mobile: 100%;
  --jarv-image-padding-top: var(--jarv-image-padding-top-pc);
  --jarv-image-border-radius-pc: 0px;
  --jarv-image-border-radius-tablet: 0px;
  --jarv-image-border-radius-mobile: 0px;
  --jarv-image-border-radius: var(--jarv-image-border-radius-pc);
  --jarv-image-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
  --jarv-image-hover-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);

  /* ========== TITLES ========== */
  --jarv-title-font-family: default;
  --jarv-title-font-size: 1.5em;
  --jarv-title-text-transform: Normal;
  --jarv-title-font-widht: Bold;
  --jarv-title-line-height: 1em;
  --jarv-title-color: #000000;
--jarv-title-hover-color: #ffffff;
--jarv-title-item-hover-color: #ffffffee;
  --jarv-title-bg-color: none;
  --jarv-title-text-aling-pc: left;
  --jarv-title-text-aling-tablet: left;
  --jarv-title-text-aling-mobile: left;
  --jarv-title-text-aling: var(--jarv-title-text-aling-pc);
  --jarv-title-margin-pc: 0px;
  --jarv-title-margin-tablet: 0px;
  --jarv-title-margin-mobile: 0px;
  --jarv-title-margin: var(--jarv-title-margin-pc);
  --jarv-title-padding-pc: 10px;
  --jarv-title-padding-tablet: 10px;
  --jarv-title-padding-mobile: 10px;
  --jarv-title-padding: var(--jarv-title-padding-pc);

  /* ========== EXCERPTS ========== */
  --jarv-excerpt-font-family: default;
  --jarv-excerpt-font-size: 0.7em;
  --jarv-excerpt-text-tranfomation: Normal;
  --jarv-excerpt-font-widht: 400;
  --jarv-excerpt-line-height: 1.2em;
  --jarv-excerpt-color:#444444;
  --jarv-excerpt-hover-color: #ffffffdd;
--jarv-excerpt-item-hover-color: #ffffff80;
  --jarv-excerpt-bg-color: none;
  --jarv-excerpt-hover-bg-color: none;
--jarv-excerpt-item-hover-bg-color: none;
  --jarv-excerpt-text-aling-pc: left;
  --jarv-excerpt-text-aling-tablet: left;
  --jarv-excerpt-text-aling-mobile: left;
  --jarv-excerpt-text-aling: var(--jarv-excerpt-text-aling-pc);
  --jarv-excerpt-marging-pc: 0px;
  --jarv-excerpt-marging-tablet: 0px;
  --jarv-excerpt-marging-mobile: 0px;
  --jarv-excerpt-marging: var(--jarv-excerpt-marging-pc);
  --jarv-excerpt-padding-pc: 10px;
  --jarv-excerpt-padding-tablet: 10px;
  --jarv-excerpt-padding-mobile: 10px;
  --jarv-excerpt-padding: var(--jarv-excerpt-padding-pc);

  /* ========== AUTHOR ========== */
  --jarv-author-font-family: default;
  --jarv-author-font-size: 0.5em;
  --jarv-author-text-transform: Normal;
  --jarv-author-font-widht: Bold;
  --jarv-author-text-aling-pc: left;
  --jarv-author-text-aling-tablet: left;
  --jarv-author-text-aling-mobile: left;
  --jarv-author-text-aling: var(--jarv-author-text-aling-pc);
  --jarv-author-color:#444444;
  --jarv-author-hover-color:#ffffff;
--jarv-author-item-hover-color:#ffffff99;
  --jarv-author-bg-color:#ffffff;
  --jarv-author-hover-bg-color:#808080;
--jarv-author-item-hover-bg-color:#000000;
  --jarv-author-shadown: 0px 0px 0px rgba(0, 0, 0, 0.0);
  --jarv-author-hover-shadown: 0px 0px 0px rgba(0, 0, 0, 0.0);
  --jarv-author-marging-pc: 5px 5px;
  --jarv-author-marging-tablet: 5px 5px;
  --jarv-author-marging-mobile: 5px 5px;
  --jarv-author-marging: var(--jarv-author-marging-pc);
  --jarv-author-padding-pc: 5px 10px;
  --jarv-author-padding-tablet: 5px 10px;
  --jarv-author-padding-mobile: 5px 10px;
  --jarv-author-padding: var(--jarv-author-padding-pc);
  --jarv-author-border-radius-pc: 5px;
  --jarv-author-border-radius-tablet: 5px;
  --jarv-author-border-radius-mobile: 5px;
  --jarv-author-border-radius: var(--jarv-author-border-radius-pc);

  /* ========== DATE ========== */
  --jarv-date-font-family: default;
  --jarv-date-font-size: 0.6em;
--jarv-date-line-height: 1em;
  --jarv-date-text-transform: Normal;
  --jarv-date-font-widht: 400;
  --jarv-date-color:#44444455;
  --jarv-date-hover-color: #ffffffdd;
--jarv-date-item-hover-color:#FFFFFFAA;
  --jarv-date-bg-color:none;
  --jarv-date-hover-bg-color: none;
--jarv-date-item-hover-bg-color: none;
  --jarv-date-shadown: 0px 0px 0px rgba(0, 0, 0, 0.0);
  --jarv-date-hover-shadown: 0px 0px 0px rgba(0, 0, 0, 0.0);
  --jarv-date-marging-pc: 0px;
  --jarv-date-marging-tablet: 0px;
  --jarv-date-marging-mobile: 0px;
  --jarv-date-marging: var(--jarv-date-marging-pc);
  --jarv-date-padding-pc: 2px 5px;
  --jarv-date-padding-tablet: 2px 5px;
  --jarv-date-padding-mobile: 2px 5px;
  --jarv-date-padding: var(--jarv-date-padding-pc);
  --jarv-date-border-radius-pc: 5px;
  --jarv-date-border-radius-tablet: 5px;
  --jarv-date-border-radius-mobile: 5px;
  --jarv-date-border-radius: var(--jarv-date-border-radius-pc);

  /* ========== CATEGORIES ========== */
  --jarv-category-font-family: default;
  --jarv-category-font-size: 0.6em;
  --jarv-category-text-transform: Normal;
  --jarv-category-font-widht: Bold;
  --jarv-category-color:#444444;
  --jarv-category-hover-color:#ffffffff;
--jarv-category-item-hover-color: #ffffffaa;
  --jarv-category-bg-color: none;
  --jarv-category-hover-bg-color: none;
--jarv-category-item-hover-bg-color:#101010;
  --jarv-category-shadown: 0px 4px 10px rgba(0, 0, 0, 0.1);
  --jarv-category-hover-shadown: 0px 4px 10px rgba(0, 0, 0, 0.1);
  --jarv-category-marging-pc: 5px 2px;
  --jarv-category-marging-tablet: 5px 2px;
  --jarv-category-marging-mobile: 5px 2px;
  --jarv-category-marging: var(--jarv-category-marging-pc);
  --jarv-category-padding-pc: 5px 10px;
  --jarv-category-padding-tablet: 5px 10px;
  --jarv-category-padding-mobile: 5px 10px;
  --jarv-category-padding: var(--jarv-category-padding-pc);
  --jarv-category-border-radius-pc: 10px;
  --jarv-category-border-radius-tablet: 10px;
  --jarv-category-border-radius-mobile: 10px;
  --jarv-category-border-radius: var(--jarv-category-border-radius-pc);

  /* ========== BUTTONS ========== */
  --jarv-button-font-family: default;
  --jarv-button-font-size: 0.8em;
--jarv-button-line-height: 1em;
  --jarv-button-text-transform: Normal;
--jarv-button-font-widht: Bold;
  --jarv-button-widht-pc: 90%;
  --jarv-button-widht-tablet: 90%;
  --jarv-button-widht-mobile: 90%;
  --jarv-button-widht: var(--jarv-button-widht-pc);
  --jarv-button-aling-pc: center;
  --jarv-button-aling-tablet: center;
  --jarv-button-aling-mobile: center;
  --jarv-button-aling: var(--jarv-button-aling-pc);
  --jarv-button-text-aling-pc: center;
  --jarv-button-text-aling-tablet: center;
  --jarv-button-text-aling-mobile: center;
  --jarv-button-text-aling: var(--jarv-button-text-aling-pc);
  --jarv-button-color:#ffffff;
  --jarv-button-hover-color:#000000;
--jarv-button-item-hover-color:#000000;
  --jarv-button-bg-color:#000000;
  --jarv-button-hover-bg-color:#f8f8f8;
--jarv-button-item-hover-bg-color:#ffffff;
  --jarv-button-border-color: none;
  --jarv-button-hover-border-color: none;
  --jarv-button-border-style-pc: none;
  --jarv-button-border-style-tablet: none;
  --jarv-button-border-style-mobile: none;
  --jarv-button-border-style: var(--jarv-button-border-style-pc);
  --jarv-button-hover-border-style-pc: none;
  --jarv-button-hover-border-style-tablet: none;
  --jarv-button-hover-border-style-mobile: none;
  --jarv-button-hover-border-style: var(--jarv-button-hover-border-style-pc);
  --jarv-button-border-width-pc: 0px;
  --jarv-button-border-width-tablet: 0px;
  --jarv-button-border-width-mobile: 0px;
  --jarv-button-border-width: var(--jarv-button-border-width-pc);
  --jarv-button-hover-border-width-pc: 0px;
  --jarv-button-hover-border-width-tablet: 0px;
  --jarv-button-hover-border-width-mobile: 0px;
  --jarv-button-hover-border-width: var(--jarv-button-border-width-pc);
  --jarv-button-border-radius-pc: 50px;
  --jarv-button-border-radius-tablet: 50px;
  --jarv-button-border-radius-mobile: 50px;
  --jarv-button-border-radius: var(--jarv-button-border-radius-pc);
  --jarv-button-shadown: 0px 4px 10px rgba(0, 0, 0, 0.1);
  --jarv-button-hover-shadown: 0px 4px 10px rgba(0, 0, 0, 0.1);
--jarv-button-marging-pc: 10px 0px;
  --jarv-button-marging-tablet: 10px 0px;
  --jarv-button-marging-mobile: 10px 0px;
  --jarv-button-marging: var(--jarv-button-marging-pc);
  --jarv-button-padding-pc: 10px 20px;
  --jarv-button-padding-tablet: 10px 20px;
  --jarv-button-padding-mobile: 10px 20px;
  --jarv-button-padding: var(--jarv-button-padding-pc);

}

/*VARIABLES GUARDADAS EN OPTIONS DE WORDPRESS PARA QUE EL RENDER LAS TOME DE LA DB
--jarv-cluster-limit-posts-pc
--jarv-cluster-limit-posts-tablet
--jarv-cluster-limit-posts-mobile
--jarv-cluster-image-size
--jarv_cluster_global_meta
No pueden estar aquí debido a que el php no podría tomarlas para seguir el flujo logico de filtros y mostrado de metadatos*/




/* ======================================================== */
/* ==       RESPONSIVE CONTROLS CSS                      == */
/* ======================================================== */

/* TABLET */
@media (max-width: 1024px) {
:root {
  /* ========== DISPOSITION ========== */
  --jarv-grid-template-columns: var(--jarv-grid-template-columns-tablet);
  --jarv-grid-column-gap: var(--jarv-grid-column-gap-tablet);
  --jarv-grid-row-gap: var(--jarv-grid-row-gap-tablet);
  /* ========== ITEM ========== */
  --jarv-item-padding: var(--jarv-item-padding-tablet);
  /* ========== IMAGE ========== */
  --jarv-image-padding-top: var(--jarv-image-padding-top-tablet);
  --jarv-image-border-radius-: var(--jarv-image-border-radius-tablet);
  /* ========== TITLE ========== */
  --jarv-title-text-aling: var(--jarv-title-text-aling-tablet);
  --jarv-title-margin: var(--jarv-title-margin-tablet);
  --jarv-title-padding: var(--jarv-title-padding-tablet);
  /* ========== EXCERPT ========== */
  --jarv-excerpt-text-aling: var(--jarv-excerpt-text-aling-tablet);
  --jarv-excerpt-marging: var(--jarv-excerpt-marging-tablet)
  --jarv-excerpt-padding: var(--jarv-excerpt-padding-tablet);
  /* ========== AUTHOR ========== */
  --jarv-author-text-aling: var(--jarv-author-text-aling-tablet);
  --jarv-author-marging: var(--jarv-author-marging-tablet);
  --jarv-author-padding: var(--jarv-author-padding-tablet);
  --jarv-author-border-radius: var(--jarv-author-border-radius-tablet);
  /* ========== DATE ========== */
  --jarv-date-marging: var(--jarv-date-marging-tablet);
  --jarv-date-padding: var(--jarv-date-padding-tablet);
  --jarv-date-border-radius: var(--jarv-date-border-radius-tablet);
  /* ========== CATEGORY ========== */
  --jarv-category-marging: var(--jarv-category-marging-tablet);
  --jarv-category-padding: var(--jarv-category-padding-tablet);
  --jarv-category-border-radius: var(--jarv-category-border-radius-tablet);
  /* ========== BUTTONS ========== */
  --jarv-button-widht: var(--jarv-button-widht-tablet);
  --jarv-button-aling: var(--jarv-button-aling-tablet);
  --jarv-button-text-aling: var(--jarv-button-text-aling-tablet);
  --jarv-button-border-style: var(--jarv-button-border-style-tablet);
  --jarv-button-hover-border-style: var(--jarv-button-hover-border-style-tablet);
  --jarv-button-border-width: var(--jarv-button-border-width-tablet);
  --jarv-button-hover-border-width: var(--jarv-button-border-width-tablet);
  --jarv-button-border-radius: var(--jarv-button-border-radius-tablet);
}
}

/* MOBILE */
@media (max-width: 767px) {
:root {
  /* ========== DISPOSITION ========== */
  --jarv-grid-template-columns: var(--jarv-grid-template-columns-mobile);
  --jarv-grid-column-gap: var(--jarv-grid-column-gap-mobile);
  --jarv-grid-row-gap: var(--jarv-grid-row-gap-mobile);
  /* ========== ITEM ========== */
  --jarv-item-padding: var(--jarv-item-padding-mobile);
  /* ========== IMAGE ========== */
  --jarv-image-padding-top: var(--jarv-image-padding-top-mobile);
  --jarv-image-border-radius-: var(--jarv-image-border-radius-mobile);
  /* ========== TITLE ========== */
  --jarv-title-text-aling: var(--jarv-title-text-aling-mobile);
  --jarv-title-margin: var(--jarv-title-margin-mobile);
  --jarv-title-padding: var(--jarv-title-padding-mobile);
  /* ========== EXCERPT ========== */
  --jarv-excerpt-text-aling: var(--jarv-excerpt-text-aling-mobile);
  --jarv-excerpt-marging: var(--jarv-excerpt-marging-mobile)
  --jarv-excerpt-padding: var(--jarv-excerpt-padding-mobile);
  /* ========== AUTHOR ========== */
  --jarv-author-text-aling: var(--jarv-author-text-aling-mobile);
  --jarv-author-marging: var(--jarv-author-marging-mobile);
  --jarv-author-padding: var(--jarv-author-padding-mobile);
  --jarv-author-border-radius: var(--jarv-author-border-radius-mobile);
  /* ========== DATE ========== */
  --jarv-date-marging: var(--jarv-date-marging-mobile);
  --jarv-date-padding: var(--jarv-date-padding-mobile);
  --jarv-date-border-radius: var(--jarv-date-border-radius-mobile);
  /* ========== CATEGORY ========== */
  --jarv-category-marging: var(--jarv-category-marging-mobile);
  --jarv-category-padding: var(--jarv-category-padding-mobile);
  --jarv-category-border-radius: var(--jarv-category-border-radius-mobile);
  /* ========== BUTTONS ========== */
  --jarv-button-widht: var(--jarv-button-widht-mobile);
  --jarv-button-aling: var(--jarv-button-aling-mobile);
  --jarv-button-text-aling: var(--jarv-button-text-aling-mobile);
  --jarv-button-border-style: var(--jarv-button-border-style-mobile);
  --jarv-button-hover-border-style: var(--jarv-button-hover-border-style-mobile);
  --jarv-button-border-width: var(--jarv-button-border-width-mobile);
  --jarv-button-hover-border-width: var(--jarv-button-border-width-mobile);
  --jarv-button-border-radius: var(--jarv-button-border-radius-mobile);
}
}




/* ======================================================== */
/* ==             MULTI-PLATFORM CSS                      == */
/* ======================================================== */


.jarv-cluster .no-scroll::-webkit-scrollbar-thumb{
display:none;
}
.jarv-cluster .no-scroll::-webkit-scrollbar{
display: none;
}


/*  DISPOSITION
=================================================== */
.jarv-cluster.jarv-cluster-layout-global {
display: block;
}

.jarv-cluster.jarv-cluster-layout-global .jarv-columns-cluster {
display: grid;
grid-template-columns: repeat(var(--jarv-grid-template-columns), 1fr);
grid-column-gap: var(--jarv-grid-column-gap);
grid-row-gap: var(--jarv-grid-row-gap);
}

/* ITEMS
=================================================== */
.jarv-cluster.jarv-cluster-global .jarv-cluster-item {
background-color: var(--jarv-item-bg-color);
padding: var(--jarv-item-padding);
border-style: var(--jarv-item-border-style);
border-color: var(--jarv-item-border-color);
border-width: var(--jarv-item-border-width);
border-radius: var(--jarv-item-border-radius);
box-shadow: var(--jarv-item-box-shadow);
overflow: var(--jarv-item-hidden) !important;
transition: 0.3s ease-in-out;
}
  
.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover {
background-color: var(--jarv-item-hover-bg-color);
border-style: var(--jarv-item-hover-border-style);
border-color: var(--jarv-item-hover-border-color);
border-width: var(--jarv-item-hover-border-width);
border-radius: var(--jarv-item-hover-border-radius);
box-shadow: var(--jarv-item-hover-box-shadow);
transition: 0.3s ease-in-out;
}
  
/* ------- LINK ---------------------------- */
.jarv-cluster.jarv-cluster-global .jarv-cluster-link {
text-decoration: none;
color: inherit;
display: block;
}
  

/*  FEATURED IMAGE
=================================================== */

/* ------- FIXED CUSTOM STYLES ---------------------------- */
.jarv-cluster.jarv-cluster-custom .jarv-cluster-image-wrapper {
position: relative !important;
width: 100% !important;
overflow: hidden !important;
margin: 0px;
overflow: hidden;
}

.jarv-cluster.jarv-cluster-custom .jarv-cluster-image{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
max-height: none !important;
max-width: none !important;
min-height: 100% !important;
min-width: 100% !important;
padding: 0px;
}

.jarv-cluster.jarv-cluster-custom .jarv-cluster-item .jarv-cluster-image.img-hover {
opacity: 0;
transition: opacity 0.1s ease-in-out;
}

.jarv-cluster.jarv-cluster-custom .jarv-cluster-item:hover .jarv-cluster-image.img-hover {
opacity: 1;
transition: opacity 0.1s ease-in-out;
}


/* ------------------------------------------------------ */

.jarv-cluster.jarv-cluster-global .jarv-cluster-image-wrapper {
padding-top: var(--jarv-image-padding-top);
position: relative;
width: 100%;
margin: 0px;
overflow: hidden !important;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-image {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center;
max-height: none !important;
max-width: none !important;
min-height: 100% !important;
min-width: 100% !important;
padding: 0px;
box-shadow: var(--jarv-image-box-shadow) !important;
border-radius: var(--jarv-image-border-radius); 
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-image:hover {
box-shadow: var(--jarv-image-hover-box-shadow);
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item .jarv-cluster-image.img-hover {
opacity: 0;
transition: opacity 0.1s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-image.img-hover {
opacity: 1;
transition: opacity 0.1s ease-in-out;
}


/* TITLES
=================================================== */
.jarv-cluster.jarv-cluster-global .jarv-cluster-title {
font-family: var(--jarv-title-font-family, inherit);
font-size: var(--jarv-title-font-size);
font-weight: var(--jarv-title-font-widht);
text-transform: var(--jarv-title-text-transform);
text-align: var(--jarv-title-text-aling);
line-height: var(--jarv-title-line-height);;
color: var(--jarv-title-color);
background-color: var(--jarv-title-bg-color);
text-align: var(--jarv-title-text-aling);
margin: var(--jarv-title-margin);
padding: var(--jarv-title-padding);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-title {
color: var(--jarv-title-item-hover-color);
background-color: var(--jarv-title-item-hover-bg-color);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-title:hover{
color: var(--jarv-title-hover-color);
background-color: var(--jarv-title-hover-bg-color);
transition: 0.3s ease-in-out;
}


/*  EXCERPT
=================================================== */
.jarv-cluster.jarv-cluster-global .jarv-cluster-excerpt {
font-family: var(--jarv-excerpt-font-family, inherit);
font-size: var(--jarv-excerpt-font-size);
text-transform: var(--jarv-excerpt-text-transform);
font-weight: var(--jarv-excerpt-font-widht);
line-height: var(--jarv-excerpt-line-height);
color: var(--jarv-excerpt-color);
background-color: var(--jarv-excerpt-bg-color);
text-align: var(--jarv-excerpt-text-aling);
margin: var(--jarv-excerpt-marging);
padding: var(--jarv-excerpt-padding);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-excerpt {
color: var(--jarv-excerpt-item-hover-color);
background-color: var(--jarv-excerpt-item-hover-bg-color);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-excerpt:hover {
color: var(--jarv-excerpt-hover-color);
background-color: var(--jarv-excerpt-hover-bg-color);
transition: 0.3s ease-in-out;
}

/*  AUTHOR
=================================================== */
.jarv-cluster.jarv-cluster-global .jarv-cluster-meta-author {
display: inline;
font-family: var(--jarv-author-font-family);
font-size: var(--jarv-author-font-size);
text-transform: var(--jarv-author-text-transform);
font-weight: var(--jarv-author-font-widht);
text-align: var(--jarv-author-text-aling);
color: var(--jarv-author-color);
background-color: var(--jarv-author-bg-color);
box-shadow: var(--jarv-author-shadown);
margin: var(--jarv-author-marging);
padding: var(--jarv-author-padding);
border-radius: var(--jarv-author-border-radius);
white-space: nowrap !important;
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-meta-author {
color: var(--jarv-author-item-hover-color);
background-color: var(--jarv-author-item-hover-bg-color);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-meta-author:hover {
color: var(--jarv-author-hover-color);
background-color: var(--jarv-author-hover-bg-color);
box-shadow: var(--jarv-author-hover-shadown);
transition: 0.3s ease-in-out;
}

.jarv-cluster .jarv-cluster-container-author {
position:relative !important;
display:flex !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior-inline: contain;
}

/*  DATE
=================================================== */
.jarv-cluster.jarv-cluster-global .jarv-cluster-meta-date {
font-family: var(--jarv-date-font-family);
font-size: var(--jarv-date-font-size);
text-transform: var(--jarv-date-text-transform);
font-weight: var(--jarv-date-font-widht);
color: var(--jarv-date-color);
background-color: var(--jarv-date-bg-color);
box-shadow: var(--jarv-date-shadown);
margin: var(--jarv-date-marging);
padding: var(--jarv-date-padding);
border-radius: var(--jarv-date-border-radius);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-meta-date {
color: var(--jarv-date-item-hover-color);
background-color: var(--jarv-date-item-hover-bg-color);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-meta-date:hover {
color: var(--jarv-date-hover-color);
background-color: var(--jarv-date-hover-bg-color);
box-shadow: var(--jarv-date-hover-shadown);
transition: 0.3s ease-in-out;
}

/*  CATEGORIES
=================================================== */
.jarv-cluster .jarv-cluster-category-li{
display: inline !important;
margin: 0px;
min-height: none;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-category-li {
padding: var(--jarv-category-marging);
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-meta-category-link {
display: inline;
font-family: var(--jarv-category-font-family);
font-size: var(--jarv-category-font-size);
text-transform: var(--jarv-category-text-transform);
font-weight: var(--jarv-category-font-widht);
color: var(--jarv-category-color);
background-color: var(--jarv-category-bg-color);
box-shadow: var(--jarv-category-shadown);
margin: 0px;
padding: var(--jarv-category-padding);
border-radius: var(--jarv-category-border-radius);
white-space: nowrap !important;
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-meta-category-link {
color: var(--jarv-category-item-hover-color);
background-color: var(--jarv-category-item-hover-bg-color);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .jarv-cluster-meta-category-link:hover {
color: var(--jarv-category-hover-color);
background-color: var(--jarv-category-hover-bg-color);
box-shadow: var(--jarv-category-hover-shadown);
transition: 0.3s ease-in-out;
}

.jarv-cluster .jarv-cluster-container-categories {
position:relative !important;
display:flex !important;
overflow-x: auto !important;
min-height: none !important;
max-height: none !important;
-webkit-overflow-scrolling: touch;
overscroll-behavior-inline: contain;
padding: 0px;
margin: 0px;
}

/*  BUTTONS
=================================================== */
.jarv-cluster.jarv-cluster-global .custom-button-container {
display: flex;
justify-content: var(--jarv-button-aling);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .custom-link-button{
font-family: var(--jarv-button-font-family);
font-size: var(--jarv-button-font-size);
width: var(--jarv-button-widht);
justify-content: var(--jarv-button-aling);
text-align: var(--jarv-button-text-aling);
line-height: var(--jarv-button-line-height);
color: var(--jarv-button-color);
background-color: var(--jarv-button-bg-color);
border-style: var(--jarv-button-border-style);
border-color: var(--jarv-button-border-color);
border-width: var(--jarv-button-border-widht);
box-shadow: var(--jarv-button-shadown);
margin: var(--jarv-button-marging);
padding: var(--jarv-button-padding);
border-radius: var(--jarv-button-border-radius);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .custom-link-button {
color: var(--jarv-button-item-hover-color);
background-color: var(--jarv-button-item-hover-bg-color);
transition: 0.3s ease-in-out;
}

.jarv-cluster.jarv-cluster-global .jarv-cluster-item:hover .custom-link-button:hover{
color: var(--jarv-button-hover-color);
background-color: var(--jarv-button-hover-bg-color);
border-style: var(--jarv-button-hover-border-style);
border-color: var(--jarv-button-hover-border-color);
border-width: var(--jarv-button-hover-border-widht);
box-shadow: var(--jarv-button-hover-shadown);
transition: 0.3s ease-in-out;
}