/** Shopify CDN: Minification failed

Line 154:0 Unexpected "<"
Line 478:0 Expected "}" to go with "{"

**/
/*
    Add here your own SCSS/CSS code to override theme styles
*/





a[href*="QuickDigitalFiles.com"] {
    color: #ff150c; /* Change #ff150c to your desired link color */
}



/*dont display feature image on blog post*/
#shopify-section-article-template .article-img {
    display: none;
}



/* Force images in blog posts to center */
#shopify-section-article-template .rte img {
    display: block;
    margin-left: auto !important; /* Override inline styles */
    margin-right: auto !important; /* Override inline styles */
    float: none !important; /* Override inline styles */
    text-align: center;
}


/*center images on blog posts*/
#shopify-section-article-template .rte img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}






.article-img {
    object-fit: cover; /* Adjust if necessary based on your preference */
   /* max-width: 400px; */ /* Sets the maximum width */
    border: none; /* Removes any border */
}







/* Center headings */
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
    text-align: center;
}

/* Center images */
.rte img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Left-align ordered and unordered lists */
.rte ol, .rte ul {
    text-align: left;
    padding-left: 40px; /* Adjusts indentation for lists */
}

/* Ensure list items inside ol and ul are left-aligned */
.rte ol li, .rte ul li {
    text-align: left;
}

/* Left-align regular paragraphs */
.rte p {
    text-align: left;
}

/* Remove general centering for all blog-post content to avoid overriding list alignment */
.blog-post {
    text-align: initial; /* Removes the global centering */
}




/* Left-align ordered and unordered lists */
.rte ol, .rte ul {
    text-align: left;
    padding-left: 40px; /* Adjusts indentation */
}

/* Ensure list items inside ol and ul are left-aligned */
.rte ol li, .rte ul li {
    text-align: left;
}

/* Left-align paragraphs inside list items */
.rte ol li p, .rte ul li p {
    text-align: left;
    margin-left: 0; /* Remove any extra centering margin */
    margin-right: 0; /* Remove any extra centering margin */
}






.blog-posts-item {
    text-align: center;
}

.blog-posts-item h3 {
    text-align: center;
    font-size: 18px; /* Adjust the font size to your preference */
    font-weight: bold; /* Make the text bold */
}





#footer-about {
    text-align: center;
}






#navbar-menu li.nav-item {
    margin-bottom: 15px; /* Adjust the margin as needed for spacing between menu items */
}







<div id="desired-collections">
    <!-- Collection 1: Home Goods -->
    <li class="collection-list-item px-2 py-2 text-center  enter-view-step-18 has-img-thumbnail">
        <!-- ... The HTML content for Home Goods ... -->
    </li>

    <!-- Collection 2: Jewelry & Watches -->
    <li class="collection-list-item px-2 py-2 text-center  enter-view-step-21 has-img-thumbnail">
        <!-- ... The HTML content for Jewelry & Watches ... -->
    </li>
</div>





/* Default styles for image banners */
.carousel-img {
    width: 100%; /* Make the image fill its container width */
    height: auto; /* Maintain the image's aspect ratio */
    max-width: 100%; /* Ensure the image doesn't exceed its original size */
}

/* Media query for screens with a maximum width of 768px (typical for mobile devices) */
@media (max-width: 768px) {
    .carousel-img {
        /* Adjust image styles for smaller screens */
        width: 100%; /* Make the image take up the full width of the viewport */
        height: auto; /* Maintain aspect ratio */
        max-width: 100%; /* Ensure it doesn't exceed screen width */
    }
}






/* Add margin of 30px below all images inside the .rte class */
.rte img {
    margin-bottom: 30px;
}








#shopify-section-article-template .article-img, 
#shopify-section-article-template .rte img {
    max-width: 500px !important; /* Limit width to 500px */
    height: auto !important; /* Maintain aspect ratio */
    display: block; /* Center images */
    margin: 0 auto; /* Center-align */
}






/* Additional fix to ensure container does not cause overflow */
.blog-post-content, .rte {
    overflow-x: hidden; /* Prevents horizontal overflow */




#topbar {
  background-color: #333 !important; /* Change #333 to any color you prefer */
}







  /* Reducing top and bottom padding/margin of rows and columns */
.container-fluid .row, .container-fluid .col-md-4 {
    margin-top: 10px !important; /* Reduces space above each row/column */
    margin-bottom: 10px !important; /* Reduces space below each row/column */
}

/* Specifically targeting the social-icons and payment-list for padding */
.container-fluid .social-icons, .container-fluid .payment-list {
    padding: 0 !important; /* Eliminates padding inside these containers */
}

/* Reducing the space around the copyright section specifically */
#copyright {
    margin: 10px 0 !important; /* Adjusts vertical margin around the copyright text */
    padding: 10px 0 !important; /* Adjusts padding to reduce height */
}





article .rte h2 {
    text-align: center;
}





/* Center headings */
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
    text-align: center;
}

/* Center images */
.rte img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}










  
  






/* Center the entire list block while keeping text left-aligned */
.rte ol, .rte ul, 
#shopify-section-article-template ol, #shopify-section-article-template ul {
    text-align: left !important; /* Keep the list text left-aligned */
    margin-left: auto !important; /* Center-align the list block */
    margin-right: auto !important; /* Center-align the list block */
    padding-left: 0 !important; /* Remove extra left padding for better centering */
    font-size: 18px !important; /* Apply font size to the list block */
    line-height: 1.6 !important; /* Adjust for better readability */
    margin-top: 15px !important; /* Add space above lists */
    margin-bottom: 20px !important; /* Add space below lists */
    width: 60% !important; /* Control list block width for centering */
    color: #000000 !important; /* Set list text color to black */
}

/* Ensure list items inside ol and ul are styled consistently */
.rte ol li, .rte ul li, 
.article ol li, .article ul li,
#shopify-section-article-template ol li, #shopify-section-article-template ul li {
    font-size: 18px !important; /* Force font size for list items */
    line-height: 1.6 !important; /* Adjust line height for readability */
    text-align: left !important; /* Keep text left-aligned inside list items */
    color: #000000 !important; /* Set list item text color to black */
    margin-bottom: 8px !important; /* Add spacing between list items */
}

/* Explicitly target the text inside list items */
.rte ol li span, .rte ul li span,
.article ol li span, .article ul li span,
#shopify-section-article-template ol li span, #shopify-section-article-template ul li span {
    font-size: 18px !important; /* Match paragraph font size */
    line-height: 1.6 !important; /* Ensure proper readability */
    color: #000000 !important; /* Set list item span text color to black */
}

/* Add a fallback for list text globally */
li {
    font-size: 18px !important; /* Global fallback for font size */
    line-height: 1.6 !important; /* Global fallback for line height */
    color: #000000 !important; /* Set global list text color to black */
}




  

  









  




/* Restrict overflow on specific containers */
.main-wrapper, .page-container, .content-container {
    max-width: 100vw;
    overflow-x: hidden;
}

/* Ensure images or sliders stay within bounds */
img, .slider, .carousel, .gallery {
    max-width: 100%;
    width: 100%;
}

/* Set the sticky element specifically to scroll */
.product-image-container {
    position: sticky;
    top: 0;
}












#shopify-section-article-template img.article-img {
    display: none !important; /* Hide the feature image on blog posts */
}










/* H2 Styling: Blog Posts Only */
#shopify-section-article-template h2 {
    font-size: 45px !important; /* Set desired font size */
    margin-top: 100px !important; /* Add space above */
    margin-bottom: 50px !important; /* Add space below */
    text-align: center !important; /* Center align the text */
    color: #ffffff !important; /* Set the color for H2 */
    font-weight: bold !important; /* Make H2 bold */
}

/* H3 Styling: Blog Posts Only */
#shopify-section-article-template h3 {
    font-size: 32px !important; /* Set desired font size */
    margin-top: 100px !important; /* Add space above */
    margin-bottom: 20px !important; /* Add space below */
    text-align: center !important; /* Center align the text */
    color: inherit !important; /* Use the default text color */
    font-weight: bold !important; /* Make H3 bold */
}

/* Paragraph Styling: Blog Posts Only */
#shopify-section-article-template p {
    font-size: 20px !important; /* Ensure consistency across paragraphs */
    line-height: 1.6 !important; /* Improve readability */
}

/* Blog Post Page Container: Add padding and background */
#shopify-section-article-template {
    padding: 40px 20px !important; /* Add padding to the blog content */
    background-color: #f9f9f9 !important; /* Set a light background for better readability */
}

/* Article Images: Center align and set a max width */
#shopify-section-article-template img.article-img {
    display: block !important; /* Ensure images are block elements */
    margin: 20px auto !important; /* Center align images */
    max-width: 100% !important; /* Prevent images from overflowing */
    border-radius: 10px !important; /* Add rounded corners */
}

/* Social Sharing Buttons: Align center and style */
#shopify-section-article-template .social-sharing {
    text-align: center !important; /* Center align sharing icons */
    margin-top: 30px !important; /* Add space above sharing buttons */
    margin-bottom: 30px !important; /* Add space below sharing buttons */
}

#shopify-section-article-template .social-sharing li {
    display: inline-block !important; /* Display icons inline */
    margin: 0 10px !important; /* Add spacing between icons */
}

/* Article Headers Background (Optional) */
#shopify-section-article-template .page-header {
    background-color: #e0e0e0 !important; /* Add a background color */
    padding: 20px !important; /* Add padding */
    border-radius: 10px !important; /* Round the corners */
    text-align: center !important; /* Center align text */
}








/* Center only links directly below an image in the same container */
div[style*="text-align: left;"] > a + a {
    display: block; /* Make the link a block element */
    margin: 0 auto; /* Center-align the link */
    text-align: center; /* Center the text inside the link */
}

/* Ensure images remain centered */
div[style*="text-align: left;"] > a img {
    display: block; /* Ensure the image behaves like a block */
    margin: 0 auto; /* Center-align the image */
}