/*** General CSS ***/
body {
    line-height: 1.9em;
    color: #333;
}
a:hover, a:focus, a:active {
    color: #000;
}

/*** Header Area ***/
/* Header Top */
#sp-top-bar {
    position: relative;
    z-index: 9999;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
  	color: #fff;
  	background: #1b4962;
}
#sp-top-bar a {
  	color: #fff;
}

/* Header Menu */
#sp-header {
    top: 0px;
  	padding: 0px;
    height: inherit;
  	border-top: 2px solid #FDE428;
    background: #2a2829;
  	box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}
#sp-header.header-sticky {
    position: fixed;
    top: 0;
  	background: #2a2829;
  	box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}
body:not(.home) #sp-header {
    background: #2a2829;
    position: static;
}
body:not(.home) #sp-header.header-sticky {
    position: fixed;    
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: #252525;
  	font-size: 14px !important;
    font-weight: 400 !important;
    padding: 10px 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    text-transform: capitalize;
    position: relative;
    color: #fff;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}
.sp-megamenu-parent > li {
    position: relative;
}
#sp-menu ul.social-icons a {
    color: #fff;
}

/* Canvas Menu */
.offcanvas-menu .offcanvas-inner .menu-child > li a {
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(197, 153, 153, 0.21);
    display: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 15px;
    font-weight: 500;
}
.burger-icon>span {
    background-color: #fff;
}
.offcanvas-menu > .align-items-center {
    background: #2a2829;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}

/*** Block Styles ***/
/* Button */
.btn, #sp_qc_submit {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    font-weight: 500;
    font-family: inherit;
    line-height: 2em;
    letter-spacing: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 34px;
    cursor: pointer;
    border: 0!important;
    text-transform: uppercase;
    color: #fff!important;
    border-radius: 5px;
    font-size: 17px;
}
.btn:hover,
#sp_qc_submit:hover {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    background-color: #C19855 !important;
    color: #fff !important;
}
.btn.no-bg {
    background: none!important;
    padding-left: 0!important;
    box-shadow: none!important;
}
.btn-event {
    text-transform: capitalize;
}

/* Title */
.title h6 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.title h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2D2D2D;
    margin: 20px 0 35px;
}
.title.white h2 {
    color: #fff;
}
.title .text {
    color: #C19855;
    margin-bottom: 20px;

}

/* Button */
.button {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: rgba(2, 1, 1, 0);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    padding: 1em 3em 1em 3em;
    letter-spacing: 3px;
}
.button:hover {
    color: #000 !important;
    background-color: #fff;
}

/* Explore */
.explore-item img {
    border-radius: 10px;
}
.icon {
    text-align: right;
    float: right;
    font-size: 15px !important;
}
.explore-item .sppb-addon-title {
    padding: 0 10px;
}

/* Services */
.services-item img {
    width: 32%;
}

/* Menu */
.menu-item .pull-right {
    width: 30% !important;
}

/* Testimonial */
.testimonial-row .sppb-column-addons {
    padding: 40px 40px 40px 40px;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.16);
}
.testimonial-item .pull-left {
    width: 13% !important;
}
.testimonial-item .pull-left img {
    border-radius: 5px;
}
.testimonial-item p {
    letter-spacing: 3px;
}

/* Images */
.et-images-item img {
    border-radius: 10px;
}

/* Get */
.get-item .sppb-media-content {
    padding: 30px 250px 60px;
}
.get-item p {
    font-weight: 800;
}
.delivery .sppb-row-container {
    border-radius: 15px;
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.1);
}

/* Hot Deals */
.first {
    color: #8A8A8A;
    font-size: 27px;
    margin-right: 30px;
}
.last {
    font-size: 60px;
    padding-top: 30px;
    display: inline-block;
    font-weight: 900;
}

/* Event */
.event .sppb-row {
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    background: #FFF;
    padding: 35px 20px 20px 20px;
    border-radius: 10px;
}
.event-item {
    border-left: 1px solid #C5C4C4;
    padding-left: 30px;
    padding-top: 20px;
}

/* Event */
.contact p {
    margin: 0;
}

/* Get */
.get-item img {
    width: 100%;
}

/* Blog */
.jmm-item .jmm-image.mod-article-image {
  	overflow: hidden;
}
.jmm-image.mod-article-image img {
  	transform: scale(1);
  	-webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.jmm-item:hover .jmm-image.mod-article-image img {
  	transform: scale(1.12);
  	filter: grayscale(100%);
}

/* Contact Info */
.contact-info h2, .contact-info h3 {
    font-size: 25px;
}
button.btn.btn-primary.validate {
    color: #fff !important;
    padding: 13px 20px;
}

/* Product */
span.hikashop_product_name {
    padding: 10px 0;
    display: inherit;
}
a.hikabtn.hikacart {
    padding: 10px 20px;
    border-radius: 0;
    font-size: 15px;
    text-transform: uppercase;
    border: none;
    margin-bottom: 30px;
}
a.hikabtn.hikacart:hover {
  	background: #222 !important;
}
.hikashop_subcontainer.thumbnail {
    border: 1px solid #eee;
    border-radius: 0 !important;
}

/* Bottom */
#sp-bottom {
  text-align: center;
}
#sp-bottom .sp-module .sp-module-title {
    position: relative;
    color: #fff;
    font-size: 20px !important;
    margin: 0 0 30px;
    line-height: 1em;
    text-transform: uppercase;
}
#sp-bottom .sp-module .sp-module-title:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 90px;
    height: 2px;
    background-color: #f9c200;
    right: 0;
    margin: 0 auto;
}
#sp-bottom p a {
    font-weight: 700;
}
#sp-bottom #sp-bottom1 h3 {
    display: none;
}
#sp-bottom #sp-bottom1 p {
    font-size: 20px;
}


/* Footer Copyright */
#sp-footer {
    text-align: center;
    display: inline-block;
    width: 100%;
}
#sp-footer .container-inner {
    border-top: 1px solid rgba(255,255,255,.1);
}
#sp-footer1 {
  	padding-top: 5px;
}

/*** Responsive Layout ***/
/* Tablet Landscape Layout */
@media (min-width: 1400px) {
    .sppb-row-container {
      	max-width: 1320px;
    }
}

/* Mobile Standard Layout */
@media (max-width: 768px) {
	#sp-header, #sp-header .logo {
        height: 70px;
    }
  	#sp-footer p {
  		text-align: center;
	}
  	body #sp-header {
      	padding: 0;
	}
  	#sp-header {
    	top: 0px;
	}
  	.jm-category-module.default .jmm-rows.rows-3 > div > .jmm-item {
    	width: 98%;
    	margin: 20px 1%;
	}
  	.get-item .sppb-media-content {
    	padding: 10px;
	}
}

/* Mobile Small Resolution */
@media (max-width: 480px) {
  	.category .sppb-column-addons .clearfix:nth-child(n+2) {
    	width: 100%;
    	margin-right: 0;
	}
}

/* General color defination
Color value depend on preset color that picking on template settings > Presets
*/

:root {
  --background-color: currentColor;
  --background: currentColor;
  --text-color: currentColor;
}
.page-item.active .page-link, .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a, a.hikabtn.hikacart,
.slider-item .sppb-btn-success, .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay,
.btn, #sp-bottom h3:before, .slider-btn a:hover {
 	background-color: var(--background-color) !important;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .article-header h2 a:hover,
#sp-footer a, #sp-bottom a, .title h6, .get-item .sppb-media-content h3, .counter-item h3, .event i {
  	color: var(--text-color) !important; 
}
.btn.bg:hover, #sp-header {
  	border-color: var(--text-color) !important;
}