/*
Theme Name: jmsc-pos
Theme URI:  https://wordpress.org/themes/twentytwentyfour/
Description: JMSC POS — clean, lightweight child theme for a Point of Sale system. Built for stores using JMSC POS hardware & software; includes styles and templates tailored for POS pages and animations.
Author:      JMSC POS
Author URI:  https://wordpress.org
Template:    twentytwentyfour
Version:     1.0
*/


/* support start */
.j-n-center{text-align:center;}
.j-num-main, .elementor-871 .elementor-element.elementor-element-b8fe8db.e-con{display: flex;align-items: center;flex-direction: row;justify-content: space-evenly;padding: 0;margin-left: 20px;}
/* support end */

/* faq start */
.j-a-faq-tabs {width: 100%;display: flex;flex-direction: column;gap: 0px;}
.j-a-tab {padding: 18px;background: white;border: none;cursor: pointer;text-align: left;font-weight: 600;border-bottom: 1px solid #E6E6E6;}
.j-a-tab.active {background: #0280E2;color: #fff;}
.j-a-faq-section {display: none;}
.j-a-faq-section.active {display: block;}
/* faq end */

/* invntory system start */
.j-inventory-heading {position: relative; padding-left: 30px;}
.j-inventory-heading::before {content: "";position: absolute;top: 0;left: 0;width: 40px;height: 40px;transform: translateY(-50%);
    background-image: url('https://jmscpos.us/wp-content/uploads/2025/12/Container-14.png');background-size: contain;background-repeat: no-repeat;}

.j-h-new-button{background-color: #111827;color: white;padding: 3px 10px;border-radius: 20px;margin-right: 10px;}
/* inventory system end */

/* inventory management start */
/* .j-i-m-main-colum {position: relative; z-index:-1;}
.j-i-m-main-colum:before, .j-i-m-main-colum:after {content: ''; position: absolute; display: block; background: #fff; opacity: .7;box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
	border-radius: 20px; width: 100%;top: 40px;bottom: 40px; right: -30px; left: 30px; z-index: 1;}
.j-i-m-main-colum:before{left: 50px!important;top: 60px!important;bottom: 60px!important;} */
 .j-i-header{max-width: 1320px;display: flex;align-items: center;justify-content: space-between;}
.j-i-h-phone2{display:none!important;background-color:white;padding:10px;border-radius:50px;}
.j-i-h-col1{width:27%;}.j-i-h-col1 img {width:65%;}.j-i-h-col2 ul, .j-i-h-col2 ul li, .j-i-h-col2 ul li a{display: flex;list-style: none;justify-content: center;align-items: center;}
.j-i-h-col2 ul li{margin-left: 10px;} .j-i-h-get{font-size: 25px;margin-right: 10px;color:white;font-weight: 700;}
.j-i-h-phone a{background-color: white;padding: 10px;border-radius: 10px;text-decoration: none;color: #01467c;margin-left: 20px;}
.page-id-1417 header, .page-id-1417 footer{display:none;}.j-i-m-c-main input, .j-i-m-c-main textarea{font-size:18px;}.j-inventory-textarea textarea {height:100px;}
.j-i-m-testimonial{border: 1px solid black; padding: 20px; border-radius: 20px;height:300px;}
.j-i-m-testimonial h6{margin:0;padding-top:1rem;font-size: 18px;font-weight: 500;font-family: 'Outfit';}
.j-i-m-testimonial p{font-size:15px;}
.j-i-m-testimonial img{width:110px;height:80px!important;}
.strong-view-id-2 .wpmslider-controls{position: absolute; right: 41%;}
/* inventory management end */



/* header-start */
#header{display:none;}
#page > hr:first-child {display: none;}
hr{display:none;}
.j-mobile-toggle-main{display:none;}
header{background: linear-gradient(90deg, #01467C 0%, #0280E2 100%);}
.main-navbar{position: sticky !important; top: 0; z-index: 999;display: flex; max-width: 1320px;justify-content: space-between;margin-left: auto; margin-right: auto; align-items: center;padding: 10px 20px;}
.j-logo a img{max-width: 170px;margin-bottom: -7px;}
.header-top{text-align:center;color:white;border-bottom: 1px solid rgba(246, 246, 246, 0.25);}
.header-top p{margin:0;}
.topBarContainer{display: flex;flex-wrap: wrap;max-width: 1320px;justify-content: space-between;margin-left: auto; margin-right: auto;align-items: center;padding:12px 15px;}
.topBarContactInfo{display: flex;gap: 15px;color: #fff;}
.topBarContactInfo a{color: #fff;text-decoration: none;display: flex;align-items: center;}


.j-menu ul{display: flex;list-style: none;padding-left: 0;} .j-menu ul li a{padding: 10px; text-decoration:none; color: white;}
.j-menu .j-submenu {display: none;position: absolute;top: 128%;left: 0;list-style: none;min-width: 150px;border-radius: 6px;background-color: white;}
.j-menu .j-submenu li{margin:0;padding: 10px;} .j-menu .j-submenu li:hover{background-color:#017ad74d;}
.j-menu .j-submenu li a {padding: 8px 14px;white-space: nowrap;font-size: 14px;font-family: 'Inter';color:black;}
.j-menu ul li > a:only-child::after {content: none !important;}
.j-menu ul li > ul.j-submenu ~ a::after, .j-menu ul li > a + .j-submenu::after {content: "";}
.j-menu ul li > a::after {content: ""; position: absolute;right: -5px;top: 50%;width: 6px;height: 6px;border-left: 2px solid white;border-bottom: 2px solid white;transform: translateY(-50%) rotate(-45deg);transition: 0.3s ease;}
.j-menu ul li:hover > a::after {transform: translateY(-50%) rotate(135deg);}
.j-menu li:hover .j-submenu {display: block;}
.j-menu ul li {position: relative;}
/* mobile menu */
.toggle-checkbox {display: none;}
.j-mobile-menu ul {list-style: none;padding: 0; margin: 0;}
.j-mobile-menu li a,.submenu-label {display: block;padding: 25px 18px;color: white;text-decoration: none;font-size: 16px;border-bottom: 1px solid #e5e7eb;}
.j-mobile-menu li a:hover, .submenu-label:hover {background: #0278d3;}
.j-submenu-mobile {max-height: 0;overflow: hidden;background: #266a9f;transition: max-height 0.35s ease;padding-left: 20px;border-left: 2px solid #3255ff;}
.toggle-checkbox:checked + .submenu-label + .j-submenu-mobile {max-height: 500px; /* enough space */}
.submenu-label {position: relative;cursor: pointer;}
.submenu-label::after {content: "›";position: absolute;right: 18px;font-size: 18px;transform: rotate(90deg);transition: .3s ease;}
.toggle-checkbox:checked + .submenu-label::after {transform: rotate(270deg);}
/* mobile menu */
.j-social-media{display: flex; align-items: center;}  .j-social-media ul{display: flex; align-items: end;list-style: none; padding-left: 0;}.j-social-media ul li{margin-right:5px;} 
.j-social-media ul li a{display:flex;}
.j-social-media-demo{color: #01467C;text-decoration: none; background-color: white;padding: 10px; border-radius: 5px; margin-left: 10px; font-size: 16px;}
/* .j-mobile-nav{position: fixed; top: 0; right: -100%;  width: 80%; height: 100vh;background: white; z-index: 9999;transition: 0.4s ease; display: block;} */
.j-mobile-nav {position: fixed;top: 0; right: -100%; width: 80%; height: 100vh; background: white; z-index: 9999;
  transition: right 0.4s ease;}
.j-mobile-nav.open {right: 0;}
html, body {height: 100%;overflow-x: hidden;}


body.nav-open {overflow: hidden;}
.j-mobile-nav.active {right: 0;}
.mobile-toggle {background: none;border: none;cursor: pointer;display: none;}
.close-btn {background: #05365c;border: none;cursor: pointer;float: right;margin-top: -43px;margin-right: 20px;border-radius: 5px;}
.j-logo-slider figure img{filter: grayscale(100%);} .j-logo-slider figure img:hover{filter: grayscale(0%);}

@media only screen and (max-width: 992px) {
    .topBarContactInfo a span{display: none;}
}
@media only screen and (max-width:767px) {
.j-logo a img{max-width: 140px;margin-bottom: -7px;}
    .topBarContainer{padding: 8px 15px;    justify-content: center;}
}

/* header-end */



/* homepage-body start */
.j-setup-main .j-setup-heading {transition: all 1s ease;}
.j-setup-main:hover .j-setup-heading{padding-left:3rem;}

/* testimonial start */
.wpmtst-testimonial-heading{display:none;}
.strong-view.wpmtst-default .wpmtst-testimonial-inner{border-radius: 20px;}
.strong-view.wpmtst-default .wpmtst-testimonial{border:none!important; border-radius:10px;}
.j-testimonial-contain-main{width:100%;display: flex;align-items: center;border-top:1px solid #DFDFDF;padding-top:20px;margin-top:20px;}
.j-testimonial-img{width:20%}
.j-testimonial-heading{width:80%;}
.j-testimonial-heading h6{margin: 0;font-family: 'Rethink Sans';font-weight: 600;font-size: larger;}
.j-testimonial-heading p{margin: 0;font-size: small;}
.j-testimonial-contain{display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;line-height: 1.5; }
.play-vide-color{color:red;}

/* testimonial end */

/* ad start*/
/* .post-304 .testimonial-inner{border:none;}
.j-retailer-main{display:flex;width:100%;}
.j-ratailer-containt1{width:50%;}
.j-ratailer-containt2{width:50%;display:flex;justify-content: center;align-items: center;flex-direction: column;} */

div#n2-ss-1 .n2-ss-slider-3{border-radius:20px;}

/* ad end */

/* homepage-body end */

/* contact us start */
.follow-social {display: flex;align-items: center;gap: 12px;font-size: 18px;font-weight: 600;}
.follow-social ul {display: flex;gap: 10px;list-style: none;margin: 0;padding: 0;}
.follow-social ul li a img {width: 28px;height: 28px;display: inline-block;}
.contct-row{width:100%;display:flex;gap: 10px;}
.contct-col6{width:50%;}
.contct-col4{width:33.33%;}
.contct-col3{width:25%;}
.contct-col12{width:100%;}
.contct-row input,textarea,select{width:100%;padding: 18px;margin-top: 10px;border: 1px solid #E6E6E6;border-radius: 6px;font-family: 'Outfit';}
.contct-row .contct-col6 p label, .contct-row .contct-col12 p label, .contct-row  .contct-col4 p labe, .contct-row  .contct-col3 p labe{color:#000F41;font-size:16px;font-weight:400;}
.contct-row .contct-col6 p, .contct-row .contct-col12 p, .contct-col4 p, .contct-col4 p{margin: 10px 0;}
.contct-row input:focus,.contct-row textarea:focus, .contct-row select:focus { border: 1px solid #027edf; outline: none;}
.contct-row input,.contct-row textarea, .contct-row select {transition: border-color 0.5s ease;}
.contact-submit-b input{width: 100%;padding: 20px;background-color: #0F172A;color: white;border-radius: 6px;}
.error-submit-b input{padding: 20px;background-color: #0F172A;color: white;border-radius: 6px;}
.reseller-main h3{font-family:'Outfit';font-weight: 400;}
.reseller-main input[type="radio"], .reseller-main input[type="checkbox"]{transform: scale(1.3);}

/* contact us end */

/* blog start*/
.wp-block-template-part{display:none;}
.wp-block-group-is-layout-constrained{padding: 2rem 0!important;margin: 0!important;}
.wp-block-group-is-layout-constrained h1{font-family: inherit;}
.blog-item a{font-size: 22px;font-weight: 600;font-family: 'Outfit';}
.custom-blog-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.blog-item{border: 1px solid #eee;padding: 16px;border-radius: 12px;}
.blog-thumb img{width: 100%;height: auto;border-radius: 10px;}
.blog-item h3{font-size: 18px;margin: 12px 0 8px;}

/* Responsive */
@media(max-width: 1024px){
    .custom-blog-grid{grid-template-columns: repeat(2, 1fr);}
}

@media(max-width: 600px){
    .custom-blog-grid{grid-template-columns: 1fr;}
}

/* blog end */

/* footer star */
#footer{display:none;}
.j-footer{background-color: #111827; color:white;}
.j-footer-contain{width:100%; display: flex; max-width:1320px; margin-left: auto;margin-right: auto; padding-top: 6rem; padding-bottom:4rem; padding-left:20px;padding-right:20px;}
.j-footer-col1{width:32%;} .j-footer-col1 p{margin-right:4rem;margin-bottom:2rem;}
.j-footer-col2{width:28%;}
.j-footer-col3{width:20%;}
.j-footer-col4{width:20%;}
.j-footer-col1 h4, .j-footer-col2 h4, .j-footer-col3 h4, .j-footer-col4 h4{margin-top:0; color:white;font-family: 'Inter';}
.j-footer-col1 ul, .j-footer-col2 ul, .j-footer-col3 ul, .j-footer-col4 ul{padding-left:0;}
.j-footer-col1 ul li, .j-footer-col2 ul li, .j-footer-col3 ul li, .j-footer-col4 ul li{list-style:none;margin: 15px 0px;}
.j-footer-col1 ul li a, .j-footer-col2 ul li a, .j-footer-col3 ul li a, .j-footer-col4 ul li a{color:white;text-decoration:none;}
.j-footer-col1 ul li a img, .j-footer-col2 ul li a img, .j-footer-col3 ul li a img, .j-footer-col4 ul li a img{margin-right:10px;}
.j-footer-col2 ul li{margin-bottom:10px;}
.j-bottom-footer{max-width: 1320px;margin-left: auto;margin-right: auto;display: flex;justify-content: space-between;border-top: 1px solid white;align-items: center;}
.j-bottom-footer-shocial-media{display: flex;} .j-bottom-footer-shocial-media li{list-style:none;margin-right: 10px;}


/* footer end */

/* responsive */
@media only screen and (max-width: 992px) {
/* 	header start */
    .j-mobile-toggle-main{display:block;}
	.main-navbar{padding: 10px 20px;}
	.mobile-toggle{display:block;}
	.has-base-background-color{display:none;}
	.j-menu, .j-social-media{display:none;}
	.j-mobile-nav{width: 100%;position: absolute;background: linear-gradient(90deg, #01467C 0%, #0280E2 100%);z-index: 10;top: 0;}
	.j-mobile-socialmedia{display:flex; align-items: center; padding-left: 8px;} .j-mobile-socialmedia ul{display:flex; padding-left:0;} .j-mobile-socialmedia ul li{list-style:none; margin-left: 5px;}
	
/* header end */
	
	
	
/* homepage-body start */
.j-setup-main:hover .j-setup-heading{padding-left:10px;}
/* homepage-body end */
	
/* 	footer start */
.j-footer-contain {flex-wrap: wrap; gap: 20px;padding: 20px;}
.j-footer-button{font-size:14px; padding:10px;}
.j-footer-col1, .j-footer-col2, .j-footer-col3, .j-footer-col4 {width: 48%;}
.j-footer .j-bottom-footer .j-bottom-footer-copyright{padding:0 20px;}
/* 	footer end */
}

@media only screen and (max-width: 499px) {
.contct-row{flex-direction: column;}
.contct-col6, .contct-col4, .contct-col3{width:100%;}
.j-footer-col1, .j-footer-col2, .j-footer-col3, .j-footer-col4 {width: 98%;}
.j-footer-col1 p, .j-footer-col2 p{font-size:14px;}
.j-footer-col1 .j-footer-button{margin-bottom:20px;}
.j-footer-col1 ul li a, .j-footer-col2 ul li a, .j-footer-col3 ul li a, .j-footer-col4 ul li a{font-size:14px;}
.j-bottom-footer-shocial-media li a img{width:25px;}
.j-bottom-footer{padding:0 10px;}
	
}
@media only screen and (max-width: 767px) {
	.j-bottom-footer{flex-direction: column;text-align: center;}
/* 	inventory management start */
.j-i-h-phone2{display:block!important;} .j-i-h-phone{display:none!important;}.j-i-h-col1 img {width:100%;}.j-i-h-get{display:none;}.j-i-h-col1 {width: 35%;}
/* 	inventory management end */
	
/* support start */
.j-n-center{text-align:center;}
.j-num-main, .elementor-871 .elementor-element.elementor-element-b8fe8db.e-con{margin-left: 0px;}
/* support end */
	
}

@media only screen and (min-width: 1050px) {
	.j-menu ul li a{padding: 10px 15px;}
	
}