/* Add custom css here */

body  { font-family: 'Quicksand', sans-serif; font-weight: 400; font-size: 18px; color: #000; }	
.script { font-family: 'Caveat', cursive;font-size: 2rem; line-height: 1; }

.fuscia { color: #d704b2; } .bg-fuscia { background-color: #d704b2; }	
.purple { color: #a111d4; } .bg-purple { background-color: #a111d4; }
.teal { color: #0DFDBC; }
.gold { color: #ffbc0a; }
	
.btn  {   white-space: normal; }
a.btn { padding: 0.5rem 1rem;  }
a.btn.fuscia {  background-color: #d704b2; font-size: 1.2rem; color:#fff !important; text-decoration:none;  }
a.btn.fuscia:hover {  background-color: #fff; font-size: 1.2rem; color:#d704b2 !important; }	
	
a.btn.black { background-color: #000; color: #fff !important; border:1px solid #000  }
a.btn.black:hover { background-color: #d704b2; color: #fff; }	
a.btn.white { background-color: #fff; color: #000 !important; }
a.btn.white:hover { background-color: #d704b2; color: #fff; }		
	
/*button styling  */		
#mc_embed_signup .button { 
	background-color: #000 !important; border:1px solid #000 !important;  border-radius: .3rem; margin-top:15px!important; 
    transition: all .2s ease-out 0s; text-transform: uppercase; line-height: 1.5rem; font-weight: 600; padding: 0.5rem 1rem; width: 100% !important;
}
#mc_embed_signup .button:hover { background-color: #d704b2 !important; }	
	
	
blockquote {  color: #000; padding-left: 15px; border-left: 2px solid #d704b2; } 
h1, .h1, .main a, a { color: #000; }
header.banner h1 {	color: #000; }
h1, h2 { font-weight:400; }	
h2, .h2 { font-weight:400; font-size: 1.66rem!important;  }	
h2.small { font-size: 22px !important;   }		
h2.bottom-rule:after { content:""; display:block; border-top:4px solid #ffbc0a; margin:15px 0; width:150px; }
h2.bottom-rule.center:after { margin:15px auto; }
.main h2, .main h2 a { color:#000 !important;   }
h3, .h3 { font-weight:600; font-size: 1.33rem!important; color:#d704b2; }	
.main h3 a { color:#d704b2; }	
#breadcrumbs, #breadcrumbs a { color:#fff; }
#breadcrumbs a {text-decoration:underline; }
	
/* basic highlight style to be used in body font size 18px  */ 	
.highlight { font-family: "Shrikhand", system-ui; font-weight: 400; font-style: normal; color: #d704b2; font-size:22px; line-height:1;   }	
	
ul.check { list-style-type:none; font-size:1.25rem; padding:0;  }
ul.check i { color: #ffbc0a; padding-right:5px; }		
.accordion .accordion-label:before { color: #ffbc0a; }
	
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] {
    padding: 0.5rem 0.75rem; font-size: 1.2rem; border-radius: 0; background: #ffbc0a !important; color: #000 !important; line-height: 1.5rem; }	
body .gform_wrapper .gform_footer input.button:hover, body .gform_wrapper .gform_footer input[type=submit]:hover {	
    background: #a111d4 !important; color: #fff !important; }		
	
#js-bootstrap-offcanvas { background: #fff; }	
@media (max-width: 992px) { #js-bootstrap-offcanvas { background: #ffbc0a; } }	
@media (min-width: 992.1px) { #menu-primary-navigation { background: #ffbc0a; } }		
	
header.banner { padding: 0; margin-bottom: 50px; background: #ffbc0a;}
.home header.banner { margin-bottom: 0px; }	
header.banner div.logo img { margin:8px 0;   }	

div.cartcount { float:right; margin: 4px 0 0 15px; } 
@media (max-width: 992px) { div.cartcount { margin:0 60px 0 15px; } }	
.cartcount a:hover { text-decoration:none; }
a.cart-contents { color: #000; line-height: 1; position: relative; }
.cart-contents:before {
    font-family: WooCommerce; content: "\e01d"; font-size: 30px;
    line-height: 1.2; font-style: normal;font-weight: 400;
    padding-right: 1px; vertical-align: top;
}
.cart-contents-count {
    color: #fff; background-color: #d704b2;
    font-size: 10px; font-weight: 700; border-radius: 50%; padding: 4px 6px;
    left: 26px; position: absolute;
}	
	
header.banner .nav-primary li a { text-transform:uppercase; padding: 0.33rem .9rem 0.33rem 0; color:#000;   }	
header.banner .nav-primary li a:hover { color: #d704b2; }	
header.banner .nav-primary li.pink a { color: #d704b2; }		
header.banner .nav-primary li.pink a:hover { color: #000; }	
@media (max-width: 992px) { header.banner .navbar-toggle.offcanvas-toggle.js-offcanvas-has-events { top: 0; } }	
header.banner .nav-primary .current-menu-item a { color: #000; }	
header.banner .nav-primary li.shop { margin-left:15px; }	
header.banner .nav-primary li.shop a { background-color: #000; color: #fff !important; padding-right: 15px; padding-left: 15px;  }
header.banner .nav-primary li.shop a:hover { background-color: #d704b2; color: #fff; }	
@media (min-width: 992px) {
    header.banner .nav-primary ul.nav>li.last>a:after, header.banner .nav-primary ul.nav>li.shop>a:after {  content: ""; display:none; }
}
	
header.banner .nav-primary li .sub-menu { background: #d704b2;}	
header.banner .nav-primary li .sub-menu a { color: #fff;}	
	
header .nav-primary .in .nav { display: table; width: 100%; }	
@media (max-width: 992px) { 
	header.banner .nav-primary li .sub-menu { background: #ffbc0a;}	
	header.banner .nav-primary li .sub-menu a { color: #000;  } header.banner .nav-primary li .sub-menu a:hover { color: #d704b2; }
	header .nav-primary .in .nav li .sub-menu a { font-weight: 700;    padding: .5rem .5rem .5rem 2rem;}
	header.banner .nav-primary li.shop { margin-left: 0; }
	header.banner .nav-primary li:hover .sub-menu a:hover {  background-color: rgba(0, 0, 0, 0); }	
}

/* new responsive and remove float right for navigation 6/19/25 */	
@media (min-width: 1200px) { header.banner div.logo { padding-right:100px; } }  	
@media (min-width: 992px) { header.banner .nav-primary, div.cartcount  { display:inline-block; float:none; } }	
	
@media screen and (min-width:992px) { .main-nav-container { margin-top:11px; } }	
/* header.page-header { margin-bottom: 1rem; padding-bottom: .1rem; }
header.page-header h1 { margin-top: 1rem; font-family: "Shrikhand", system-ui; }  */
	
header.page-header { margin-bottom: 1rem; margin-top: .5rem; padding-bottom: 1rem; background:#d704b2 }
header.page-header h1 { margin: 0; padding:1rem 0 0; font-family: "Shrikhand", system-ui; color: #ffbc0a !important }	
	
	
.home #hero { background:transparent; padding:10px 0 0; color: #d704b2; font-size:2rem;   }
.home #hero > .container { min-height: auto !important; }	
.home #hero h1 { font-size: 2.5rem!important; }		 
.home #hero a.btn.fuscia {  font-size: 2rem; padding: 15px 20px; margin: 30px 0 25px; }
.home #hero a.btn.fuscia:hover {  font-size: 2rem; }
.home #hero img { margin-bottom: 0px; }		
.home #hero .highlight {  font-size:80px; line-height:1; margin-top:9px; color: #d704b2; text-shadow: 6px 6px 0 #fff, -6px 6px 0 #fff, -6px -6px 0 #fff, -6px -6px 0 #fff;  }
.home #hero .subhead { font-family: "Shrikhand", system-ui; font-weight: 400; font-style: normal; font-size:30px; display: inline-block;line-height:1; margin-bottom:90px;text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, -2px -2px 0 #fff; }
@media (max-width: 1024px) { .home #hero .highlight { font-size:56px; } .home #hero .subhead { font-size:26px;	} }	

@media (min-width: 768px) { .row#fran-bg { background:url('/wp-content/uploads/2025/05/fran-600.png') no-repeat;background-size: contain; background-position:right bottom; }	}
@media (min-width: 1400px) { .row#fran-bg { background:url('/wp-content/uploads/2025/05/fran-600.png') no-repeat;background-size: contain; background-position:650px bottom; }	}		

.home #subhero { background:#ffbc0a url('/wp-content/uploads/2025/03/bg-temp-gold.png') no-repeat; background-size: cover; margin:0; padding:30px 0; color: #d704b2; text-align:center }	
.home #subhero .headline { font-size:36px; } 
	
.home #content .acf-product-item a  { text-decoration:none !important;  }	
.home #content .acf-product-item a h2 { color:#fff !important;  }		
.home #content .acf-product-item img { margin-bottom:15px;  }	
.home #content .acf-product-item a:hover img { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); }		
.home #content .acf-product-item a:hover h2 { color:#ffbc0a !important; }
	
.home section#white { background-color: #fff; color:#000;  padding: 60px 0 90px; margin: 0;  font-size:1.25rem; }
.home section#white h2 {font-weight:700; font-size: 2.5rem !important; color: #d704b2 !important; text-align:center;  margin-bottom:2rem;  }	
	
.home section#bubbles { /*background-color: #d704b2;*/ padding: 60px 0; margin: 0; background:#d704b2 url('/wp-content/uploads/2025/04/bg-pink-dots.png');  }
.home section#bubbles h2 { color:#fff !important; font-weight:700; font-size:2.5rem !important; margin-bottom:2rem;  }	
.home section#bubbles .bg-bubble { background:url('/wp-content/uploads/2025/03/bg-bubble-pink.png') no-repeat; background-position: center top; margin-bottom:30px;background-size: contain;  }	
	
/* this is the code for 3 bubbles */
@media (max-width: 991.9px) { .home section#bubbles .bg-bubble > div { text-align: center; padding: 20px 80px 30px; color:#fff; font-weight:700; font-size:1.2rem; min-height:200px }	}
@media (min-width: 992px) { 
	.home section#bubbles .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: calc(33% - 30px); margin-right: 15px; margin-left: 15px; }
	.home section#bubbles .bg-bubble {min-height:329px; } .home section#bubbles .bg-bubble { background-size: 290px 290px; }   /* 992px = .container max-width: 1140px   lg-4 = 320-30px   */	 
	.home section#bubbles .bg-bubble > div { text-align: center; padding: 60px 30px 30px; color:#fff; font-weight:700; font-size:1.2rem;  }	
	.home section#bubbles .bg-bubble.margin-top  { margin-top: 50px; }
}
@media (min-width: 1200px) { 
	.home section#bubbles .bg-bubble {min-height:350px; } .home section#bubbles .bg-bubble { background-size: 350px 350px; } /*  1200px =  .container max-width: 1140px   lg-4 = 380-30px   */	
	.home section#bubbles .bg-bubble > div { text-align: center; padding: 60px 60px 30px; color:#fff; font-weight:700; font-size:1.2rem;  }	
}  
@media (min-width: 1400px) { 
	.home section#bubbles .bg-bubble {min-height:416px; } .home section#bubbles .bg-bubble { background-size: 416px 416px; }   /* 1400px = .container max-width: 1340px   lg-4 = 446-30px  */
	.home section#bubbles .bg-bubble > div { text-align: center; padding: 90px 80px 30px; color:#fff; font-weight:700; font-size:1.2rem;  }	
}
	
/* this is the code for 4 bubbles 	
@media (min-width: 992px) {
    .home section#bubbles .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: calc(25% - 30px); margin-right: 15px; margin-left: 15px; }
}	*/
/*.home section#bubbles .bg-bubble > div { text-align: center; padding: 40px 50px 30px; color:#fff; font-weight:700; }	 
.home section#bubbles .bg-bubble.margin-top  { margin-top: 50px; }	*/
/*@media (min-width: 992px) { .home section#bubbles .bg-bubble {min-height:210px; } .home section#bubbles .bg-bubble { background-size: 210px 210px; } }  /* 992px = .container max-width: 1140px   lg-3 = 240-30px   */	 
/*@media (min-width: 1200px) { .home section#bubbles .bg-bubble {min-height:255px; } .home section#bubbles .bg-bubble { background-size: 255px 255px; } }  /*  1200px =  .container max-width: 1140px   lg-3 = 285-30px   */	
/*@media (min-width: 1400px) { .home section#bubbles .bg-bubble {min-height:305px; } .home section#bubbles .bg-bubble { background-size: 305px 305px; } }  /* 1400px = .container max-width: 1340px   lg-3 = 335-30px  */

.home section#black { background-color: #000; color:#fff;  padding: 60px 0 90px; margin: 0;  font-size:1.25rem; }
.home section#black h2 { font-weight:700; font-size: 2.5rem !important; color: #ffbc0a !important; color: #fff !important; text-align:center;  margin-bottom:2rem;  }
.home section#black div.block { text-align:center; background-color: #ffbc0a; border-radius:10px; padding:30px; color:#000;   }	
.home section#black a.btn.fuscia { margin: -15px auto 40px 10%; width: 80%; border-radius:8px }	
@media screen and (min-width:992px ) { 	
	.home section#black div.block { height:100%;   }	
	.home section#black a.btn.fuscia { margin: -15px auto 15px 10%; width: 80%; }	
}	
	
.home #testimonials h2 { font-weight:700; color: #d704b2 !important; font-size: 2.5rem !important; }	
@media (min-width: 1400px) { #testimonials > .container {  max-width: 900px; } }	
#testimonials .quote {  font-size: 90px;color: #d704b2;  }
.home #testimonials h2:after { background: #ffbc0a; }
/*.home #testimonials .slick-prev { left: -8rem; } .home #testimonials .slick-next { right: -8rem; }	 */
	
.testimonial-carousel { background:url(/wp-content/uploads/2025/05/custom-quote-left.png) no-repeat; background-size:75px;   }  /* 142 by 101 pixels */ 
.testimonial-carousel span.content { display:inline-block; vertical-align:top; padding:0 20px 0 100px; min-height:120px;  }
	
/* CUSTOM ARROWS */
.slick-next:before, [dir=rtl] .slick-next:before {
	background:url('/wp-content/uploads/2025/04/arrow-right-gold.webp') no-repeat;
	width:18px; height:30px; display:block;  
}	
.slick-prev:before, [dir=rtl] .slick-prev:before {
	background:url('/wp-content/uploads/2025/04/arrow-left-gold.webp') no-repeat;
	width:18px; height:30px; display:block;  
}
.slick-dots { bottom: -50px; }
.slick-dots li button:before, .slick-dots li.slick-active button:before { border: 2px solid #a111d4; }
	
.testimonials-page > div.row { margin-bottom:30px; }
.testimonials-page div.review { border-bottom:3px solid #ffbc0a; padding-bottom:30px; }
	
#faves .fave div.img-block { border:3px solid #d704b2; box-shadow: #c0c 10px 10px; transition: box-shadow 1000ms 100ms;  }
#faves .fave div.img-block:hover { box-shadow: black 10px 10px; }		
#faves .fave a:hover { text-decoration:none; }		
#faves .fave a:hover h3 { text-decoration:underline; }
	
/* Sidebar page */
@media screen and (min-width:768px) { .page-sidebar { padding-left:30px; border-left: 4px solid #ffbc0a; margin-bottom:3rem;   }	}
	
	
/* woo product */
.woocommerce div.product p.price { color: #000; font-weight:500; font-size: 16px; } 
.woocommerce-variation-price { margin-bottom:1rem; }
.woocommerce div.product span.price { color: #d704b2; font-weight:500; font-size: 22px; }

.woocommerce div.product form.cart table.variations th, .woocommerce div.product form.cart .variations td { display:block; width: 100%; /* font-size:14px; */ }	
.woocommerce div.product form.cart table.variations label { margin-bottom:0;margin-top:5px; }
.woocommerce div.product form.cart table.variations select { padding-left:5px; }	
	
.woocommerce form.cart div.quantity input {  min-height:32px; font-size:14px;   }	
.woocommerce .entry-summary button { background-color: #000; font-size:14px; padding: 5px 12px !important; border: 1px solid #ffb302; }  /* File upload button */	
.woocommerce div.product form.cart .button {  background: #d704b2; font-size:14px; text-transform: uppercase; padding: 1px 12px !important; min-height:32px; border:0  }	 /* Add to Cart */
	
section.related.products { display:table; width:100%;  }	
section.upsells { display:table; width:100%; padding-top:3rem;   }  /*not using yet */
	
/* woo shop page */	
form.woocommerce-ordering { display:none; }	
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price { color: #000; }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button { background: #ffbc0a; }	
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover { background: #d704b2; color:#fff }	
	
/* woo cart */	
.woocommerce-page .cart-collaterals .custom-cart-text { float: left; width: 48%; margin-top:30px;  }	/* if displaying extra text on the cart page */
	
/* woo checkout */	
.woocommerce-page .col-1, .woocommerce-page .col-2 { flex: 0 1 auto; max-width: 100%; padding:0; } /* my account & checkout  */
.woocommerce form .form-row label, .woocommerce-page form .form-row label, .woocommerce-page form .form-row span.woocommerce-input-wrapper {
    display: block; width: 100%;
}
h3#order_review_heading { margin-top: 30px; }

	
/* fun styles */	
.gold-block { background: #ffbc0a; padding: 35px; } 
.outline-block-wrap { padding: 45px 15px 15px; border: 4px solid #d704b2; color: #d704b2; font-size:22px; line-height:1.5;   }
.outline-block { padding:20px 40px; background:#fff;position: relative; margin-top: -60px; }	
.outline-block-wrap-lg { padding: 45px 15px 15px 45px; border: 4px solid #d704b2; color: #d704b2; font-size:22px; line-height:1.5;   }		
.outline-block-lg { padding:40px; background:#fff;position: relative; margin-top: -90px;  }	

@media screen and (max-width:767px) { 
	.gold-block { padding: 10px; }	 
	.outline-block-wrap, .outline-block-wrap-lg { padding: 5px;} 
	.outline-block, .outline-block-lg { padding:10px; margin-top: 0; }
}	
	
.vertical-shapes { background:#fff url('/wp-content/uploads/2025/07/vertical-shapes.png') repeat-y;background-position: top right; }
.bg-dots { min-height:103px; background: #fff url('/wp-content/uploads/2025/08/bg-dots.png') repeat-y; 
	margin: 30px 0; border: 1px solid #d704b2; padding: 10px 10px 10px 90px; display:flex; align-items: center; 
	color: #d704b2; font-size: 26px; font-weight: 500; } 
	
.gold-block.extra-pad { padding: 30px; } 
@media screen and (min-width:768px) {.gold-block.extra-pad { padding: 75px; } }	
	

/* blog */	
.single article { padding-top: 0; }
@media screen and (min-width:768px) { .single .blog-sidebar { padding-top: 0; } }
.blog-sidebar div.widget_search  { margin-bottom: 2rem; }	
.blog-sidebar div.label { font-size: 1.5rem; }
#related-posts h3 { border-top: 1px solid #ffbc0a; padding-top:1.5rem;  }	
	
.gform_required_legend { display:none; }	
.single .wp-block-search__label, .blog .wp-block-search__label { display: none; }  /* label for search wp block */

	
/* fran has difference aspect ratio 774 x 695 */	
.video-container { position: relative; padding-bottom: 90%; height: 0; overflow: hidden; }

	
footer.site-footer { background:#ffbc0a url('/wp-content/uploads/2025/07/starburst.png') no-repeat;background-position: bottom right; }	
	
@media screen and (min-width:992px) { footer.site-footer div.logo { padding:0 30px 7px 15px; } }	
footer.site-footer ul.menu { text-transform:uppercase; }
footer.site-footer ul.menu li { display:inline-block; padding-bottom: .15rem; }	
/* @media screen and (min-width:992px) and (max-width:1200px) { footer.site-footer ul.menu li { width:41%; } }	 */

footer.site-footer div.footer-nav, footer.site-footer .social-wrap { display:inline-block;  }
footer.site-footer .social-wrap { margin-left:8px;  }
footer.site-footer .social-wrap div.svg { display:inline-block; margin-right: 6px; }	
footer.site-footer .logos img { float:left; margin:0 15px 5px 0;  }
@media (max-width: 992px) { footer.site-footer .logos { margin-top:15px; } }
	
footer.site-footer .copyright { border-top: 0; }
footer.site-footer .copyright a { text-decoration:underline; }