/** Shopify CDN: Minification failed

Line 527:12 Unexpected "{"
Line 527:21 Expected ":"
Line 528:16 Expected identifier but found whitespace
Line 528:18 Unexpected "{"
Line 528:27 Expected ":"
Line 528:78 Expected ":"
Line 529:19 Expected identifier but found whitespace
Line 529:21 Unexpected "{"
Line 529:30 Expected ":"
Line 529:84 Expected ":"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:brand-nav-bar (INDEX:7) */
.brand-nav-bar-section {
    margin-bottom: 20px;
  }
  .brand-nav-bar {
    width: 100%;
    max-width: 100%;
  }
  .brand-nav-bar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    border: 1px solid #e0e0e0;
    background: #fff;
  }
  .brand-nav-bar ul li {
    margin: 0;
    padding: 8px 10px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.2;
    background: #fff;
    color: #333;
    border-right: 1px solid #e0e0e0;
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
    white-space: nowrap;
  }
  .brand-nav-bar ul li:last-child {
    border-right: none;
  }
  .brand-nav-bar ul li .brand-nav-label {
    margin: 0;
  }
  .brand-nav-bar ul li.brand-nav-active {
    background: #f0f0f0;
    color: #a23f3f;
  }

  @media only screen and (max-width: 480px) {
    .brand-nav-bar-section .container {
      padding-left: 16px;
      padding-right: 16px;
    }
    .brand-nav-bar {
      overflow: visible;
    }
    .brand-nav-bar ul {
      flex-wrap: wrap;
      gap: 8px;
      border: none;
      width: 100%;
    }
    .brand-nav-bar ul li {
      flex: 0 0 auto;
      padding: 8px 12px;
      font-size: 12px;
      cursor: pointer;
      border: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0;
      border-radius: 8px;
      white-space: nowrap;
    }

    .block-list {
      scroll-margin-top: 10rem;
    }
    #shopify-section-template--26143361401137__block_list_6qQDDc .section.color-scheme--transparent {
      margin-top: 0 !important;
    }
  }
/* END_SECTION:brand-nav-bar */

/* START_SECTION:brand-section (INDEX:8) */
.brand_page_section {
    margin-bottom: 30px;
  }

  .brand_item {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .brand_item_data img,
  .new_brands li img {
    width: auto;
    max-height: 100px;
    border: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 15px;
  }
  .brand_item li a span {
    font-weight: 600;
    position: absolute;
    bottom: -7.5px;
    left: 1.15385rem;
    right: 1.15385rem;
    margin-bottom: 0;
  }
  .brand_all_content {
    margin: 40px 0 0;
  }
  .brand_all_content .brand_main_item {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  .brand_letter_group {
    margin-bottom: 2rem;
  }
  .brand_all_content .brand_letter_heading {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-align: left !important;
  }
  .brand_letter_divider {
    border: 0;
    border-top: 1px solid #e0e0e0;
    margin: 40px 0;
  }
  .brand_letter_group .brand_item {
    margin-bottom: 1.25rem;
  }
  .brand_page_section h3 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 24px;
  }

  .brand_main_item {
    width: 100%;
    max-width: 100%;
  }
  .brand_main_item ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    background: #fff;
  }

  .brand_main_item ul li {
    margin: 0;
    padding: 8px 10px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.2;
    background: #fff;
    color: #333;
    border-right: 1px solid #e0e0e0;
    border-radius: 0;
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
  }
  .brand_main_item ul li:last-child {
    border-right: none;
  }
  .brand_main_item ul li .brand_single {
    margin: 0;
  }
  .brand_main_item ul li.brand_active {
    background: #f0f0f0;
    color: #a23f3f;
  }
  .brand_all_content ul {
    list-style: none;
    padding: 0px 0px;
    margin: 20px 0;
  }
  .brand_item ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    gap: 20px;
  }
  .brand_item ul li img {
    width: 100%;
  }
  .main-blog .title--primary {
    text-align: center;
    margin-bottom: 40px;
  }
  .brand_item ul li img a {
    text-decoration: none;
  }
  .brand_item_data a,
  .new_brands li a {
    text-decoration: none;
    color: #282828;
    height: 130px;
    position: relative;
    width: 100%;
    display: inline-block;
    white-space: initial;
  }
  .brand_item li {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    width: calc(16.66% - 20px * 5 / 6);
    padding: 15px;
    text-align: center;
  }
  .brand_item_data:hover {
    box-shadow: 0 0 6px 1px rgba(51, 51, 51, 0.5);
  }
  .blog_categories ul {
    padding-left: 0;
    background-color: #f5f3f3;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 1px solid rgba(226, 224, 224, 0.8);
    border-right: 1px solid rgba(226, 224, 224, 0.8);
    border-bottom: 1px solid rgba(226, 224, 224, 0.8);
    list-style: none;
    margin: 0;
  }
  .blog_categories ul a {
    color: #373232;
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    text-decoration: none;
  }
  .blog_categories ul a:hover {
    background-color: #ce2b1b;
    color: #fff;
    text-decoration: none;
  }


  @media only screen and (min-width: 768px) and (max-width: 1023px) {

      li[data-value="all"] > p {
        width: 2.5rem; 
    }


    .brand_main_item{
      
       overflow: auto;
       height: 5rem;
    }
   
   
   }

   
  @media only screen and (max-width: 480px) {

    .brand_page_section .page-width {
      padding-left: 16px;
      padding-right: 16px;
    }

    li[data-value="all"] > p {
      width: 2.5rem;
    }

    .brand_letter_bar_sticky,
    .brand_letter_bar_sticky * {
      pointer-events: auto !important;
    }
    .brand_letter_bar_sticky {
      position: sticky;
      top: 12px;
      z-index: 29;
      background: #fff;
      padding-top: 4px;
      padding-bottom: 4px;
      margin-bottom: 4px;
    }
    .brand_all_content .brand_letter_group {
      scroll-margin-top: 18rem;
    }
    .brand_all_content h2 {
      scroll-margin-top: 18rem;
    }
    .brand_letter_bar_placeholder {
      display: block;
      width: 100%;
      margin: 0;
      padding: 0;
      flex-shrink: 0;
      pointer-events: none;
    }
    .brand_letter_bar_sticky.brand_letter_bar_fixed {
      position: fixed !important;
      left: 0 !important;
      right: 0 !important;
      top: var(--brand-bar-sticky-top, 56px) !important;
      width: 100% !important;
      box-sizing: border-box !important;
      padding-left: 16px;
      padding-right: 16px;
      margin-left: 0 !important;
      margin-right: 0 !important;
      z-index: 29;
    }
    .brand_main_item {
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
    }
    .brand_main_item ul {
      width: max-content;
      min-width: 100%;
    }
    .brand_main_item ul li {
      flex: 0 0 auto;
      min-width: 2.25rem;
      white-space: nowrap;
      padding: 10px 8px;
      font-size: 12px;
      cursor: pointer;
    }
    .brand_main_item ul li .brand_single {
      white-space: nowrap;
    }

  .brand_item{
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
  }

     .brand_item li {
      width: calc((100% - 15px) / 2);
      padding: 5px;
      border-radius: 12px;
    }

  .new_brands .brand_item li {
    width: calc((100% - 30px) / 3);
  }
  .new_brands .brand_item li a span h3 {
    font-size: 14px !important;
  }

     .brand_item li a span {
      font-size: 10px;
    }
    .brand_item li {
      padding-bottom: 12px;
    }
    .brand_item_data img,
    .new_brands li img {
      max-height: 75px; /* Adjust image size for smaller screens */
    }

    .brand_page_section h2 {
      text-align: center;
      margin-top: 8px;
      margin-bottom: 12px;
    }
    .brand_page_section {
      margin-top: 0;
    }
    .new_brands {
      margin-top: 0;
    }
    .new_brands h2 {
      margin-bottom: 10px;
    }
    .brand_all_content {
      margin-top: 20px !important;
    }
    .brand_all_content .brand_main_item {
      margin-top: 8px;
      margin-bottom: 12px;
    }

    .section--template.cc-main-page {
      margin-top: 0 !important;
      padding-top: 0 !important;
      margin-bottom: 0.5rem !important;
    }
    .cc-main-page .reading-width {
      margin-top: 0.25rem !important;
      margin-bottom: 0 !important;
    }
    .cc-main-page .page__title {
      text-transform: uppercase;
    }
    .cc-main-page .page__content {
      margin-top: 0 !important;
    }
  
  }
/* END_SECTION:brand-section */

/* START_SECTION:custom-youtube-section (INDEX:23) */
.custom_youtube_video {
  background-color: #000; /* Replace with your desired background color */
}

.custom_youtube_video h2 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 36px;
  line-height: 1;
}

/* Styling for the first video container */
.first_video_item {
  position: relative;
  padding-bottom: 56.25%; /* Aspect ratio of 16:9 */
  height: 0;
  margin-bottom: 20px; /* Spacing between the first and smaller videos */
}

.first_video_item iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Grid for the smaller videos */
.small_video_grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* Ensure wrapping of items */
  gap: 10px; /* Spacing between the grid items */
}

/* Styling for smaller video items */
.small_video_item {
  width: calc(33.333% - 10px); /* Three items per row, minus the gap */
  position: relative;
  padding-bottom: 18.75%; /* Aspect ratio of 16:9 for smaller videos */
  box-sizing: border-box;
}

.small_video_item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensure the image covers the pad area */
  cursor: pointer;
}

/* Icon positioning */
.icon_yt {
  position: absolute;
  width: 50px;
  height: 50px;
  background: url('/cdn/shop/files/youtube-svgrepo-com_1.svg?v=1695722429') no-repeat center center;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Responsive adjustments */
@media (max-width: 768px) {

  .page-width {
    width:100%;
    max-width: none;
  }

  .youtube_content{
    margin: 0 1.5rem;
  }
  
  .small_video_grid {
    flex-direction: row; /* Stack videos vertically on smaller screens */
  }

  .small_video_item {
   
    margin-bottom: 20px; /* Increase spacing for better tap targets */
  }

   .small_video_item img  {
   
       object-fit: contain;
  }


  /* Adjust heading font size and margins for smaller screens */
  .custom_youtube_video h2 {
    font-size: 24px; /* Smaller font size for mobile */
    margin-bottom: 20px; /* Adjusted spacing */
  }
}

@media (max-width: 480px) {
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.25 | round: 0 }}px; /* Reduced padding */
    padding-bottom: {{ section.settings.padding_bottom | times: 0.25 | round: 0 }}px; /* Reduced padding */
  }
}
/* END_SECTION:custom-youtube-section */