@charset "utf-8";
/* CSS Document */
@media (min-width: 320px) and (max-width: 990px) {
 .header{
	background:#C5101D;
	    min-height: 100px;
		min-width:10%;

}


}
@media (min-width:321px) and (max-width:415px){
	.template4 {
    overflow: hidden;
    font: 'Open Sans';
    font-size: 13px;
    font-weight: 300;
    position: relative;
   border-top: 5px solid #FFF !important;
    transition: all 1s linear 0s;
    background: #fff;
}
}
@media (min-width:300px) and (max-width:320px){
	.template4 {
    overflow: hidden;
    font: 'Open Sans';
    font-size: 13px;
    font-weight: 300;
    position: relative;
    border-top: 5px solid;
    /* transition: all 1s linear 0s; */
    background: #fff;
}
	.address .add a {
    text-align: center;
    color: #fff;
    font-size: 12px;
}
.shopping {
    margin-top: 3px;
    text-align: center;
}	
	.header img {
	min-height:50px;
}
	
	.PlanPricing {
    /* margin-top: 100px; */
    width: 100% !important;
    margin: 0 auto;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.price h1 {
    font-family: 'Noto Serif', serif;
    text-align: center;
    font-size: 31px;
    font-weight: bold;
    padding: 10px;
    border-bottom: 2px dotted #FFF;
    border-top: 2px dotted #FFF;
    margin: 0 auto;
    width: 44% !important;
    color: #FFF;
    margin-bottom: 80px;
}
.card h1 {
    font-family: 'Noto Serif', serif;
    text-align: center;
    font-size: 31px;
    font-weight: bold;
    padding: 10px;
    border-bottom: 2px dotted #FFF;
    border-top: 2px dotted #FFF;
    margin: 0 auto;
    width: 70% !important;
    margin-top: 21px !important;
}
}
@media (min-width:321px) and (max-width:480px){
.shopping {
    margin-top: 3px;
    text-align: center;
}	
	.card h1 {
    font-family: 'Noto Serif', serif;
    text-align: center;
    font-size: 31px;
    font-weight: bold;
    padding: 10px;
    border-bottom: 2px dotted #FFF;
    border-top: 2px dotted #FFF;
    margin: 0 auto;
    width: 70% !important;
    margin-top: 21px !important;
	}
	
	.template4 {
    overflow: hidden;
    font: 'Open Sans';
    font-size: 13px;
    font-weight: 300;
    position: relative;
    border-top: 5px solid #D1242A;
    transition: all 1s linear 0s;
    background: #fff;
    margin-bottom: 20px !important;
	
}
.price h1 {
    font-family: 'Noto Serif', serif;
    text-align: center;
    font-size: 31px;
    font-weight: bold;
    padding: 10px;
    border-bottom: 2px dotted #FFF;
    border-top: 2px dotted #FFF;
    margin: 0 auto;
    width: 44% !important;
    color: #FFF;
    margin-bottom: 80px;
}

	.PlanPricing {
    /* margin-top: 100px; */
    width: 90% !important;
    margin: 0 auto;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
}
@media (min-width:600px) and (max-width:1920px){
.header img {
	min-height:96px;
}	
}
body{
	padding:0;
	margin:0;
	width: 100%;
}
.header{
	background:#C5101D; /* match the logo red */
	    min-height: 0;
	padding:0;
	line-height:0;
		/*border-top:5px solid #FC0;*/
}
.header a {
	color:#fff;
	text-align:center;
	margin-top:10px;
}
.header .cart{
	font-size:19px !important;
	margin-top:10px;
}
.header .cart:hover{
	font-size:19px !important;
	text-decoration:none;
	color:#FC0;

}
.shopping{
	margin-top:20px;
}

.nospace{
	padding:0 !important;
	margin:0 !important;
}
.banner-bottom{
	background:#8873B4;
}
.more{
	float:none;
	margin-top:35px;
	margin-bottom:20px;
}
.more h4{
	padding:3%;
	margin:0 auto;
	text-align:center;
	width:50%;
	border:2px dotted #FFFFFF;
	color:#FFF;
}
.more h4:hover{
	padding:3%;
	margin:0 auto;
	text-align:center;
	width:50%;
	border:2px dotted #FFFFFF;
	color:#FFF;
	background:#D1242A;
}
.more a{
	text-decoration:none;
	color: #fff;
    padding: 4%;
  
}
.more a:hover{
	text-decoration:none;
	color: #fff;
    padding: 4%;
   
}

.about{
	padding-top:40px;
	padding-bottom:40px;
	background:#B8B2FB;
}
.about img{
	border:6px solid #fff;
	border-radius:6px;
}
.about h1{
	font-family: 'Noto Serif', serif;
	text-align:center;
	font-size:31px;
	font-weight:bold;
	padding:10px;
	border-bottom:2px  dotted #FFF;
	border-top:2px dotted #FFF;
	margin:0 auto;
	width:50%;
}
.about p{
	text-align:justify;
	color:#000;
	font-size:16px;
	font-family: 'Share', cursive;
}
.about .pra{
	margin-top:50px;
}

.card{
	padding-top:40px;
	padding-bottom:40px;
	background:#FF5252;
}
.card img{
	border:6px solid #fff;
	border-radius:6px;
}
.card h1{
	font-family: 'Noto Serif', serif;
	text-align:center;
	font-size:31px;
	font-weight:bold;
	padding:10px;
	border-bottom:2px  dotted #FFF;
	border-top:2px dotted #FFF;
	margin:0 auto;
	width:50%;
}
.card p{
	text-align:justify;
	color:#000;
	font-size:16px;
	font-family: 'Share', cursive;
}
.card .pra{
	margin-top:50px;
}
.price{
	padding-top:40px;
	padding-bottom:40px;
	background:url(../images/prices_bg.jpg);
	background-size:100%;
	
}
.price,h4, p {
	text-align: center;
	color:#F0FB04;
}
.price h1{
	font-family: 'Noto Serif', serif;
	text-align:center;
	font-size:31px;
	font-weight:bold;
	padding:10px;
	border-bottom:2px  dotted #FFF;
	border-top:2px dotted #FFF;
	margin:0 auto;
	width:25%;
	color:#FFF;
	margin-bottom:80px;
	
	
}
.address{
		padding-top:40px;
	padding-bottom:40px;
background:#000;	
	
}
.address h1{
font-family: 'Noto Serif', serif;
	text-align:center;
	font-size:31px;
	font-weight:bold;
	padding:10px;
	border-bottom:2px  dotted #FFF;
	border-top:2px dotted #FFF;
	margin:0 auto;
	width:20%;
	color:#fff;
}

.social  a{
	
	list-style:none;
	text-decoration:none;
	color:#fff;
	font-size: 15px;
	text-align:center;
}
.social a:hover {
	text-decoration:none;
	color:#D1242A;
	font-size: 15px;
	text-align:center;
}
.add a {
	text-align:center;
	color:#fff;
	font-size: 15px;
}
.add a:hover {
	text-decoration:none;
	color:#D1242A;
	font-size: 15px;
	text-align:center;
}

footer{
	padding-top:5px;
	padding-bottom:5px;
	background:#D1242A;
	border-bottom:5px solid #FC0;
}
footer a{
	color:#fff;
}
footer a:hover{
	color:#FFCC00;
	text-decoration:none;
}

/* ---- 2026 layout fixes (tweak numbers as needed) ---- */

/* logo: cap size so a tall logo image doesn't blow up the header (alignment handled by the .container wrapper in header.php) */
.header img{ min-height:0 !important; max-height:140px; width:auto; display:block; border:0 !important; outline:none !important; }
.header a, .header a:focus, .header a:active{ outline:none !important; border:0 !important; box-shadow:none !important; }

/* gap so the card slider under the banner is not cut at the top */
.banner-bottom{ padding-top:40px; }

/* prices: show the two plans side-by-side (horizontal) */
.price .pricing-row{ display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; }
.price .pricing-col{ float:none; margin-bottom:20px; }
.price .PlanPricing.template4{ width:100%; height:100%; }

/* "item added to cart" toast */
.sg-cart-toast{ position:fixed; right:20px; bottom:20px; background:#2cc76a; color:#fff;
	padding:14px 22px; border-radius:6px; font-size:15px; z-index:99999;
	box-shadow:0 3px 10px rgba(0,0,0,.25); opacity:0; transform:translateY(20px);
	transition:.3s; pointer-events:none; }
.sg-cart-toast.show{ opacity:1; transform:translateY(0); }

/* responsive: stack the plans + center/smaller logo on phones */
@media (max-width:767px){
	.price .pricing-col{ width:100%; }
	.about .col-md-6, .card .col-md-6{ margin-bottom:20px; }

	.header{ display:block; min-height:0; padding:10px 0; text-align:center; }
	.header .container > div{ float:none; width:100%; text-align:center; }
	.header img{ max-height:90px; width:auto; margin:0 auto; display:inline-block; }

	/* "More information" button: full-width bar on phones (was a fixed 21% box that overflowed) */
	.more h4{ width:90% !important; max-width:none; display:block; margin:0 auto; padding:14px 10px !important; }
	.more a{ padding:0 !important; }

	/* footer: even spacing on phones, left-aligned (drop empty spacer cols, uniform gaps, no stray <br>) */
	.address [class*="col-md"]:empty{ display:none; }
	.address .social, .address .add{ text-align:left !important; padding-left:24px; }
	.address .add a{ display:block; margin:0 0 14px; text-align:left !important; }
	.address .social a{ display:inline-block; margin:0 18px 8px 0; }
	.address .social br, .address .add br{ display:none; }
}

/* banner (Smart Slider 3) only: fill full width, no white slivers. height is tuned in the plugin so cover ~ no crop. scoped to .banner */
.banner .n2-ss-slide-background-image{
	background-size:cover !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
}
.banner img.n2-ss-slide-background-image,
.banner .n2-ss-slide-background img,
.banner .n2-ss-slide img{
	object-fit:cover !important;
	width:100% !important;
	height:100% !important;
}

/* ---- WooCommerce shop / category pages ---- */
/* undo the theme's site-wide .price/p/h4 bleed on woo pages */
.woocommerce #primary p,
.woocommerce #primary h4,
.woocommerce div.product p,
.woocommerce div.product h4{
	color:#333 !important;
	background:none !important;
	position:static !important;
}
.woocommerce .woocommerce-result-count,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	text-align:center !important;
	color:#333 !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce .price{
	background:none !important;
	color:#77a464 !important;
	position:static !important;
	width:auto !important;
	height:auto !important;
	line-height:normal !important;
	padding:0 !important;
	margin:0 0 8px !important;
	border:0 !important;
	display:block !important;
	font-size:18px !important;
}

/* product grid */
.woocommerce ul.products{
	display:flex !important;
	flex-wrap:wrap;
	gap:30px;
	list-style:none !important;
	margin:25px 0 !important;
	padding:0 !important;
}
.woocommerce ul.products li.product{
	width:calc(25% - 23px) !important;
	float:none !important;
	margin:0 !important;
	padding:15px !important;
	text-align:center;
	background:#fff;
	border:1px solid #eee;
	border-radius:6px;
	box-sizing:border-box;
}
.woocommerce ul.products li.product a img{
	width:100% !important;
	height:auto !important;
	margin:0 0 12px !important;
	border:0 !important;
	border-radius:4px;
}
.woocommerce ul.products li.product .button,
.woocommerce a.button.add_to_cart_button{
	display:inline-block !important;
	margin-top:8px !important;
	background:#D1242A !important;
	color:#fff !important;
	padding:8px 16px !important;
	border-radius:4px !important;
	text-decoration:none !important;
}
.woocommerce ul.products li.product .button:hover{ background:#a91d22 !important; }

@media (max-width:991px){ .woocommerce ul.products li.product{ width:calc(50% - 15px) !important; } }
@media (max-width:575px){ .woocommerce ul.products li.product{ width:100% !important; } }

/* ---- WooCommerce single product page ---- */
.woocommerce div.product{
	max-width:1140px;
	margin:40px auto;
	padding:0 15px;
	display:flex;
	flex-wrap:wrap;
	gap:40px;
	box-sizing:border-box;
}
.woocommerce div.product .woocommerce-product-gallery{
	width:38% !important;
	max-width:380px !important;
	float:none !important;
	margin:0 !important;
}
.woocommerce div.product .woocommerce-product-gallery img{ border-radius:8px; }
.woocommerce div.product .summary.entry-summary{
	width:calc(62% - 40px) !important;
	float:none !important;
	margin:0 !important;
	text-align:left;
}
.woocommerce div.product .product_title{
	font-family:'Noto Serif',serif;
	font-size:30px;
	margin:0 0 12px;
	color:#333;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
	font-size:26px !important;
	color:#D1242A !important;
	font-weight:bold !important;
	margin:0 0 18px !important;
}
.woocommerce div.product .woocommerce-product-details__short-description{ color:#555; margin-bottom:18px; }
.woocommerce div.product form.cart{ margin:18px 0; display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.woocommerce div.product form.cart .quantity input{
	width:70px; height:46px; text-align:center;
	border:1px solid #ccc; border-radius:4px;
}
.woocommerce div.product form.cart .button,
.woocommerce div.product .single_add_to_cart_button{
	background:#D1242A !important; color:#fff !important;
	padding:12px 28px !important; border:0 !important;
	border-radius:4px !important; font-size:16px !important;
	text-transform:uppercase; cursor:pointer; height:auto !important;
}
.woocommerce div.product form.cart .button:hover{ background:#a91d22 !important; }
.woocommerce div.product .product_meta{ margin-top:16px; font-size:14px; color:#777; clear:both; }
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related.products,
.woocommerce div.product .up-sells{ width:100%; float:none !important; margin-top:40px; }
.woocommerce div.product .related.products > h2,
.woocommerce div.product .up-sells > h2{ font-family:'Noto Serif',serif; font-size:24px; margin-bottom:20px; }
.woocommerce #reviews h2,.woocommerce-tabs h2{ font-family:'Noto Serif',serif; }

@media (max-width:767px){
	.woocommerce div.product{ display:block; }
	.woocommerce div.product .woocommerce-product-gallery,
	.woocommerce div.product .summary.entry-summary{ width:100% !important; margin-bottom:20px !important; }
}

/* keep the whole product summary left-aligned (price, desc, cart all line up) */
.woocommerce div.product .summary.entry-summary,
.woocommerce div.product .summary.entry-summary p,
.woocommerce div.product .summary.entry-summary div,
.woocommerce div.product .summary.entry-summary span{ text-align:left !important; }

/* breadcrumb */
.woocommerce .woocommerce-breadcrumb{
	max-width:1140px;
	margin:20px auto 10px;
	padding:12px 18px;
	font-size:13px;
	color:#888;
	background:#f7f7f7;
	border-radius:6px;
	text-align:left !important;
}
.woocommerce .woocommerce-breadcrumb a{ color:#D1242A; text-decoration:none; font-weight:500; }
.woocommerce .woocommerce-breadcrumb a:hover{ text-decoration:underline; }

/* shop / archive: center the content in a container like the rest of the site (don't span full width) */
.woocommerce #primary,
.woocommerce-page #primary,
.woocommerce #primary .site-main{
	max-width:1170px !important;
	width:100% !important;
	margin:0 auto !important;
	float:none !important;
	padding:0 15px;
	box-sizing:border-box;
}

/* reviews: single clean left-aligned column (kills the global p centering/float) */
.woocommerce #reviews{ max-width:1140px; margin:20px auto 0; padding:0 15px; }
.woocommerce #reviews #comments,
.woocommerce #reviews #review_form_wrapper{ width:100% !important; float:none !important; }
.woocommerce #reviews #comments,
.woocommerce #reviews #comments *,
.woocommerce #review_form,
.woocommerce #review_form *{ text-align:left !important; float:none !important; }
.woocommerce #reviews .woocommerce-Reviews-title,
.woocommerce #reviews #comments > h2{ font-family:'Noto Serif',serif; margin-bottom:14px; }
.woocommerce #review_form #respond{ max-width:640px; margin-top:24px; }
.woocommerce #review_form #respond p{ margin:0 0 14px; }
.woocommerce #review_form #respond label{ display:block; margin-bottom:6px; font-weight:600; }
.woocommerce #review_form #respond input[type=text],
.woocommerce #review_form #respond input[type=email],
.woocommerce #review_form #respond textarea{
	width:100%; max-width:640px; box-sizing:border-box;
	border:1px solid #ccc; border-radius:4px; padding:10px;
}
.woocommerce #review_form #respond .comment-form-cookies-consent input{ width:auto; margin-right:8px; }
.woocommerce #review_form input#submit,
.woocommerce #respond input#submit,
.woocommerce input.submit{
	display:inline-block; width:auto;
	background:#D1242A !important; color:#fff !important;
	border:0 !important; border-radius:4px !important;
	padding:12px 30px !important; font-size:15px !important;
	text-transform:uppercase; cursor:pointer;
}
.woocommerce #respond input#submit:hover{ background:#a91d22 !important; }

/* TAGS list (sidebar.php) -> pills */
h3.tag{
	font-family:'Noto Serif',serif; font-size:20px;
	max-width:1140px; margin:30px auto 12px; padding:0 15px;
}
ul.tags{
	max-width:1140px; margin:0 auto 40px; padding:0 15px;
	list-style:none; display:flex; flex-wrap:wrap; gap:10px;
}
ul.tags li{ margin:0; }
ul.tags li a{
	display:inline-block; background:#f1f1f1; color:#444;
	padding:6px 14px; border-radius:20px; font-size:13px;
	text-decoration:none; transition:.2s;
}
ul.tags li a:hover{ background:#D1242A; color:#fff; }

/* home price cards: proper red buttons, side by side (beat template4:hover width:100%) */
.add-to-cart-wrap{ text-align:center; margin-bottom:25px; }
.price .PlanPricing.template4{ padding-bottom:10px; }
.add-to-cart-wrap a,
.template4:hover .add-to-cart-wrap a{
	display:inline-block !important;
	width:auto !important;
	margin:6px 6px 0;
	vertical-align:middle;
	background:#C5101D;
	color:#fff !important;
	padding:10px 22px !important;
	border-radius:4px;
	text-decoration:none !important;
	font-weight:bold;
}
.add-to-cart-wrap a:hover{ background:#a00d18; color:#fff !important; }
.add-to-cart-wrap a:focus, .add-to-cart-wrap a:active{ outline:none !important; box-shadow:none !important; border:0 !important; }

/* footer "Social Links" / "Contact" headings + icon-only social links */
.address{ padding-top:34px; padding-bottom:34px; }
.address .social, .address .add{ text-align:left; }
.social-title{ color:#fff !important; text-align:left !important; font-family:'Noto Serif',serif; font-size:18px; margin:0 0 14px; }
.address .social a, .address .add a{ text-align:left; }
.social a{ font-size:20px !important; line-height:1; margin-right:18px; display:inline-block; vertical-align:middle; }
.social a i, .social a svg{ vertical-align:middle; line-height:1; }
.social a svg{ width:20px; height:20px; }

/* cart page: coupon input wide enough + same height as the Apply coupon button */
.woocommerce #coupon_code{
	width:200px !important;
	max-width:55%;
	height:46px !important;
	padding:0 14px !important;
	box-sizing:border-box;
	vertical-align:middle;
}
.woocommerce .coupon .button,
.woocommerce .coupon button,
.woocommerce .actions .button,
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"]{
	height:46px !important;
	padding:0 20px !important;
	box-sizing:border-box;
	vertical-align:middle;
}