/**
Theme Name: Babelscores 2024
Author: Babelscores
Author URI: http://babelscores.com
Description: custom theme by babelscores
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: babelscores-2024
Template: astra
*/

.entry-content{padding-top: 30px;}

.woocommerce-loop-category__title{color:#000;}
p, .woof_products_top_panel ul, h4{color:#ffffff;}

.summary h1,span{color: white;}

html body, body p, body h1, body h2, body h3, body h4, body h5, body h6 {
  color: #ffffff; 
}

.ast-woocommerce-container section h2 {color: white;}
.ast-woocommerce-container section ul  h2 {color: rgb(0, 0, 0);}

.ast-woocommerce-container .woocommerce-breadcrumb{color: rgb(195, 194, 194);}

select.orderby{color: rgb(195, 194, 194);}
#wcfmmp-store .tab_area .tab_links{
    background: #090909 !important;
border-bottom: 0px solid #93a8b3 !important;}

body #wcfmmp-store .tab_area .tab_links li {
    border: 0px solid #93a8b3;
}

body #wcfmmp-store .tab_area .tab_links li.active {
    border-top: 0px solid !important;
    border-bottom: 0px solid ;
    background-color: #FC3 ;
    color: #000000;
  }

  #wcfmmp-store .left_sidebar {
    background: #333333 !important;
    border: 0px solid #efefef !important;
  }

  #wcfmmp-store .tab_area .tab_links li a {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .3px;
    color: #CCCCCC !important;
    padding: 10px 19px 10px 19px;
    display: inline-block;
    text-transform: uppercase;
  }
  #wcfmmp-store .sidebar_heading h4 {
    font-size: 17px;
    line-height: 21px;
    color: #ffffff !important;
    text-transform: uppercase;
  }
  #wcfmmp-store .categories_list ul li a {
    font-size: 15px;
    line-height: 20px;
    color: #ffffff !important;
  }

  #wcfmmp-store .logo_area {
    display: none !important;
    }
#wcfmmp-store .tab_area .tab_links li.active a, #wcfmmp-store .tab_area .tab_links li:hover a {
        color: #000000 !important;
      }
      #wcfmmp-store .bd_icon_box .follow, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry {
    background: #FC3 !important;
    color: #000000 !important;
}

#wcfmmp-store .tab_area .tab_links li:hover  {
border-top: 0px solid !important;}
#wcfmmp-store {
    box-shadow: 0 0 0 0 #ccc !important;
}
#wcfmmp-store .right_side {  padding: 0 2% 0 3% !important;
}

body #wcfmmp-store #wcfm_store_header {
    background: rgba(255, 204, 51, 0.811) !important;
    min-height: 65px !important;
    position: absolute !important;
    top: 51vh;
    width: 240px;
  }

#wcfmmp-store .address {
    padding-left: 0px !important;
    left: 4px !important;
    top: 45% !important;
    color: #000000 !important;
    width: 400px !important;
  }
#wcfmmp-store .bd_icon_area {
      display:none;
      position: absolute;
      left: 60px !important;
      top: 30px    !important;
      margin: 25px 0 20px 0 !important;
  }
#wcfmmp-store .bd_icon_box .follow span, #wcfmmp-store .bd_icon_box .wcfm_store_chatnow span, #wcfmmp-store .bd_icon_box .wcfm_store_enquiry span {
    color: #000000 !important;
} 
#wcfmmp-store h1.wcfm_store_title {
  color: #000000 !important;
  font-weight: 400 !important;
    text-transform: uppercase !important;
  }

  .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    display: none !important;
  }

  #wcfmmp-stores-wrap ul.masonrygrid li .store-footer .store-avatar {
    display:none !important;
  }

#wcfmmp-stores-lists {
  box-shadow: 0px 0px 0px 0 #e9e9e900 !important;
  height: auto !important;
}

.wcfmmp-store-search-form {
  box-shadow: 1px 0px 0px 0 #e9e9e900 !important;
}

body #wcfmmp-store h1, #wcfmmp-store h2 {
  color: #CCCCCC;
}
body .wcfmmp_sold_by_wrapper a {
  color :#FC3 !important;
  /* overflow: auto !important; */
}
body .wcfmmp_sold_by_wrapper img.wcfmmp_sold_by_logo {
  display: none !important;
}
body #wcfmmp-store .policies_area,body #wcfmmp-store .reviews_area,body #wcfmmp-store .wcfm_store_description {
  background: #ffffff00;
  color: #fdfdfd;
  box-shadow: 0 0 0px 0 #000000;
  padding: 0px 30px;
  margin: 0 0;
}
body #wcfmmp-store .tab_area .tab_links li:hover{border-top:0px solid #000000 !important;border-bottom: 0px solid rgba(0, 0, 0, 0) !important;}

body #wcfmmp-store p {
  line-height: 160%;
  margin-left: 0.7em;
}
body .ast-site-identity {
  padding: 0.4em 0;
}
body input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  padding: .3em;
}
body .ast-logo-title-inline .ast-site-identity {
  padding: 0.4em 0;
}
#wcfmmp_store_state {
  display: none !important;
}

#wcfmmp_store_orderby, .wcfmmp-store-search-form #wcfmmp_store_state, .wcfmmp-store-search-form .select2-container, .wcfmmp-store-search-form .wcfmmp-search-box, .wcfmmp-store-search-form input#search, .wcfmmp-store-search-form input.wcfm-search-field, .wcfmmp-store-search-form input.wcfmmp-radius-addr, .wcfmmp-store-search-form select#wcfmmp_store_category, .wcfmmp-store-search-form select#wcfmmp_store_country {
  box-shadow: 0px 0px 0px 0 #e9e9e900 !important;
}
body .wcfmmp-store-search-form {
  text-align: left;
  padding: 20px 0 !important;
}

.store-content:hover {
  filter: brightness(50%);
  transition: filter 0.5s ease;
}
body .wcfmmp-store-search-form .select2-container--default .select2-selection--single {
  padding: 10px !important;
}
body #wcfmmp_store_orderby, body .wcfmmp-store-search-form #wcfmmp_store_state, body .wcfmmp-store-search-form .select2-container, body .wcfmmp-store-search-form .wcfmmp-search-box, body .wcfmmp-store-search-form input#search, body .wcfmmp-store-search-form input.wcfm-search-field, body .wcfmmp-store-search-form input.wcfmmp-radius-addr, body .wcfmmp-store-search-form select#wcfmmp_store_category, body .wcfmmp-store-search-form select#wcfmmp_store_country {
  border: 0px solid #ccc !important;}

  /* Add this to your CSS file or within a <style> tag in your HTML */
body form select#wcfmmp_store_category {
  color: black !important; /* This changes the font color of the select box itself */
}

body form select#wcfmmp_store_category option {
  color: black !important; /* This changes the font color of the options */
}

.masonrygrid {
/*  display: flex;
  margin-left: -1.5em; /* gutter size offset 
  width: auto;*/
  list-style-type: none;
}

.masonrygrid {
  visibility: hidden; /* Cache la grille jusqu'à ce que Masonry soit chargé */
}

.masonrygrid-item {
  transition: all 0.3s ease-in-out; /* Animation douce */
}

.wcfmmp-stores-content ul {
  margin: 0 0 0em 0em;
}
/* fluid 5 columns */
.masonrygrid-sizer,
.masonrygrid-item { width: 24%;float:left; }
/* 2 columns 
.masonrygrid-item--width2 { width: 40%; }*/

.masonrygrid-item .store-enquiry {
  display: none !important;
}

.masonrygrid-item h2 a {
  color: #000000;
  padding-left: 4%;
  font-size: 76%;
}
.masonrygrid-item h2 {
  padding-top: 6px;
  line-height: 60%;
  margin-bottom: .5em;
}
.store-data, .store-data-container {
  width:100%;
}
#wcfmmp-stores-lists{
padding-top: 30px;
}
/*
.wcfmmp-stores-content{
min-height: 100vh;
  }
*/

body #wcfmmp-stores-lists .right_side {
  padding: 2% 2% 14% 2%;
}

.selected {
  background-color: #ffffff; 
}

body .wcfmmp-store-lists-sorting .woocommerce-result-count {
  padding: 0.2em 0;
}
body #wcfmmp-stores-lists input.wcfmmp-store-search{
  padding: 5px 10px;
}
body .wcfmmp-stores-listing h2{
  font-size: 140%;
}
body #wcfmmp-store .categories_list ul li {
  margin: 0px 0;  
}

body #wcfmmp-store .categories_list ul li.parent_cat a {
font-size: 15px;
}
.attachment-woocommerce_thumbnail{
  mix-blend-mode: multiply;
}
body .wcfm_vendor_badges{
  display: none;
}

.woocommerce-loop-product__title{
  margin-top: .5em !important;
  margin-left: 0.7em !important;
  margin-right: 0.7em;
}

.wcfmmp_sold_by_wrapper{
  background: #000000bd;
  padding-top: 4px;
  text-align: center !important;}

body .astra-shop-thumbnail-wrap .wcfmmp_sold_by_wrapper a {
  overflow: auto !important;}
  body .astra-shop-thumbnail-wrap .wcfmmp_sold_by_wrapper a{color: #ccc !important;}
body .woocommerce ul.products li.product .astra-shop-thumbnail-wrap, .woocommerce-page ul.products li.product .astra-shop-thumbnail-wrap  {
  margin-bottom: 0em;
}
img.woocommerce-placeholder{
mix-blend-mode: multiply;
aspect-ratio: 1 / 1.41; 
object-fit: cover;
}
.astra-shop-thumbnail-wrap h2, body #wcfmmp-store h2{
  color:#000000;
  font-weight: 500 !important; 
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.woocommerce-js ul.products li.product .woocommerce-loop-product__title{font-size: 1.15em; margin-bottom: 0.1em;
}
body .ast-woo-shop-product-description p { 
  color:#000000;
  font-weight: 300 !important;
  margin-left: 0.7em;
  font-size: 0.9em;
}
body #wcfmmp-store .woocommerce ul.products li.product h2, body .ast-woo-shop-product-description p {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
body .ast-woo-shop-product-description p {
line-height: 105%;
min-height: 1.48em;
}
body #wcfmmp-store .woocommerce ul.products li.product h2{font-size: 1.1em;
}
body .woocommerce-js ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  margin-bottom: 0.1em !important;   font-size: 1.1em;
}
.instrumentation-catalog{
  background: #000000bd;
  padding: 6px 0;
  text-align: center !important;
  color:#fdfdfd;
}
.ast-woocommerce-container .instrumentation-catalog, .columns-6 .instrumentation-catalog{
display: none;
}
body #wcfmmp-store p {
  padding: 0 0 4px 0;}
body #wcfmmp-store .product_area .products-wrapper ul li.product {
  padding: 0 0px;}
  .special-horizontal-class {
    grid-column: span 2;
}
.woocommerce ul.products, .woocommerce-page ul.products  {
  display: grid;
  column-gap: 16px;
}


@media screen and (max-width: 960px){
#wcfmmp-store .address {
  position: absolute !important;
  left: 0px !important;
  width: 200px !important;
}
.masonrygrid-sizer,
.masonrygrid-item { width: 33.3%; }
body .store-footer .store-data-container {
  padding-top: 4px;
}
}

@media (max-width:921px) {
  .ast-separate-container .ast-article-single:not(.ast-related-post),
  .woocommerce.ast-separate-container .ast-woocommerce-container,
  .ast-separate-container .error-404,
  .ast-separate-container .no-results,
  .single.ast-separate-container.ast-author-meta,
  .ast-separate-container .related-posts-title-wrapper,
  .ast-separate-container .comments-count-wrapper,
  .ast-box-layout.ast-plain-container .site-content,
  .ast-padded-layout.ast-plain-container .site-content,
  .ast-separate-container .ast-archive-description {
   background-color:#00000000 !important;
   ;
  }
 }
 #wcfmmp-store-list-map {
  display: none !important;
 }
 @media (max-width:480px){
 .ast-container, .ast-container-fluid {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#wcfmmp-store #wcfm_store_header {
  background: rgba(255, 204, 51, 0.811) !important;
  min-height: 60px !important;
  position: absolute !important;
  top: 31vh !important;
  width: 290px;
}
#wcfmmp-store .header_right {
  display: none !important;
}
.masonrygrid-sizer,
.masonrygrid-item { width: 100%; }
}


.woocommerce ul.products:not(.columns-4):not(.columns-6) li.product-horizontal-image {
  grid-column: span 3; /* S'étend sur trois colonnes */
}
.woocommerce ul.products:not(.columns-4) li.product-horizontal-image img {
  aspect-ratio: 1.41 / 1; /* landscape A4 aspect ratio */
  object-fit: cover;
}
.woocommerce ul.products:not(.columns-4):not(.columns-6) li.product-vertical-image{
  grid-column: span 2; /* S'étend sur deux colonnes */
}
.woocommerce ul.products:not(.columns-4) li.product-vertical-image img, .woocommerce ul.products li.product-vertical-image img{
  aspect-ratio: 1 / 1.41; /* portrait A4 aspect ratio */
  object-fit: cover;
}

body .ast-woocommerce-container ul.products:not(.columns-4) li.product-horizontal-image img.attachment-woocommerce_thumbnail, 
body #wcfmmp-store .woocommerce ul.products:not(.columns-4) li.product-horizontal-image img.attachment-woocommerce_thumbnail{
  margin-top: 1.7em;
  margin-bottom: 2em;
}
ul.products.columns-6 li.product-horizontal-image img.attachment-woocommerce_thumbnail{
  margin-top: 3.9em;
  margin-bottom: 3.9em;
}
ul.products.columns-4 li.product-horizontal-image img.attachment-woocommerce_thumbnail{
  margin-top: 6em;
  margin-bottom: 6em;
}

body .woocommerce ul.products.columns-10, body .ast-woocommerce-container ul.products.columns-10 {
  grid-template-columns: repeat(10, 1fr);
}
body ul.products.columns-10 li.product-category {
  grid-column: span 2;
}
.ast-grid-common-col{
  grid-column: span 2;
}

.ast-woocommerce-accordion ul.products.columns-4 li.product {
  grid-column: span 1;
}

@media only screen and (max-width: 768px) {
  .woocommerce ul.products {
      grid-template-columns: repeat(1, 1fr);
  }
}
/*
body #wcfmmp-store .left_sidebar {
  width: 23%;
}
body #wcfmmp-store .right_side {
  width: 77%;
}
*/

.wcfm-collapse {
  background: #000000 !important;
}

.wcfm-content{
background: #151515 !important;
  }
.wcfm-container{
  background: #151515 !important;
  box-shadow: 0 0px 0px #cccccc00 !important;
  }
  #wcfm-main-contentainer .wcfm-page-headig, .wcfm_menu_no_logo, .wcfm-tabWrap, #wcfm-main-contentainer input.wcfm-checkbox, #wcfm-main-contentainer input[type="checkbox"], .wcfm-dashboard-page #wcfm-main-contentainer input[type="checkbox"]  {
 background: #333 !important;  
 border: 0px solid #000 !important;
box-shadow: 0px 0px 0px 0 #000 !important;}

#wcfm-content #wcfm_menu, .wcfm_menu_logo{background: #333 !important;  
 border: 0px solid #000 !important;} 
 body #wcfm_menu .wcfm_menu_items a.active,body #wcfm_menu span.wcfm_sub_menu_items,body #wcfm-main-contentainer a.add_new_wcfm_ele_dashboard,body #wcfm-main-contentainer input.upload_button, #wcfm-main-contentainer input.wcfm_submit_button, body button.woof_submit_search_form {
  background: #FC3 !important; /* pedor por lo pronto toca asi hay algo inline raro) */
  color:#000000 !important;
  text-shadow: 0 0px 0 rgba(0,0,0,.25) !important;
box-shadow: 0 0px 0px rgba(0,0,0,.2) !important;
} 
#wcfm-main-contentainer input[type="text"].wcfm-text, #wcfm-main-contentainer input[type="password"].wcfm-text, #wcfm-main-contentainer select.wcfm-select, .wcfm_popup_form select.wcfm-select, .wcfm_popup_form input[type="text"].wcfm-text, #wcfm-main-contentainer input[type="number"].wcfm-text, #wcfm-main-contentainer input[type="time"].wcfm-text, #wcfm-main-contentainer textarea.wcfm-textarea, #wcfm-main-contentainer .wp-picker-container, #wcfm-main-contentainer .wcfm-checklist-group, #wcfm-main-contentainer .wcfm-radio-group{
  box-shadow: 0px 0px 0px 0 #000 !important;
}
body.wcfm-theme-babelscores-2024{
background: #151515 !important;} 
#wcfm-content{
 border: 0px solid #000 !important;}
 .wcfm-site-name a, .wcfm-page-headig .wcfm-page-heading-text, div.wcfm-collapse-content h2  {
  color: #ffffff !important;}
 #wcfm-main-contentainer .wcfm_menu_toggler, #wcfm-main-contentainer .wcfm_responsive_menu_toggler, .wcfm_fetch_tag_cloud {
    color: #FC3 !important;
  }
  #wcfm_menu .wcfm_menu_items a.wcfm_menu_item:hover::after {
    border-right-color: #FC3 !important;
    }
.wcfm_dashboard_stats_block {box-shadow: 0px 0px 0px 0 #000 !important; }
#wcfm-main-contentainer .select2-container, #wcfm-main-contentainer .dataTables_wrapper .select2-container .select2-selection {
  box-shadow: 0px 0px 0px 0 #e9e9e900 !important;}

body .wcfm_fetch_tag_cloud, .wcfm_fetch_tag_cloud ul li a.tag-cloud-link {color: #FC3;
  }
  .wcfm_fetch_tag_cloud ul li a.tag-cloud-link:hover {color: #ffffff !important;
  }
  .wcfm_menu_logo img {
    display: none !important;
  }

  @media (min-width: 922px){
  .woocommerce #content .ast-woocommerce-container div.product div.images, .woocommerce .ast-woocommerce-container div.product div.images, .woocommerce-page #content .ast-woocommerce-container div.product div.images, .woocommerce-page .ast-woocommerce-container div.product div.images {
    width: 33%;
  }
  .woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary {
    width: 32%;
    padding-left: 1%;
    float: left;
    padding-top: 2em;
  }
}

.woocommerce-js div.product .woocommerce-tabs {
  width: 34%;
  margin-left: 5px;
    float: right;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
  clear: none;
}
.woocommerce-js div.product .product_title {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}
.entry-summary .wcfmmp_sold_by_wrapper {
  background: #0000;
  padding: 6px 0 14px 0;
  text-align: left !important;
  font-size: 130%;
}
.woocommerce-js  div.entry-summary span.single-product-category {display: none !important;}
.woocommerce-js div.product .product_title {
  margin: 0 0 0em 0;
}

.woocommerce-js div.product .woocommerce-tabs .shop_attributes th {
  color: #ffffff;}
  .woocommerce-js div.product .woocommerce-tabs ul.tabs li a {
    padding: .5em 1em;
    background-color: #0f0f0f;
    color:#dddddd;
  }
  .woocommerce-js div.product .woocommerce-tabs ul.tabs li {margin: 0 0em 0.8em 0;}

  .woocommerce-js div.product .woocommerce-tabs ul.tabs::before {
    background-color: #0000;
  }
  .woocommerce-js div.product .woocommerce-tabs ul.tabs li.active a {
    background-color: #FC3;
    color: #0b0b0b;
  }

  #wcfm-content {border: #cccccc00 0px solid }
  #wcfm_products_manage_form_general_expander select#catalog_visibility, #wcfm_products_manage_form_general_expander p.catalog_visibility, p .wcfm_attribute_taxonom, button.wcfm_add_attribute{
  display: none !important;
  }
  .woocommerce-js div.product div.images img {
    width: 100%;
  }
  
 #wooswipe{
  padding-top: 2em;
}
.woocommerce button.single_add_to_cart_button{background-color: #CC3333 !important; color: #ffffff !important;
}

#babel-sonaar-extension-index .MuiBox-root{
color:#ab58ff}
a.wcfm_catalog_enquiry, a.wcfm_chat_now_button, a.wcfm_follow_me, span.add_enquiry {
  background: #FC3 !important;
  padding: 3px 10px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  box-shadow: 0 0px 0 #ccc !important;
  border: #f0f0f000 0px solid !important;
  color: #000000 !important;
}
.woocommerce-js ul.products li.product .price, .woocommerce-page ul.products li.product .price {
  display: none !important;}

  .woocommerce-js ul.products li.product, .woocommerce-page ul.products li.product {
margin-bottom: 1em;
  }
  .woocommerce-js h2 {
    margin-bottom: .5em;
  }

  .products .product-type-simple:hover {
    filter: brightness(45%);
    transition: filter 0.5s ease;
  }
  .wcfmmp-store-rating {
    display: none !important;
  }
  button.order-btn{
    margin-top: 5px;
  }
  body #wcfmmp-store .left_sidebar {
    padding: 5% 1% 20% 3%;
  }
  #wcfm_products_manage_form_attribute_expander select.wcfm_attribute_taxonomy {
    display: none !important;
  }
  .woocommerce-tabs #tab-description {
    line-height: 151%;
  }
  #wcfm_products_manage_form_attribute_expander p.checkbox_title, #wcfm_products_manage_form_attribute_expander input.wcfm-checkbox, #wcfm_products_manage_form_attribute_expander button  {
    display: none !important;
  }

  #sonaar-player.sr-fullwidth .sonaar_wave_base, #sonaar-player.sr-fullwidth .sonaar_wave_cut {
    height: 4px;
  }
  #sonaar-player .player{
    border-color: #000;}

    body.woocommerce-js div.product div.summary .woocommerce-product-details__short-description :last-child {
      margin-bottom: 0.5em; /* Your desired value */
    }

    .woocommerce-js div.product .woocommerce-tabs .shop_attributes td, .woocommerce-js div.product .woocommerce-tabs .shop_attributes th{
      border-width:0px;border-style: hidden;}

body header.MuiPaper-root,  header.MuiAppBar-colorPrimary{
  background-color: #FC3;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}
body .flipbookContent   {background-color: #fcf8f2;
}
body .wcfm_popup_label{ color: #000;}


    
/********************************************
/********************************************
TIMELINE SELECCION
/********************************************
/********************************************
   /* super  seleccion */
/* Container for the entire timeline */

/* Timeline container */

/* Timeline container */
.timeline-container {
  width: 100%;
  margin: 0 auto;
}

/* Timeline row */
.timeline-row {
  position: relative;
  margin: 40px 0;
  z-index: 1;
}

/* Timeline line with gradient and vertical lines */
.timeline-row::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 25px;
  background: 
    repeating-linear-gradient(
      to right,
      transparent,
      transparent 4px,
      rgba(30, 30, 30, 0.5) 4px,
      rgba(30, 30, 30, 0.5) 7px
    ),
    linear-gradient(to right, #6d8f29, #d8aa00, #d81600, #540e9f, #126f9f);
  background-size: 100% 100%;
  z-index: 0;
  transform: translateY(-50%);
}

/* Timeline row content */
.timeline-row-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}

/* Timeline item */
.timeline-item {
  position: relative;
  width: calc((100% / 6) - 20px); /* Adjust for margins */
  margin: 0 10px; /* Horizontal spacing between items */
  text-align: center;
  box-sizing: border-box;
  padding: 20px 0;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

/* Timeline content container */
.timeline-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
}

/* Connector styling */
.connector {
  width: 2px; /* Thickness of the vertical line */
  background: #fff; /* Color of the line */
  flex-grow: 1; /* Allows the connector to expand and fill available space */
  min-height: 32px; /* Minimum height of the connector */
  margin-top: -8px;
}

/* Adjust margins for spacing */
.product-above,
.product-below,
.year-label {
  margin: 0px 0;
}

/* Year label styling */
.year-label {
  position: relative;
  background: #000000;
  padding: 5px 5px;
  z-index: 2;
  color: #fff;
}

/* Products above and below */
.product-above,
.product-below {
  margin: 2px 0 8px;
  height: 176px;
}

/* Empty slot for missing products */
.empty-slot {
  height: 176px;
  margin: 10px 0;
}

/* Thumbnail styling */
.thumbnail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; /* Align content to the top */
  /*padding: 10px;*/
  box-sizing: border-box;
  max-width: 110px; /* Adjust to your desired width */
  max-height: 176px; /* Set a maximum height */
  overflow: hidden; /* Hide overflowed content */
}
.thumbnail:hover {
  filter: brightness(45%);
  transition: filter 0.5s ease;
}

.thumbnail img {
  display: block;
  max-width: 100%;
  height: auto;
}

.product-name {
  font-size: 13px;
  min-height: 16px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  margin: 0 2px 10px 8px;
  width: 100%;
  box-sizing: border-box;
  word-break: break-all; /* Break words at any character to prevent overflow */
  overflow-wrap: anywhere; /* Allow breaks at arbitrary points */
  overflow-wrap: break-word; /* Allows breaking within words */
  word-wrap: break-word; /* For older browsers */
  overflow: hidden;
}

/* Ensure the product container maintains its intended size */
.timeline-item .product {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}

/* Adjust the product image to fit within the container */
.timeline-item .product img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
}
/* Ensure parent containers maintain their intended size */
.timeline-item a {
    text-decoration: none !important;
}

.product-above,
.product-below {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}


/* Responsive adjustments */
@media screen and (max-width: 1200px) {
  .timeline-item {
    width: calc((100% / 3) - 20px); /* 3 items per row */
  }
}

@media screen and (max-width: 768px) {
  .timeline-item {
    width: calc((100% / 2) - 20px); /* 2 items per row */
  }
}

@media screen and (max-width: 480px) {
  .timeline-item {
    width: 100%; /* 1 item per row */
    margin: 0 0 20px 0; /* Adjust margins */
  }
}


/* Vertical timeline styles for small screens */
@media screen and (max-width: 768px) {
  /* Stack timeline items vertically */
  .timeline-row-content {
      flex-direction: column;
      align-items: flex-start;
  }
  .empty-slot {
      display: none; /* Hide empty slots */
  }
  /* Make timeline items full width */
  body .timeline-item {
      width: 100%;
      margin: 20px 0;
      padding-left: 50px; /* Space for vertical line */
      box-sizing: border-box;
      min-height: auto; /* Allow height to adjust based on content */

  }
  .timeline-item .thumbnail {
      max-width: 100%; /* Adjust to your desired width */
      max-height: 100%; /* Set a maximum height */
      min-height: auto; /* Allow height to adjust based on content */

  }

  /* Hide horizontal timeline line */
  .timeline-row::before {
      display: none;
  }

  /* Add vertical timeline line */
  .timeline-container {
      position: relative;
  }

  .timeline-container::before {
      content: '';
      position: absolute;
      top: 0;
      left: 30px; /* Position the vertical line */
      width: 6px;
      height: 100%;
      background: linear-gradient(to bottom, #6d8f29, #d8aa00, #d81600, #540e9f, #126f9f);
      z-index: 0;
  }

  /* Adjust timeline content alignment */
  .timeline-content {
      align-items: flex-start;
      position: relative;
      z-index: 1;
  }

  /* Position year labels */
  .year-label {
      position: relative;
      left: -51px; /* Align with the vertical line */
      background: #fff;
      padding: 5px 20px;
      margin: 0px 0;
  }

  /* Hide connectors */
  .connector {
      display: none;
  }

  /* Adjust product-above and product-below */
  .product-above,
  .product-below {
      margin: 0px 0;
      max-height: 100%; /* Set a maximum height */
      height: 100%;
  }

  /* Optional: Adjust thumbnail styles */
  .thumbnail {
    max-width: 100%; /* Adjust to your desired width */
    max-height: 100%; /* Set a maximum height */
  }
}
/********************************************
/********************************************
FIN TIMELINE