/*
Theme Name: kingsfoods
Author: the WordPress team
Author URI: http://kingsfoods.com/
Version: 1.0
Text Domain: kingsfoods.com
*/
body
{
	margin:0px; padding:0px;
	width:100%; height:auto;
	background:#FFF;
	font-family: 'Merriweather Sans', sans-serif; font-size:13px; font-weight:300;
}
div,a,ul,li,section,input,select,textarea,img,p,h1,h2,h3,h4,h5,h6,label
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul,h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px; }
li{ list-style:none; }
a
{
	text-decoration:none; color:#1a0dbd;
}
a:hover
{
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	text-decoration:underline;
}
input,select,button
{
	outline:0px; border:0px;
}
select{ cursor:pointer; }
input[type='submit']{ border:0px; cursor:pointer }

textarea{ 
	font-family:"Open Sans", Arial, sans-serif;
}
a
{
	text-decoration:none; color:#0093DE;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a:hover
{
	text-decoration:underline;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
h1,h2,h3,h4,h5,h6,p,ul,li{ margin:0px; padding:0px; font-weight:inherit; }
img{ border:0px; }
div,li,span,a
{
	list-style:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input,select,textarea{ color:#555; font-family:"Open Sans", Arial, sans-serif; }
input,select,textarea:focus{ outline:0px; }
input,select,textarea
{
	
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
input,select,textarea:focus{ outline:0px; }
button{ border:0px; cursor:pointer; }
button:focus{ outline:0px; }



/* Form Fields */
input[type='text'],textarea,input[type='password'],select,input[type='date'],input[type='time'],input[type='number']
{
	width:100%; height:27px; float:left; outline:0px;
	padding-left:5px; padding-right:5px;
	border:1px solid #CCC;
	font-size:13px; color:#212121; font-family:"Open Sans", Arial, sans-serif;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
    -webkit-transition: width 1s ease;  
    -moz-transition: width 1s ease;  
    -o-transition: width 1s ease;  
    -ms-transition: width 1s ease;  
    transition: width 1s ease;
	
    transition:border 0.7s;
}
input[type='text']:focus,input[type='number']:focus,input[type='password']:focus,textarea:focus,input[type='date']:focus,input[type='time']:focus,select:focus
{
	border:1px solid #198de3;
}
input[type="text"]:disabled{ cursor:not-allowed; }
input[type="submit"]{ border:0px; cursor:pointer; }
button
{
	width:auto; height:27px; float:left;
	background:#070739; border:0px;
	outline:0px; cursor:pointer;
	font-size:12px; color:#FFF;
}
button:hover{ background:#51195e; }
button:active{ background:#5c5c5c; }

.btn
{
	width:auto; height:27px; float:left;
	background:#672b75; border:0px;
	outline:0px; cursor:pointer;
	font-size:12px; color:#FFF;
}
.btn:hover{ background:#51195e; }
.btn:active{ background:#5c5c5c; }


.error
{
	width:98%; height:auto; float:left; position:relative;
	margin-left:1%; margin-right:1%; margin-bottom:25px;
	background:#f64b2f;
	padding:10px; padding-left:35px;
	font-size:13px; color:#FFF; font-weight:600;
}
.error i
{
	font-size:21px; color:#9a1903;
	position:absolute; z-index:99; left:15px; top:12px;
}
.error ul{ margin-left:15px; }
.error li{ margin-bottom:4px; list-style:none; }

.success
{
	width:98%; height:auto; float:left; position:relative;
	margin-left:1%; margin-right:1%; margin-bottom:25px;
	background:#7eb62e;
	padding:10px; padding-left:35px;
	font-size:13px; color:#FFF; font-weight:600;
}

.success i
{
	font-size:21px; color:#598a10;
	position:absolute; z-index:99; left:15px; top:12px;
}
.success ul{ margin-left:15px; }
.success li{ margin-bottom:4px; list-style:none; }

input,select,textarea{ color:#555; font-family:"Open Sans", Arial, sans-serif; }
input,select,textarea:focus{ outline:0px; }
input,select,textarea
{
	
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
input,select,textarea:focus{ outline:0px; }
button{ border:0px; cursor:pointer; }
button:focus{ outline:0px; }
.container{ width:96%; height:auto; max-width:1350px; margin:0 auto; position:relative; }

.pull-right{ float:right; }

#header
{
	width:100%; height:90px; position:fixed; left:0px; top:0px; z-index:999;
	border-bottom:1px solid rgba(255,255,255,0.5);
}

#header.scrolled {
    background: rgba(0,0,0,0.7);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}


#logo
{
	width:auto; height:90px; float:left;
	padding-left:15px; padding-right:15px;
	background:#FFF;
}
#logo img{ height:60px; width:auto; margin-top:15px; }

#header_l
{
	float:left;
	margin-left:5%;
}

#mob-nav
{
	width:55px; height:50px; position:absolute; right:10px; top:10px; display: none;
	margin-top:10px;
	border:3px solid #222;
	font-size:28px; color:#222; text-align:center;
}
#mob-nav i{ line-height:42px; }


#nav
{
	width:auto; height:auto; float: left;
	margin-top:38px;
}
#nav ul
{
	width:auto; height:auto; float:left;
}
#nav ul li
{
	width:auto; height:auto; float:left; margin-right:25px; position:relative;
}
#nav ul li a
{
	width:auto; height:auto; float:left;
	font-size:16px; color:#FFF; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
	padding-bottom:10px;
}
#nav ul li a:hover{ text-decoration:none; }




#nav ul ul
{
	width:230px; height:0px; position:absolute; top:25px; left:0px; z-index:999;
	overflow:hidden;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#nav ul ul:before
{
	display: none;
	position:absolute; top:-1px; left:0%; margin-top:-16px;
	margin-left:24px;
	font-size:26px; color:#222;
	font-family: FontAwesome;
	content: "\f0d8";
}
#nav ul ul li{ width:100%; height:auto; float:left; margin-left:0px; padding-bottom:0px; }
#nav ul ul li a
{
	width:100%; height:auto; float:left;
	font-size:13px; color:#c8c8c8; font-weight:inherit;
	padding-top:15px; padding-bottom:15px; padding-left:20px; padding-right:20px;
	border-bottom:1px solid #333;
	background:#222;
}
#nav ul ul li a:hover{ color:#FFF; text-decoration:none; }

#nav ul li:hover > ul:before{ display:block; }
#nav ul li:hover > ul{ display:block; height:inherit; overflow:inherit; }


#header_call
{
	width: auto; height:auto; float:right; color:#FFF;
	margin-top:25px;
}
#header_call i{ float:left; font-size:42px; margin-right:10px; }
#header_call_r
{
	width:auto; height:auto; float:left;
	font-size:13px; line-height:22px; color:#DDD;
}
#header_call_r strong{ font-size:16px; font-weight:600; color:#FFF; }

/* SLIDER MAIN */
#slider{
  width:100%;
  float:left;
  position:relative;
  height:90vh; /* slider height */
  overflow:hidden;
}

/* GRADIENT OVERLAY */
#slider::before {
  content:'';
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 30%);
  z-index:1;
}

/* SLIDES */
.slide{
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  opacity:0;
  transition:opacity 0.8s ease-in-out;
  z-index:0;
}

.slide.active{
  opacity:1;
  z-index:0;
}

/* IMAGES */
#slider img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* CONTENT */
.content-wrap{
  position:absolute;
  bottom:60px;
  left:0;
  width:100%;
  z-index:2; /* above overlay */
}

.content-inner{
  max-width:1350px;
  margin:auto;
  padding:0 20px;
}

.slide-content{
  width:50%;
  background:rgba(255,255,255,0.75);
  backdrop-filter:blur(12px);
  padding:25px;
  border-radius:12px;
  opacity:0;
  transform:translateY(40px);
  transition:all 0.6s ease;
}

/* ACTIVE CONTENT */
.slide.active .slide-content{
  opacity:1;
  transform:translateY(0);
  transition-delay:0.3s;
}

/* TEXT ANIMATION */
.slide-content h2,
.slide-content p{
  opacity:0;
  transform:translateY(20px);
  transition:all 0.5s ease;
}

.slide.active h2{
  opacity:1;
  transform:translateY(0);
  transition-delay:0.5s;
  font-size:32px; font-weight:400;
  margin-bottom:15px;
}

.slide.active p{
  opacity:1;
  transform:translateY(0);
  transition-delay:0.7s;
  font-size:18px;
}

/* NAV BUTTONS */
.prev, .next{
  position:absolute;
  bottom:70px;
  background:none;
  color:#fff; font-size:32px;
  border:none;
  cursor:pointer;
  z-index:2;
}

.prev{ right:70px; }
.next{ right:20px; }

.prev:hover, .next:hover{
  background:none;
}

/* MOBILE */
@media(max-width:768px){
  .slide-content{
    width:100%;
  }
}

#home_about
{
	width:100%; height:auto; float:left;
	padding-top:65px; padding-bottom:65px;
	background:url(images/bg_white.jpg) no-repeat center;
	background-size:100% auto;
}

/* IMAGE CONTAINER */
#home_about_l {
  width:50%;
  height:auto;
  float:left;
  margin-right:5%;
  position: relative; /* required for overlay */
  overflow: hidden;
}

/* IMAGE */
#home_about_l img {
  width:100%;
  height:auto;
  float:left;
  display: block;
  transition: transform 0.5s ease; /* smooth zoom */
}

/* WHITE LIGHT OVERLAY */
#home_about_l::after {
  content: '';
  position: absolute;
  top:0;
  left:-75%; /* start outside left */
  width:50%;
  height:100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.6) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  pointer-events:none;
}

/* HOVER EFFECT */
#home_about_l:hover::after {
  animation: light-sweep 1s forwards;
}

#home_about_l:hover img {
  transform: scale(1.05); /* slight zoom on hover */
}

/* KEYFRAMES FOR SWEEP */
@keyframes light-sweep {
  0% { left: -75%; }
  100% { left: 125%; }
}



#home_about_r
{
	width:45%; height:auto; float:left;
	margin-top:145px;
}

#home_about_r h2
{
	width:100%; height:auto; float:left;
	margin-bottom:40px;
	font-size:36px; font-weight:600; color:#2354a0;
}

#home_about_r p
{
	width:100%; height:auto; float:left;
	font-size:16px; line-height:34px; text-align:justify; color:#333;
}



#home_products
{
	width:100%; height:auto; float:left;
	padding-top:65px; padding-bottom:95px;
	background:#ecf2fa;
}
#home_products h2
{
	width:50%; height:auto; float:left;
	margin:0px 25% 15px 25%;
	font-size:18px; font-weight:400; text-align:center;
}
#home_products h3
{
	width:100%; height:45px;; float:left;
	margin-bottom:25px;
	font-size:32px; font-weight:600; color:#2354a0; text-align:center;
}


#home_products .owl-carousel{ background:none; }

#home_products .owl-controls
{
	width:110px; position:absolute; z-index:99; left:50%; bottom:-35px;
	margin-left:-55px;
}
#home_products .owl-theme .owl-controls .owl-buttons div{
	width:50px; height:40px;
    color: #FFF;
	background:#2354a0;
    text-align:center; line-height:55px;
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}
#home_products .owl-controls .owl-buttons .owl-prev
{
	left:0%;
}
#home_products .owl-next
{
	right:2%;
}
#home_products .owl-theme .owl-controls .owl-buttons div i
{
	font-size:32px;
}

#home_products ul
{
	width:100%; height:auto; float:left;
}
#home_products ul li
{
	width:100%; height:auto; float:left;
	padding:10px;
}

#home_products ul li a
{
	width:100%; height:auto; float:left;
	padding:10px 10px 0px 10px;;
	background:#FFF;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}
#home_products ul li a:hover
{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.65);
}

#home_products ul li a img
{
	width:100%; height:auto; float:left;
	margin-bottom:15px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}
#home_products ul li a h4
{
	width:100%; height:45px;; float:left;
	font-size:18px; font-weight:400; color:#222; text-align:center;
}



#home_why
{
	width:100%; height:auto; float:left;
	margin-top:65px; margin-bottom:65px;
}

#home_why_l
{
	width:45%; height:auto; float:left;
	margin-right:10%;
}
#home_why_l img
{
	width:100%; height:auto; float:left;
}

#home_why_r
{
	width:45%; height:auto; float:left;
}
#home_why_r h3 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-bottom: 30px;
    font-size: 38px;
    font-weight: 600;
	color:#2354a0;
}


#home_why_r h4 {
    width: 100%; height: auto; float: left;
    margin-bottom: 10px;
    font-size: 22px; font-weight: 400; color:#2354a0;
}

#home_why_r p
{
	width:100%; height:auto; float:left;
	margin-bottom:30px;
	font-size:16px; color:#656565;
}


#footer
{
	width:100%; height:auto; float:left;
	background:#2354a0;
	color:#FFF;
	padding-top:65px; padding-bottom:65px;
}

#footer_about
{
	width:30%; height:auto; float:left;
	margin-right:10%;
}
#footer_about img
{
	width:auto; height:50px; float:left;
	margin-bottom:20px;
	filter: brightness(0) invert(1);
}

#footer_about p
{
	width:100%; height:auto; float:left;
	margin-bottom:30px;
	font-size:16px; color:#EEE; text-align:justify;
}

#footer_about h5
{
	width:100%; height:auto; float:left;
	margin-bottom:15px;
	font-size:18px; color:#EEE; font-weight:600;
}

#footer_about a {
    width:40px;
    height:45px;
    float:left;
    text-align:center;
    color:#e9ecef;
    transition: all 0.3s ease; /* smooth transition */
    position: relative;       /* for pseudo-element animation */
}

/* Icon inside link */
#footer_about a i {
    font-size:22px;
    transition: transform 0.3s ease, color 0.3s ease; /* animate icon */
}

/* Hover color + scale effect */
#footer_about a:hover {
    color:#FFF;
}

/* Icon bounce or scale on hover */
#footer_about a:hover i {
    transform: scale(1.3) rotate(10deg);
}

/* Optional: underline animation using pseudo-element */
#footer_about a::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 0%;
    height: 2px;
    background: #FFF;
    transition: width 0.3s ease, left 0.3s ease;
}

#footer_about a:hover::after {
    width: 60%;
    left: 20%;
}

.quick_links {
    width: 15%;
    min-width: 180px; /* ensures it doesn't get too small on mobile */
    float: left;
}

/* HEADING */
.quick_links h5 {
    font-size: 22px;
    color: #eee;
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 5px;
}

/* Optional underline for heading */
.quick_links h5::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #f39c12; /* accent color */
    border-radius: 2px;
}

/* UL LIST */
.quick_links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* LIST ITEMS */
.quick_links ul li {
    margin-bottom: 18px;
	list-style:inside;
}

/* LINKS */
.quick_links ul li a {
    color: #eee;
    text-decoration: none;
    transition: all 0.3s ease; /* smooth hover */
    position: relative;
	font-size:16px;
}

/* HOVER EFFECT */
.quick_links ul li a:hover {
    color: #f39c12; /* accent hover color */
    padding-left: 5px; /* subtle slide effect */
}


/* RESPONSIVE */
@media (max-width: 768px) {
    .quick_links {
        width: 45%;
        margin-left: 5%;
        margin-bottom: 30px;
    }
    .quick_links ul li a {
        font-size: 16px;
    }
}



/* CONTAINER */
#footer_contact {
    width: 25%;
    float: left;
	margin-left:5%;
}

/* HEADING */
#footer_contact h5 {
    font-size: 22px;
    color: #eee;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 5px;
}

/* Optional underline for heading */
#footer_contact h5::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #f39c12; /* accent color */
    border-radius: 2px;
}

/* DESCRIPTION */
#footer_contact p {
    font-size: 16px;
    color: #ccc;
    line-height: 1.6;
    margin-bottom: 25px; padding-bottom:15px;
	border-bottom:1px solid rgba(255,255,255,0.5);
}

/* LIST */
#footer_contact ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* LIST ITEMS */
#footer_contact ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #eee;
    font-size: 18px;
    transition: color 0.3s ease;
}

/* ICONS */
#footer_contact ul li i {
    margin-right: 10px;
    font-size: 18px;
    color: #f39c12; /* icon accent color */
    width: 20px;
    text-align: center;
    transition: transform 0.3s ease;
}


/* RESPONSIVE */
@media(max-width: 768px){
    #footer_contact {
        width: 90%;
        margin-left: 5%;
        margin-bottom: 30px;
    }
    #footer_contact ul li {
        font-size: 16px;
    }
}

#copy
{
	width:100%; height:auto; float:left;
	border-top:1px solid rgba(255,255,255,0.5);
	margin-top:35px; padding-top:35px;
	font-size:16px; color:#e9ecef; text-align:center;
}
#copy a{ color:#FFF; }


#other_header
{
	width:100%; height:500px; float:left; position:relative;
	background: url(images/other_header.webp) no-repeat top;
	background-size:100% auto;
	margin-bottom:65px;
}

#other_header_conent
{
	width:100%; height:auto; position:absolute; bottom:75px; left:0px;
	color:#FFF; text-align:center;
}


#other_header_conent h1
{
	font-size:46px; font-weight:600;
	margin-bottom:15px;
}

#other_header_conent p
{
	font-size:18px;
}

#other_content
{
	width:100%; height:auto; float:left;
	margin-bottom:50px;
}
#other_content h2
{
	font-size:42px; color:#2354a0; font-weight:600;
	margin-bottom:25px;
}
#other_content h3
{
	font-size:32px; color:#2354a0; font-weight:600;
	margin-bottom:25px;
}
#other_content h4
{
	font-size:22px; color:#2354a0; font-weight:600;
	margin-bottom:25px;
}
#other_content h5
{
	font-size:18px; color:#FFF; font-weight:600;
	margin-bottom:25px;
}
#other_content p
{
	font-size:16px; line-height:26px;
	margin-bottom:25px;
}

#other_content ul
{
	font-size:16px; line-height:26px;
	margin-bottom:25px;
}

#other_content .wp-block-column img{ width:98%; }
#other_content .wp-block-image img{ width:98%; margin-bottom:25px; }


#product_content
{
	width:100%; height:auto; float:left;
	margin-bottom:50px;
}
#product_content ul
{
	width:100%; height:auto; float:left;
}
#product_content ul li
{
	width:31.33%; height:auto; float:left;
	margin-left:1%; margin-right:1%; margin-bottom:25px;
}
/* CONTAINER LINK */
#product_content ul li a {
    width:100%;
    height:auto;
    float:left;
    padding:15px;
    border:1px solid #0A2C0F1A;
    border-radius:10px;
    overflow: hidden; /* important for image hover effects */
    position: relative; /* for overlay */
    transition: box-shadow 0.3s ease;
}

/* IMAGE */
#product_content ul li a img {
    width:100%;
    height:auto;
    float:left;
    margin-bottom:15px;
    border-radius:10px;
    transition: transform 0.5s ease; /* zoom effect */
}

/* IMAGE HOVER: ZOOM */
#product_content ul li a:hover img {
}

/* BLING EFFECT: WHITE SWEEP */
#product_content ul li a::after {
    content: '';
    position: absolute;
    top:0;
    left:-75%;
    width:50%;
    height:100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.5) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    pointer-events: none;
}

/* BLING ANIMATION ON HOVER */
#product_content ul li a:hover::after {
    animation: shine 0.8s forwards;
}

/* KEYFRAMES FOR SHINE */
@keyframes shine {
    0% { left: -75%; }
    100% { left: 125%; }
}
#product_content ul li a h3
{
	width:100%; height:30px; float:left;
	margin-bottom:15px;
	font-size:18px; font-weight:600; color:#2354a0;
}
#product_content ul li a p
{
	width:100%; height:60px; float:left;
	margin-bottom:15px;
	font-size:16px; color:#333; text-align:justify;
}


#contact_l
{
	width:45%; height:auto; float:left;
	margin-right:5%;
}

#contact_r
{
	width:50%; height:auto; float:left;
}

.contact-r-row
{
	width:100%; height:auto; float:left;
	margin-bottom:15px;
}
.contact-r-row label
{
	width:100%; height:auto;; float:left;
	margin-bottom:7px;
	font-size:16px;
}
.contact-r-row input,.contact-r-row select
{
	width:100%; height:45px;; float:left;
	border-radius: 12px
}
.contact-r-row textarea
{
	width:100%; height:95px;; float:left;
	border-radius: 12px
}
.contact-r-row input[type='submit']
{
	width:150px;
	background:#222;
	color:#FFF;
}

#contact_map
{
	width:100%; height:auto; float:left;
	margin-bottom:65px;
}

#contact_map iframe
{
	width:100%; height:450px;; float:left;
	border-radius: 12px
}