/********************** File name : /templates/impress/css/general-custom.css Program desc : It is for override template css and apply our custom css for design. Change Log: mod_date-###-[name] mode desc ------------------- ---------------- 20160530_004_abdulgani Changes in shop menus in menu bar like : reduse space between menus, change hover and background color,display exandable menu when page is load. 20160609_009_abdulgani Solved price display related issue in Responsive view. 20160612_010_abdulgani Responsive menu hover and active color change. 20160623_016_abdulgani Fixing in Responsive View 20160628_018_abdulgani Reduse white space between checkout page 20160705_021_abdulgani Shipping Method created and Check condition on WA city for pipe tobbaco 20160718_026_abdulgani set pipe tobacco menu under shop menu. 20160803_029_abdulgani Set page of Opt-out link. 20170131_042_abdulgani Something about fix shipment, and blue **********************/ /* 20160601_004_abdulgani (new code) */ .vm_menu_top .jux-megamenu .dropdown-menu a { padding: 8px 10px; font: 400 13px "Open Sans", Arial, Helvetica, sans-serif; } .vm_menu_top .dropdown-menu > li > a:hover, .vm_menu_top .dropdown-menu > li > a:focus, .vm_menu_top .dropdown-menu ul.mega-nav.level1 li.active > a, .responsive-menu ul li ul li.active a, .vm_menu_top .dropdown-submenu:hover > a, .vm_menu_top .dropdown-submenu:focus > a {} body #juxvm_mm_163 .jux-megamenu .dropdown-menu li > a:hover {background: #6b292e;color: #fff;text-decoration: none;} body #juxvm_mm_163 .jux-megamenu .dropdown-menu li > a:active {background: #539600;color: #fff;text-decoration: none;} .vm_menu_top .jux-megamenu .mega > .mega-dropdown-menu { min-width: 300px; } body #juxvm_mm_163 .jux-megamenu .dropdown-submenu:hover > a::after { border-color: #fff; } .dropdown.mega .mega-nav.level1 .mega-group-title { display: inline-block; line-height: 18px; padding: 8px 10px !important; width: 100%; } .dropdown.mega .span4.mega-col-nav { margin: 0; padding: 0 } .vm_menu_top .jux-megamenu .dropdown-menu a, .dropdown.mega .mega-nav.level1 .mega-group-title { padding-top: 3px !important; padding-bottom: 3px !important; } ul.log-panel { display: none; } /* 20160613_010_abdulgani (new code) */ .accordeonck{display: none;} /* 20160623_016_abdulgani (new code) */ .cart-popover-cls .popover.bottom { margin-top : 1px;} #com-form-login-remember #remember { margin-bottom:5px;margin-right:5px;} /* 20160623_016_abdulgani (new code end) */ /* 20160628_018_abdulgani (new code) */ #checkoutForm .checkout-button-top { margin : 0px;padding:0px;} #checkoutForm .vm-fieldset-tos { margin : 0px;padding:0px;} #checkoutForm .vm-fieldset-pricelist{ margin : 0px;padding:0px;} #checkoutForm { margin-bottom:0px !important;} .top-custom-button { margin-bottom: 10px !important; padding-bottom: 10px !important; } .cart-view h3 { margin-bottom: 0 !important;margin-top: 0 !important;} #form-login { margin-bottom: 10px !important;} .cart-view form.inline { margin: 0 !important;} .cart-view .billto-shipto { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;} .cart-view form.inline input { margin-bottom: 0 !important;} .cart-view form.inline td { padding-bottom: 0 !important;} .sectiontableentry2.custom-coupon-td > td { padding-top: 0;padding-bottom: 0;} .sectiontableentry1 > td h4 { margin-bottom: 0px;margin-top: 0px;} .cart-summary { margin-bottom: 0px;} /* 20160628_018_abdulgani (new code end) */ /* 20160705_021_abdulgani (new code) */ .disabled-button { cursor: not-allowed; opacity: 0.7; } .vm-shipment-plugin-single { margin-bottom: 10px; padding-bottom: 5px; } .change-shippinglink { float:left;margin-right:10px;} .shipping-free-block span { color: blue; } .color-blue-span { margin-bottom: 0; margin-left: 0 !important; width: 45px !important; color:blue; font-weight:bold; } .free-shipping-label { float: left; margin-bottom: 0; width: 93px; } .strik-amount { float: left; margin-right: 10px; text-decoration-color: red; } /* 20160705_021_abdulgani (new code end) */ /* 20160718_026_abdulgani (new code) */ .pipe-tobacco > a { font-weight:bold !important; } /* 20160718_026_abdulgani (new code end) */ /* 20160803_029_abdulgani (new code) */ .btn.btn-danger { background-color: #ff6600 !important; margin-left: 15px; float:right; } /* 20160803_029_abdulgani (new code end) */ /* 20170131_042_abdulgani (new code) .vmshipment span.vmshipment_cost { display: inline-block; } .vmshipment .color-blue-span { min-height: 0px; } 20170131_042_abdulgani (new code end) */ @media(max-width:1068px) { .accordeonck{ float: left; width: 100%; display: block; position: relative; z-index: 9999; background: #555; padding: 10px; box-sizing:border-box;} .menu-nav{ float: left; width: 100%; display: none !important; background: #555; padding: 10px; box-sizing:border-box;} .accordeonck li .toggler{cursor: pointer; margin: 1px 1px 0 0;} ul#accordeonck170{border: 0 none; box-shadow: none; background: none; padding: 0;} ul#accordeonck170 li a{padding: 6px 40px 6px 15px;} ul#accordeonck170 li{margin: 0; list-style: none; border: 0 none;} ul#accordeonck170 li ul li{margin: 0; list-style: none; border: 0 none; padding-left: 0;} ul#accordeonck170 li.level1 ul{background: #444;} ul#accordeonck170 li.level1 li.level2 ul{background: #343434;} ul#accordeonck170 li.level1 li.level2 li.level3 ul{background: #333;} ul#accordeonck170 li.level1 li.level2 li.level3 li.level4 ul{background: #222;} ul#accordeonck170 li.active > a.isactive {background:#5b9b0c; } } /* 20160613_010_abdulgani (new code end) */ @media(max-width:767px) { .vm_menu_top .mega li:before { content: none !important; } /* 20160609_009_abdulgani (new code) */ .sectiontableentry1.custom-subtotal-td > td { display: inline-block; width: 32%; } .sectiontableentry1.custom-subtotal-td > td:nth-child(4) { text-align: right; } .sectiontableentry2.custom-tax-td > td { display: inline-block; width: 48%; } .sectiontableentry1.custom-tax-td.hidden-mobile-custom { display: none !important; } .sectiontableentry2.custom-tax-td > td:nth-child(2) { text-align: right; } .sectiontableentry2.customtd-total > td { display: inline-block; width: 49%; } .sectiontableentry2.customtd-total > td:nth-child(2), .sectiontableentry2.customtd-total > td:nth-child(3) { width: 0%; } .sectiontableentry2.customtd-total > td:nth-child(4) { text-align: right; } .discount-column > td { width: 49% !important; display: inline-block !important; } .discount-column > td:nth-child(2) { text-align: right; } .hidden-mobile-custom { display: none !important; } .custom-coupon-td .coupon { width: 69%; } /* 20160623_016_abdulgani (new code) */ #userForm .control-buttons button:nth-child(4) { margin-top:10px; margin-left:40%;} /* 20160623_016_abdulgani (new code end) */ /* 20160613_010_abdulgani (new code end) */ } @media(max-width:979px) { #menu .vmcollapse { overflow: visible !important; } #menu #juxvm_mm_163 .jux-nav > li.mega > a::after, #menu #juxvm_mm_163.jux-vertical.jux-right .jux-nav > li.mega > a::after, #menu .jux-vertical.jux-left .jux-nav > li.mega > a::after { border: 0 none !important; border-color: transparent !important; } body #menu .responsive-menu ul#nav.menu-nav * .mega-num-item { display: inline-block !important; } /* 20160609_009_abdulgani (old code) */ /*#menu .juxvm-megamenu .jux-megamenu .dropdown-submenu > a::after,#menu .juxvm-megamenu .jux-megamenu .mega-group > a::after{display: none; font-size: 0; border: 0 none;}*/ /*#menu .responsive-menu ul#nav.menu-nav ul { display: none !important; }*/ /* 20160612_010_abdulgani (old code end) */ /* 20160612_010_abdulgani (new code) */ #menu .responsive-menu ul#nav.menu-nav li.sfHover ul,#menu .responsive-menu ul#nav.menu-nav li:hover ul { display: block !important; } /* 20160612_010_abdulgani (new code end) */ #menu #juxvm_mm_163 .jux-megamenu .dropdown-menu { width: 100% !important; } .responsive-menu ul#nav.menu-nav ul li a { color: #fff !important; } #juxvm_mm_163 { width: 100%; } .juxvm-megamenu .navbar-brand { text-align: left; } #menu .responsive-menu li.parent .link-no-image { width: 94%; display: inline-block !important; } /* 20160612_010_abdulgani (new code) */ #menu .responsive-menu ul#nav.menu-nav li.active a, #menu .responsive-menu ul li.sfHover a, #menu .responsive-menu ul li a:hover { background: #5b9b0c; color: #fff !important; text-decoration: none; } #menu .responsive-menu ul#nav.menu-nav li.parent > li.active > a, #menu .responsive-menu ul#nav.menu-nav > li.parent li > a:hover { background: #5b9b0c !important; color: #fff !important; text-decoration: none; } /* 20160612_010_abdulgani (new code end) */ /*#menu .responsive-menu ul#nav.menu-nav li.parent > li.active.parent > li.active > a,#menu .responsive-menu ul#nav.menu-nav li.parent > li.parent > li > a:hover{background:#5b9b0c !important; color:#fff !important; text-decoration: none;}*/ #menu .responsive-menu ul#nav.menu-nav li { position: relative !important; } #menu .responsive-menu ul#nav.menu-nav li i { height: 30px; position: absolute !important; right: 4px; top: 4px; width: 30px; } .showToggle { display: block !important; } /* 20160612_010_abdulgani (new code) */ #menu .responsive-menu > ul#nav.menu-nav ul li.active > a {background: #5b9b0c !important;} /* 20160612_010_abdulgani (new code end) */ } /* 20160601_001_abdulgani (end new code)*/ /* 20160623_016_abdulgani (new code) */ @media(max-width:360px) { #search-position #searchpanel{width: 185px; right: 45px;} #search-position .search{width: 185px;} #search-position .inputbox{padding: 10px 0 10px 10px; width: 114px;} #search-position .button{padding: 10px 7px;} } /* 20160623_016_abdulgani (new code end) */ /*20170720_061 _Sudama (new code) */ .addtocart-area.ron { float: left; } /*20170720_061 _Sudama (new code end) */ /*20170721_062 _Sudama (new code star) */ .homepage .ssss{ display:block !important; } .ssss{ display:none !important; } /*20170721_062 _Sudama (new code end) */ /*20170728_070_Sudama _Sudama (new code star) */ span.freecond { float: left; width: 100%; color: blue !important; font-size: 15px; } /*20170728_070_Sudama (new code end) */