/* Module Basics =================== */
.mod h2 {font-size:30px;color: var(--primary);}
.mod a.button::before {background-color: var(--primary);}
.mod p {line-height: 140%;font-size: var(--body);}
.mod.container {max-width: 1280px;margin: 0 auto;}
.mod p a {color:var(--primary);transition: all 0.66s ease-out;}
.mod p a:hover, .mod p a:focus {color:var(--secondary);}


/* Desktop ====== */
@media (min-width: 1025px) {
.mod h2 {font-size:32px;}
}/* End */



/* Highlight Module =================== */
.highlight_container {width: 100%;overflow: hidden;position: relative;height: 100vw;color: var(--white);background-color:black;max-height: 500px;}
.highlight_container a, .highlight_container h3 {color: #fff !important;transition: all 0.66s ease-out;}
.highlight_container .highlight_text {width: 100%;padding: var(--gutter-mobile);position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0px;text-align: center;transition: all 1s ease-out;}
.highlight_container .highlight_img {width: 100%;height: 100%;background-position: center top;background-size: cover;transform: scale(1);transition: all 0.66s ease-out;opacity: 95%;}
.highlight_container h2 {color: var(--white);margin-bottom:10px;}
.highlight_container p {margin: 20px;font-family: var(--font2);font-style: normal;}
.highlight_container p a {text-decoration:underline;transition: all 0.66s ease-out;color:var(--white);}
.highlight_container span {transform: scale(1);display: inline-block;font-size: var(--body);background:var(--pink);padding:10px 20px; border-radius:50px;color:white;transition: all 0.66s ease-out;}
.highlight_container a:hover .highlight_img {transform: scale(1.04);opacity: 100%;}
.highlight_container a:hover span {transform: scale(1.1);}
.highlight_container a:focus span {background:black;}

/* Desktop ====== */
@media (min-width: 1025px) {
	.highlight_container {height: 33vw;}
	.highlight_container .highlight_text {width: 50%;max-width: 1280px;padding: var(--gutter-desktop);}
	.highlight_container .highlight_img {opacity: 90%;}
}/* End */




/* Feature Module =================== */

.feature_container {display:flex;background:var(--gray);flex-wrap: wrap;line-height: 0px;}
.feature_text {align-self: anchor-center;flex: 0 0 50%;box-sizing: border-box;}
.feature_img {align-self: flex-end;flex: 0 0 50%;box-sizing: border-box;}
.feature_img img {width:100%;height:auto;}
.inner_feature_text {background:white;padding:50px;margin:50px;}
.inner_feature_text p {color:black;}
.inner_feature_text .button {transition: all 0.66s ease-out;text-decoration: none; margin: 0 auto; width: 100px; display: block; padding: 20px; text-align: center; position: relative; top: 70px;}
.inner_feature_text .button:hover {background:black;}
.inner_feature_text p {margin-bottom:0px;}

@media (max-width: 1024px) {
.feature_container {display:block;}
.feature_text {width:100%;display: inline-block;}
.feature_img {width:100%;display: inline-block;}
}


@media (max-width: 768px) {
	.inner_feature_text {padding:25px;margin:25px;}
	.inner_feature_text .button {top: 45px;}
	.feature_container .inner_feature_text p {font-size: 14px;}
	.feature_container .inner_feature_text h2 {margin-top: 10px;}
}



/* Two Column Feature =================== */
.column_feature {background:var(--gray);}
.inner_column_feature {padding: var(--gutter-desktop);display:flex;gap:5%;color:black;max-width: 1280px;margin: 0 auto;}
.inner_column_feature div {width:47.5%;}
.inner_column_feature h2 {font-size: 21px;color: black;line-height: 150%;font-weight: 500;}
.inner_column_feature_body p {font-family: "p22-mackinac-pro", serif;font-weight: 500;font-style: normal;}
.inner_column_feature_body strong {font-weight: 700;color:var(--pink);}
.inner_column_feature_body ul {list-style: none;padding: 0px;margin: 0px;}
.inner_column_feature_body li {background:white;padding: 30px;margin:20px 0px;}
.inner_column_feature_body li strong {width:100%;display:inline-block;margin-bottom: 20px;font-size: 125%;}
.inner_column_feature_body li p:last-of-type, .inner_column_feature_body li:last-of-type {margin-bottom:0px;}




	/* Moible ====== */
	@media (max-width: 1024px) {
		.inner_column_feature {padding: var(--gutter-mobile);display:inline-block;}
		.inner_column_feature div {width:100%;}
		.inner_column_feature_body li {padding: 25px;}
		
	}
	
	
	@media (max-width: 550px) {
	.inner_column_feature_body .vendor-list p, .inner_column_feature_body .vendor-list li {font-size:12px;}
	.inner_column_feature h2 {font-size: 18px;}
	}
	
	
	
	
/* Product Grouping =================== */	
	
	.product_group a {display:block;}
	.product_group p {color:black;}
	
	
	.product_group_rows {background:var(--gray);margin:25px 0px;padding-bottom: 10px;}
	.product_group_rows .product-selection {padding-top: 20px;}
	.product_group_rows h2 {text-align:center;color:black;margin: 0 auto;max-width:80%;padding:50px 0px 0px 0px;font-weight:300;}
	.product_group_rows .single-product-item {background:white;margin: var(--gutter-desktop);display:flex;margin-bottom: 80px;}
	.product_group_rows .product-image {margin-bottom:-60px;}
    .product_group_rows .product-image img {width: 640px;height: auto;position: relative;bottom: 30px;left: -30px;}
	h3.product-title a {color:black;text-decoration:none;text-transform:uppercase;font-size: 1.8em;}
	.product_group_rows .product-details {padding:25px 50px 25px 0px;}
	.product_group .color-label {display:block;margin-bottom:5px;text-transform:uppercase;color:var(--pink);font-size:14px;font-family: "sofia-pro-variable", sans-serif;font-variation-settings: "slnt" 0, "wght" 550;}
	.product_group .product-color {width: auto;text-align: center;}
	.product_group .color-value {display:block;color:black;font-size:22px;}
	.additional_product_info {display:flex;}
	.additional_product_info .button {background:var(--gray);width:auto;margin-left:30px;text-decoration:none;color:var(--pink);transition:all 0.25s ease-out;}
	.additional_product_info .button:hover, .additional_product_info .button:focus {color:black;}
	
	.product_group .product-image a img {transform: translateY(0px);transition:transform 0.25s ease-out;}
	.product_group .product-image a:hover img {transform: translateY(-10px);}
	
	.product_group_grid .product-selection {display:flex;justify-content: space-between;flex-wrap: wrap;padding: var(--gutter-desktop) var(--gutter-desktop) 0px;}
	.product_group_grid .single-product-item {margin-bottom: var(--gutter-desktop);background:var(--gray);overflow: visible !important;background: var(--gray);text-align: center;padding: var(--gutter-desktop);width: calc(50% - 25px);}
	.product_group_grid .single-product-item img {width: 100%;height: auto;}
	.product_group_grid .additional_product_info .button {background:white;}
	.product_group_grid .additional_product_info {justify-content: center;}
	.product_group_grid h2 {text-align: center;color: black;margin: 0 auto;max-width:80%;padding: 50px 0px 0px 0px;font-weight: 300;}
  
  
	.product_group_table .product-selection {display:flex;justify-content: space-between;flex-wrap: wrap;padding: var(--gutter-desktop);}
	.product_group_table .single-product-item {margin-bottom: 10px;background:var(--gray);overflow: visible !important;background: var(--gray);text-align: center;padding: var(--gutter-mobile);width: calc(33% - 5px);}
	.product_group_table .single-product-item img {width: 100%;height: auto;}
	.product_group_table .additional_product_info .button {background:white;}
	.product_group_table .additional_product_info {justify-content: center;}
	.product_group_table .product-color, .product_group_table p {display:none;}
	.product_group_table h3.product-title a {font-size: 1.2em;}
	.product_group_table .additional_product_info .button {margin:0px;}
	.product_group_table h2 {text-align: center;color: black;margin: 0 auto;max-width:80%;padding: 50px 0px 0px 0px;font-weight: 300;}
  
	
	@media (max-width: 1100px) {
		.additional_product_info .button {font-size: 14px;}
	}
	
	@media (max-width: 1024px) {
		.product_group_rows .single-product-item {margin: var(--gutter-mobile);display: inline-block;}
	.product_group_rows .product-image img {width:100%;height:auto;}
	.product_group_rows p {font-size: 14px;}
	.product_group_rows .color-value {font-size: 20px;}
	.product_group_rows h3.product-title a {font-size: 1.2em;}
	.product_group_rows .product-image img {bottom: 20px;left: 0px;}
	.product_group_rows .product-image {min-width: 150px;}
	.product_group_rows .product-details {padding: 25px;}
	.product_group_grid {background: var(--gray);margin: 25px 0px;padding-bottom: 10px;}
	.product_group_grid .product-selection {padding: 20px 0px 0px;display: inline-block;background:var(--gray);}
	.product_group_grid .single-product-item {margin: var(--gutter-mobile);display: inline-block;width: calc(100% - 40px);padding: 0px;background: white;}
	.product_group_grid .product-image img {width:100%;height:auto;bottom: 20px;left: 0px;position: relative;}
	.product_group_grid p {font-size: 14px;text-align: left;}
	.product_group_grid .color-value {font-size: 20px;}
	.product_group_grid h3.product-title a {font-size: 1.2em;text-align: left;}
	.product_group_grid .product-image {margin-bottom: -60px;}
	.product_group_grid .product-details {padding: 25px;}
	.product_group_grid .additional_product_info .button {background: var(--gray);}
	.product_group_grid .additional_product_info {justify-content: left;}
	.product_group_grid .product-color {text-align: left;}
	
	}
	
	
	
  
	@media (max-width: 768px) {
	.product_group_table {background: var(--gray);margin: 25px 0px;padding-bottom: 10px;}
	.product_group_table .product-selection {padding: 20px 0px 0px;display: inline-block;background:var(--gray);}
	.product_group_table .single-product-item {margin: 0px var(--gutter-mobile) var(--gutter-mobile);display: inline-block;width: calc(100% - 40px);padding: 0px;background: white;}
	.product_group_table .single-product-item:last-of-type {margin: 0px var(--gutter-mobile) 10px;}
	.product_group_table .product-image img {width:100%;height:auto;bottom:0px;left: 0px;position: relative;}
	.product_group_table p {font-size: 14px;text-align: left;}
	.product_group_table .color-value {font-size: 20px;}
	.product_group_table .product-image {margin-bottom: -60px;}
	.product_group_table .product-details {padding: 25px;}
	.product_group_table .additional_product_info .button {background: var(--gray);}
	.product_group_table .product-color {text-align: left;}
	
	}




	
/* General Mod =================== */		
	
	.general_content_format{position: relative;}
	.general_content_format h3 { max-width: calc(100% - 400px); margin: 50px auto; font-size: 28px; line-height: 38px; color: black; }
	.lookingforwaffers {width:150px;position:absolute;top: 45px;right: 25px;}
	.lookingforwaffers img {width:150px;height:auto;}

@media (max-width: 1024px) {
	.general_content_format h3 {max-width: calc(100% - 280px);font-size:21px;line-height:29px;margin: 20px auto;}
	.lookingforwaffers {width:100px;position:absolute;top: 45px;right: 25px;}
	.lookingforwaffers img {width:100px;height:auto;}
}

@media (max-width: 768px) {
.general_content_format h3 {max-width: 100%;font-size:17px;line-height:19px;margin:0px auto 0px;}
.lookingforwaffers {width:70px;position:absolute;top: 100px;right: 10px;}
.lookingforwaffers img {width:70px;height:auto;}
}

/* Product Search Mod =================== */	

.search_container {border-top:10px var(--pink) solid;background:var(--gray);}
.search_container h1 {text-align:center;}

@media (max-width: 768px) {
.search_container h1 {font-size:1.5em;}
}



/* Slider */


.slider-module {
    width: 100%;
   height: calc(var(--vh, 1vh) * 100 - 100px);
    position: relative;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider_container {
    width: 100%;
    height: 100%;
    position: relative;
}

.slider_text {
    position: absolute;
    top: var(--gutter-desktop);
    left: var(--gutter-desktop);
    z-index: 2;
    color: black;
    width: 400px;
	max-width:60%;
}

.slider_text h1 {margin:10px 0px 5px;}

.slider_text * {
    text-decoration: none !important;
}

.slider_text p {
	font-size: 18px;
	    color: #000;
	    letter-spacing: 0.5px;
	    margin-bottom: 3px;
	    opacity: 1;
		font-family: "p22-mackinac-pro", serif;
}

.slider_text a {
    text-decoration: none !important;
    color: inherit;
}

.slide-button {
    display: inline-block;
    padding: 12px 24px;
    background-color: #ed1966;
    color: white !important;
    border: none;
    border-radius: 60px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    margin-top: 1rem;
    cursor: pointer;
}

.slide-button:hover {
    background-color: black;
    transform: translateY(-2px);
}

.slider_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 1;
}

/* Progress Bar Button Styling */
.swiper-pagination-custom {
    bottom: var(--gutter-desktop) !important;
    left: calc(100% - 160px) !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 8px;
    position: absolute !important;
    z-index: 10 !important;
    width: auto !important;
}

.swiper-pagination-custom .swiper-pagination-bullet {
    width: 60px !important;
    height: 8px !important;
    background: rgba(255, 255, 255, 0.6) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    opacity: 1 !important;
}

.swiper-pagination-custom .swiper-pagination-bullet:before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 0% !important;
    height: 100% !important;
    background: #ed1966 !important;
    transition: width 0.3s ease !important;
}

.swiper-pagination-custom .swiper-pagination-bullet-active:before {
    width: 100% !important;
}

.swiper-pagination-custom .swiper-pagination-bullet:hover {
    background: rgba(255, 255, 255, 0.5) !important;
    transform: scale(1.1) !important;
}

/* Navigation Buttons - Removed */

/* Responsive adjustments */
@media (max-width: 1024px) {
    .slider-module {
		min-height:380px;
    }
    
    .slider_text {
        top: 25px;
        left: 25px;
        max-width: 55%;
    }
	
	.swiper-pagination-custom {
	    left: 50% !important;
	}
	
	.slider_text h1 {font-size:1.5em;line-height: normal;}
	
	.slider_text a {font-size: 14px;}
	
}



@media (max-width: 768px) {
	
	.slider_text a {font-size: 12px;}
	
	.swiper-pagination-custom {
	    bottom: var(--gutter-mobile) !important;
	}
	
	.slider_text p {
	    font-size: 17px;
	    letter-spacing: 0px;
		        margin-top: 0px;
				max-width:77%;
				line-height: normal;
	}
	
	.slider_img {
	    background-position: bottom center;
	}

    .slider_text h1 {
        font-size: 1.33em;
    }
	
	
}



/* Product Slider */


		.swiper.product-slider {padding:0px 50px;}
		
		.swiper-slide a {text-decoration:none;}
		
		.learnmore {    background: var(--pink);
    color: white;
    margin: 0 auto;
    width: 169px;
    display: block;
    margin-bottom: 50px;
	opacity: 0;
	transition: opacity 0.3s ease;
	text-align: center;
}
		
		.product-slider .slide-inner {
		  position: relative;
		  overflow: hidden;
		  text-align: center;
		  padding: 0;
		  border-radius: 8px;
		  cursor: pointer;
		}

		.product-slider .slide-inner img {
		  width: 100%;
		  height: auto;
		  transition: transform 0.5s ease;
		  display: block;
		  margin: 0 auto;
		  transform: scale(1.05);  
		}

		.product-slider .slide-content {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  opacity: 0;
		  transition: opacity 0.3s ease;
		  color: #fff;                /* adjust for contrast */
		  text-align: center;
		  pointer-events: none;    
		}

		.product-slider .swiper-slide:hover img {
		  transform: scale(1.2);       /* image zooms on hover */
		}
		
		.product-slider .slide-inner h3 {
			opacity: 0;
			transition: opacity 0.3s ease;
			color:black;
			text-decoration:none;
			font-size:28px;
		}

		.product-slider .swiper-slide:hover h3, .product-slider .swiper-slide:focus h3, .product-slider .swiper-slide:hover .learnmore, .product-slider .swiper-slide:focus .learnmore {
		  opacity: 1;
		  text-decoration:none;
		  pointer-events: auto;       /* enable clicks when visible */
		}

		.product-slider .slide-content h3 {
		  margin-bottom: 10px;
		  font-size: 1.2rem;
		}

		.product-slider .slide-content a {
		  display: inline-block;
		  padding: 8px 16px;
		  text-decoration: none;
		}
		
		
		@media (max-width: 1024px) {
		.swiper.product-slider {padding:0px 25px;}
		
		.product-slider .swiper-slide h3, .product-slider .swiper-slide h3, .product-slider .swiper-slide .learnmore, .product-slider .swiper-slide .learnmore {
		  opacity: 1;
		  text-decoration:none;
		  pointer-events: auto;       /* enable clicks when visible */
		}
	}