/*** General CSS ***/
body {
    line-height: 1.9em;
}

/*** Header Area ***/
/* Header Top */
#sp-top-bar {
    position: relative;
    z-index: 9999;
}

/* Header Menu */
#sp-header {
    box-shadow: none;
    top: 0;
    height: inherit;
    background: url(../images/menu-bg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}
#sp-header.header-sticky {
    position: fixed;
    top: 0;
    padding: 0;
  	box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}
body:not(.home) #sp-header {
    position: static;
}
body:not(.home) #sp-header.header-sticky {
    position: fixed;    
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-weight: 500;
    text-transform: uppercase;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    font-size: 14px !important;
}

/* 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;
}

/*** Block Styles ***/
/* Button */
.btn,
.slider-btn a,
#sp_qc_submit,
.newsletter table.acymailing_form .button.subbutton {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    font-weight: 600;
    font-family: inherit;
    line-height: 2em;
    letter-spacing: .02em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 34px;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff!important;
    background-color: #F8D840;
    border-radius: 0;
    border: 2px solid #F8D840!important;
}
.btn:hover,
.slider-btn a: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);
}
.btn:hover,
.newsletter table.acymailing_form .button.subbutton:hover {
    background: none;
    color: #F8D840!important;
}
.slider-btn a span:before {
    margin-left: 10px;
}
.btn.no-bg {
    background: none!important;
    box-shadow: none!important;
    border: 2px solid #C8C5BB!important;
    color: #212529!important;
    font-size: 14px;
}
.btn.no-bg:hover {
    border-color: #99978E!important;
}

/* Title */
.title h2 {
    color: #443B3B;
    font-size: 46px;
    line-height: 1.2em;
    font-weight: 600;
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 30px;
}
.title h2:before {
    content: "";
    bottom: 0;
    position: absolute;
    width: 130px;
    height: 22px;
    background: url(../images/line-title.png);
    background-repeat: repeat-x;
}
.title.sppb-text-center h2:before {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.title.sppb-text-center h2 {
    color: #443B3B;
    font-size: 61px;
    font-weight: 900;
    text-transform: uppercase;
}

/* About */
.about-item {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: -100px 0px 0px 0px;
    padding: 80px 80px 30px 80px;
    background: #fff;
}
.btn.bg {
    border-color: #fff!important;
}
.btn.bg:hover {
    background: #fff;
}

/* Testimonial */
.testimonial img {
  	margin: 0 auto;
    max-width: 90px;
}
.testimonial-star em {
    font-size: 20px;
}
.testimonial-star strong {
    display: none;
}
.testimonial p {
   	margin: 15px 0;
}
h4.testimonial-name {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 0;
  	text-transform: uppercase;
}
h5.testimonial-job {
    font-size: 17px;
    margin-top: 10px;
}

/* Service */
.service-item img {
    max-width: 80px;
}

/* Newsletter */
.newsletter .title.sppb-text-center h2:before {
    display: none;
}
.newsletter .acym_module_form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.acym_form .onefield input {
    border-radius: 0 !important;
    padding: 12px 10px !important;
 	max-width: 100% !important;
}
.newsletter .acysubbuttons {
  	text-align: center;
    margin-top: 30px;
}

/* Contact Info */
.contact-info h2, .contact-info h3 {
	font-size: 23px;
}

/* 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%);
}

/* Bottom */


/* Footer Copyright */
div#sp-footer1 {
    text-align: center;
}
#sp-footer .container-inner {
    border-top: 1px solid rgba(255, 255, 255, .1);
}

/*** Responsive Layout ***/
/* Mobile Standard Layout */
@media (max-width: 768px) {
	#sp-header, #sp-header .logo {
        height: 70px;
    }
  	#sp-footer p {
  		text-align: center;
	}
  	body #sp-header {
    	background: #fff;
      	padding: 0;
	}
   .about-item {
    	margin: 0px 0px 0px 0px;
	}
}

/* Mobile Small Resolution */
@media (max-width: 480px) {
  .slider-small h3 {
    	margin-bottom: 0 !important;
  }
  .slider-big h1 {
    	padding: 0 !important;
  }

}

/* 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,
.slider-item .sppb-btn-success, .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay,
.jmm-image.mod-article-image:before, .jmm-image.mod-article-image:after, .about-column.bg, .about-item.bg {
 	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,
.offcanvas-menu .offcanvas-inner ul.menu >li.active a, .about-item.no-bg h4, .about-item.no-bg i,
.title h6, .testimonial-star em, h4.testimonial-name, .service-item h5 {
  	color: var(--text-color) !important; 
}
.tabs .sppb-tab-content, .tabs .sppb-nav-tabs>li.active>a, .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a,
.btn:before {
  	border-color:var(--text-color)!important;
}