/*style-homepage*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');


.products-content h3 a:hover,
.products-content .btn-ordernow a {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#featured-products .heading h2 {
    font-size: 40px;
    color: #250b03;
    font-family: "rift",sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 12px 0;
    font-weight: bold;
}
#featured-products .heading{ 
    text-align: center;
    margin-bottom: 45px;
    width: 100%;
    background-color: #fcdee0;
}
#featured-products {
    width: 100%;
    position: relative;
    display: inline-block;
}
.products-content img{
	float: left;
	width: 100%;
} 
.products-content h3 a:hover{
    color: #9b6f39; 
}
.products-content h3 a{
	color: #250b03;
	text-decoration: none;
}
.products-content h3 span{
	color: #9b6f39;
    padding-left: 5px;
}

.clear{
	width: 100%;
	clear: both;
}
.products-content .col-4{	
    margin-bottom: 46px;
}
.products-content h3 {
    font-size: 25px;
    color: #250b03;
    text-transform: uppercase;
    margin: 16px 0 5px;
    font-family: "rift",sans-serif;
    font-weight: bold;
    letter-spacing: 1.5px;
    float: left;
    width: 100%;
}

.products-content .container{
	width: 1000px;
	max-width: calc(100% - 30px);
	margin: 0 auto;
}
.products-content .fp-content p{ 
    margin: 0 0 20px;
} 
.products-content .fp-content strong{
	font-weight: 700;
}
.products-content .fp-content {
    font-size: 14px;
    color: #000;
    font-family: 'Raleway', sans-serif;
    line-height: 1.8;
    font-weight: 500;
}
.products-content .btn-ordernow a:hover {
	background-color: #fff; 
}
.products-content .btn-ordernow a { 
    color: #250b03;
    font-size: 22.4px;
    font-weight: 700;
    border: 1px solid #250b03;
    border-radius: 4px;
    font-family: "rift",sans-serif;
    padding: 2px 15px;
    text-decoration: none;
    margin: 00;
    clear: both;
    display: inline-block;
    outline: none;
    background-color: #fcdee0;
    box-shadow: 3px 3px 11px -5px black;
    letter-spacing: 1px;
}



.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 
.col-10,
.col-11,
.col-12{
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
	float:left;
}
.row { 
	margin: 0 -10px;
} 
.col-row{
	margin: 0 -10px;
}
.col { 
    max-width: 100%
}

.col-auto { 
    width: auto;
    max-width: 100%
}
@media only screen and (min-width: 768px) {
.col-1 { 
    max-width: 8.33333%
}

.col-2 { 
    max-width: 16.66667%
}

.col-2x { 
    max-width: 20%
}

.col-3 { 
    max-width: 25%
}

.col-4 { 
    max-width: 33.33333%
}

.col-5 { 
    max-width: 41.66667%
}
.col-5x { 
    max-width: 45%
}
.col-7x { 
    max-width: 55%
}

.col-6 { 
    max-width: 50%
}

.col-7 { 
    max-width: 58.33333%
}

.col-8 { 
    max-width: 66.66667%
}

.col-9 { 
    max-width: 75%
}

.col-10 { 
    max-width: 83.33333%
}

.col-11 { 
    max-width: 91.66667%
}

.col-12 { 
    max-width: 100%
}
}

@media only screen and (max-width: 768px) {
	
}

/* ==== Clean footer (no overlays) ==== */
:root{
  --sf-pink:#f8dbe2;
  --sf-pink-dark:#efc5d0;
  --sf-stripe-size:22px;
  --sf-text:#360d05;
}

/* footer shell */
.site-footer.clean-footer{
  background: var(--sf-pink);
  /* stripes baked into the background itself — no ::before */
  background-image:
    repeating-linear-gradient(
      135deg,
      rgba(239,197,208,0.16) 0 var(--sf-stripe-size),
      transparent var(--sf-stripe-size) calc(var(--sf-stripe-size)*2)
    );
  color: var(--sf-text);
}

/* content grid */
.site-footer .footer-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 20px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.site-footer .footer-col p,
.site-footer .footer-col a{ color: var(--sf-text); text-decoration: none; }
.site-footer .footer-col a:hover{ text-decoration: underline; }

.footer-logo img{ height: 5em; width: auto; display: block; }

.footer-menu{ list-style: none; margin: 0; padding: 0; }
.footer-menu li{ margin: 0 0 6px; }

.footer-social{ display: flex; gap: 14px; flex-wrap: wrap; }
.footer-social a{ text-decoration: underline; }

.site-footer .tiny{ font-size: 0.875rem; margin-top: 10px; }

/* responsive */
@media (max-width: 900px){
  .site-footer .footer-inner{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px){
  .site-footer .footer-inner{
    grid-template-columns: 1fr;
  }
}

/* Make sure nothing accidentally hides the footer */
#colophon.site-footer{
  position: relative;       /* normal flow */
  z-index: auto;            /* no stacking war */
  clear: both;              /* clear floats above */
}

/* If any section above uses insane z-index, keep it lower than footer */
#banner-slider,
#banner-slider .n2-ss-slider{ z-index: 1 !important; }