/* designs styles */
h1.pageTitle	{
	margin: 50px auto 0;
	padding-bottom: 50px;
}

img {
    border: 0px solid transparent !important;
}

/* General Styles for the Image Captions */
.wp-caption,
.collectionDetails p {
    max-width: 100% !important;
    width: auto !important; /* Ensures that caption does not exceed the container width */
}

/* Styling for images to ensure they don't exceed their containers */
img.size-large {
    width: 80% !important; /* Ensures large images scale down to fit their containers */
    height: auto !important;
    margin: 0 auto;
}

/* Gallery Item Spacing and Alignment */
.gallery-item {
    padding: 10px; /* Adds space around each gallery item */
    box-sizing: border-box; /* Includes padding in width calculation */
}

/*


    /* Media query for screens 768px wide or less */
@media (max-width: 768px) {
img.size-large {
    	width: 100% !important;
    }
    .gallery-columns-3 .gallery-item {
        width: 100% !important; /* wedding images diff-heights so need this */
    }
 }   
    /* Media query for screens 500px wide or less */
@media (max-width: 768px) { /* was 500px */
    .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item {
        width: 100% !important; 
        align-items: center; 
    }
}


/* Ensure the caption is above the image */
.wp-caption {
    display: flex;
    flex-direction: column-reverse; /* Reverses the order to put caption on top */
    align-items: center; /* Centers the caption horizontally */
    text-align: center; /* Centers the caption text */
}

.wp-caption img {
    width: 100%; /* Ensures image fills the container */
    height: auto; /* Maintains aspect ratio */
}

.wp-caption-text {
    order: 1; /* Ensures text is above the image */
    width: 100%; /* Ensures text alignment is responsive */
    margin-bottom: 30px;
}

.gallery {
	margin-top: 50px !important;
}
.wp-caption .wp-caption-text {
	margin-top: 70px !important;
	font-size: 1.5em;
}

/* Targets the container of the gallery items and sets it up for flexbox */
.gallery-item {
    display: flex;
    flex-direction: column-reverse; /* Puts the caption above the image */
    align-items: center; /* Center aligns the items */
    justify-content: center; /* Center aligns the items vertically if needed */
    text-align: center; /* Ensures text is centered */
    width: 100%; /* Fixes width issue */
}

/* Ensures the images fill their container but don't overflow */
.gallery-icon img {
    width: 100%; /* Responsive image sizing */
    height: auto; /* Maintain aspect ratio */
}

/* Corrects the caption placement and styling */
.gallery-caption {
    order: -1; /* Moves caption above the image */
    width: 100%; /* Ensures caption width matches the image */
    margin-bottom: 10px; /* Adds space below the caption, above the image */
}


div.collectionDetails > img {
    border-radius: 10px; /* Rounded corners */
    border: 2px solid #ccc; /* Border */
}

div.collectionDetails .gallery-icon {
    border-radius: 14px; /* Rounded corners */
    border: 1px solid #eee; /* Border */
    overflow: hidden;
}

.parent-category-section	{
	border-bottom: 1px solid #eee;
}

.parent-category-section .sectionInner	{
	padding: 3rem 0;
}

/* COLLECTIONS
******************************************/
.category-header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}

.category-image-wrapper {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
	padding-right: 0.5%;
}

.category-title-wrapper {
    width: 50%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 0.5%;
}

.category-image {
    flex: 0 0 auto;
}

.category-image img	{
	height: 100px;
    width: auto;
}

.category-title {
    margin: 0;
    padding-left: 20px;
}

@media (max-width: 500px) {
    .category-header {
        flex-direction: column;
        align-items: center;
    }

    .category-image-wrapper,
    .category-title-wrapper {
        width: 100%;
        display: block;
        text-align: center;
    }

    .category-image {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .category-title {
        padding-left: 0;
    }
}

.page-collections .thumbnail-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5%;
}

.page-collections .thumbnail-item {
    width: 49%;
    margin: 0.5%;
    overflow: hidden;
    text-align: center;
}

.page-collections .thumbnail-item img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0.3vw;
}

h3.post-title {
    margin: 0;
    font-size: 1rem;
}

@media (max-width: 1200px) {
    .page-collections .thumbnail-item {
        width: 32%;
    }
}

@media (max-width: 768px) {
    .page-collections .thumbnail-item {
        width: 49%;
    }
}

@media (max-width: 500px) {
    .page-collections .thumbnail-item {
        width: 100%;
    }
}

.collectionDetails	{
	padding-bottom: 50px;
}

section.parent-category-section {
    background: linear-gradient(rgba(250,158,146, 0.2), white 50px);
    width: 100%; /* Ensures it covers the section from side to side */
    height: auto; /* Adjust height as needed */
}

/* OCCASIONS & CUSTOM PRODUCTS
*/

.page-occasions .thumbnail-grid,
.page-custom-products .thumbnail-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; /* Ensures even spacing */
    align-items: flex-start; /* Aligns items at the start of the line */
    margin: -0.5%;
}

.page-occasions .thumbnail-item,
.page-custom-products  .thumbnail-item {
    margin: 0.5% 0.5% 2vw;
    overflow: hidden;
    text-align: center;
}

.page-occasions .thumbnail-item img,
.page-custom-products .thumbnail-item img {
    height: 350px; /* Default height */
    width: auto; /* Default width */
    display: block;
    margin-bottom: 0.3vw;
}

.page-custom-products .thumbnail-item img {
	height: 500px;
}

@media (min-width:651px)	{
.page-occasions .birthdays .thumbnail-item img,
.page-occasions .easter .thumbnail-item img,
.page-occasions .congratulations .thumbnail-item img,
.page-occasions .mothers-day .thumbnail-item img,
.page-occasions .thanksgiving .thumbnail-item img {
	height: 500px; /* Default height for 1-only */
	}
.page-occasions .st-patricks-day .thumbnail-item img,
.page-occasions .pastimes .thumbnail-item img {
	height: 400px; /* Default height  for 2-only */
	}	
}

@media (max-width: 650px) {
    .page-occasions .thumbnail-item img,
    .page-custom-products .thumbnail-item img {
        width: 100%; /* Full width */
        height: auto; /* Maintain aspect ratio */
    }
}

.page-occasions h2.category-title	{
	text-align: center;
}



@media (min-width: 650px) {
.single-designs .collectionDetails.category-dexcom-patches img {
	height: min(700px, 60vh);
	width: auto;
	margin: 0 auto;
}
}

dt.gallery-icon a {
	cursor: default;
}

.wp-caption .wp-caption-text,.wp-caption-text,
h3.post-title	{
	font-family: "Cookie", cursive;
	font-size: 2rem;
	margin-top: 1rem;
	text-transform: capitalize;
}