/* Theme Name: B-TECH COMPUTER Theme URI: https://www.facebook.com/btechcomputer2 Author: B-tech Author URI: https://www.facebook.com/btechcomputer2 Version: 1.0 Description: */ @font-face{font-family: 'ChakraPetch';src:url(fonts/ChakraPetch-Light.ttf);font-weight: 300;} @font-face{font-family: 'ChakraPetch';src:url(fonts/ChakraPetch-LightItalic.ttf);font-weight: 300;font-style: italic;} @font-face{font-family: 'ChakraPetch';src:url(fonts/ChakraPetch-Regular.ttf);font-weight: 400;} @font-face{font-family: 'ChakraPetch';src:url(fonts/ChakraPetch-Italic.ttf);font-weight: 400;font-style: italic;} @font-face{font-family: 'ChakraPetch';src:url(fonts/ChakraPetch-Medium.ttf);font-weight: 500;} @font-face{font-family: 'ChakraPetch';src:url(fonts/ChakraPetch-MediumItalic.ttf);font-weight: 500;font-style: italic;} @font-face{font-family: 'ChakraPetch';src:url(fonts/ChakraPetch-SemiBold.ttf);font-weight: 600;} @font-face{font-family: 'ChakraPetch';src:url(fonts/ChakraPetch-SemiBoldItalic.ttf);font-weight: 600;font-style: italic;} @font-face{font-family: 'ChakraPetch';src:url(fonts/ChakraPetch-Bold.ttf);font-weight: 700;} @font-face{font-family: 'ChakraPetch';src:url(fonts/ChakraPetch-BoldItalic.ttf);font-weight: 700;font-style: italic;} /* Option */ body{font-size: 14px;color: #333;font-family: 'ChakraPetch';} *{margin:0;padding:0;line-height:1.5} a{text-decoration:none;color:#181818;cursor:poChakraPetch;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out} a:hover,a:focus,a:visited{text-decoration:none;outline:none} a:active,a:hover{color: #1c1877;} ul{padding-left:0;} img{max-width:100%;border:none;height:auto} b,strong{font-weight: bold;} h1,h2,h3,h4,h5,h6{line-height:1.3;margin-top:0;margin-bottom: 1rem;} h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height: normal;} h1{font-size: 24px;} h2{font-size: 20px;} h3{font-size: 18px;} h4{font-size: 16px;} h5{font-size: 14px;} h6{font-size: 14px;} .table{max-width: 100%;table-layout: fixed;word-wrap: break-word;} .img img{width:100%;height:auto;object-fit:cover} .background{background-size:cover;background-repeat:no-repeat;background-position:center} .relative{position: relative;} .overlay{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0, 0, 0, 0.5);} .linkfull{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;} .screen-reader-text{display:none} .head.navbar-fixed-top{position: fixed !important;top: 0;left: 0;width: 100%;z-index: 9999;} @keyframes stuckMoveDown { 0%{transform:translateY(-100%)} 100%{transform:translateY(0)} } @keyframes stuckMoveUp { 0%{transform:translateY(100%)} 100%{transform:translateY(0)} } @keyframes stuckFadeIn { 0%{opacity:0} 100%{opacity:1} } /* Container (FAKE theo từng web) */ .row-margin{--bs-gutter-y:var(--bs-gutter-x);margin-top: calc(-.5 * var(--bs-gutter-y));margin-bottom: calc(-.5 * var(--bs-gutter-y));} .row-margin>*{margin-top: 0;padding-top: calc(var(--bs-gutter-x) * .5);padding-bottom: calc(var(--bs-gutter-x) * .5)} .container-fluid,.container{--bs-gutter-x: 120px;} .row{--bs-gutter-x: 20px;} .flex{display:flex;flex-wrap:wrap} .align-center{align-items:center} .align-end{align-items:flex-end;} .align-start{align-items:flex-start;} .justify-between{justify-content: space-between;} .justify-center{justify-content: center;} .justify-end{justify-content: flex-end;} .justify-start{justify-content: flex-start;} .row-reverse{flex-direction:row-reverse;} .column-reverse{flex-direction:column-reverse;} .container{max-width: 1320px;} /* input-button */ input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="date"],input[type="tel"],textarea,select{width:100%;max-width:100%;display:block;outline:none;border: 1px solid #ccc;padding: 8px 12px;color: #666;font-weight: 500;border-radius: 0;font-size: 14px;line-height: 22px;border-radius: 8px;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #666;} input[type="submit"]{font-weight: 500;padding: 8px 16px;color: #fff;border-radius: 30px;text-align: center;border: none;transition: all .3s;line-height: 22px;font-size: 14px;background: repeating-linear-gradient(to right, #ed1b24 0, #1c1877 50%, #ed1b24 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;border: none;} .select2-container .select2-selection--single{height: 40px;} .select2-container--default .select2-selection--single{border: 1px solid #ccc;} .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 12px;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px;color: #666;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 38px;} .select2-dropdown{border: 1px solid #ccc;} .select2-container--default .select2-search--dropdown .select2-search__field{border: 1px solid #ccc;} .select2-search--dropdown{padding: 4px 4px 12px 4px;} .select2-container--default .select2-results>.select2-results__options{font-size: 14px;} /* Contact-form7 */ form .row{--bs-gutter-x: 20px;} .wpcf7-spinner{position: absolute;} .form-group{margin-bottom: 16px;position: relative;} .form-group label.name{margin-bottom: 5px;font-weight: 600;font-size: 14px;} .form-group label.name span{color: #ff0000;} div.wpcf7 .ajax-loader{position:absolute} .wpcf7-form-control-wrap{position:initial} .wpcf7 .wpcf7-not-valid-tip{position:relative;padding:5px 10px!important;line-height:1.2em;left:auto!important;border-radius:3px;background-color:#f1f1f1!important;border:0!important;color:#000;position:absolute;right:0;top:40px;z-index:99;font-size:12px;margin-bottom:5px} .wpcf7 .wpcf7-not-valid-tip:after{bottom:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;poChakraPetch-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#f1f1f1;border-width:5px;margin-left:-10px} .wpcf7 .wpcf7-validation-errors{display:none!important} .wpcf7 form .wpcf7-response-output{margin: 16px 0 0 0;font-size: 14px;padding: 4px 10px;border-radius: 0;} /* Content-post */ .kk-star-ratings.kksr-valign-bottom{margin-top: 16px;} .wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;} .content-post ul,.content-post ol{padding-left:18px;} .content-post li{position:relative;margin-bottom:6px} .content-post blockquote{background:#f6f6f6;position: relative;padding: 16px 16px 2px 32px;border-radius: 0;} .content-post blockquote:before{content: open-quote;font-weight: bold;font-size: 30px;position: absolute;left: 8px;top: 0;} .content-post blockquote:after{content: close-quote;font-weight: bold;font-size: 30px;position: absolute;bottom: 0;right: 8px;opacity: 0;visibility: hidden;} .content-post .gallery{display:grid;grid-column-gap:16px;grid-row-gap:16px} .content-post .gallery br{display:none} .content-post .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .content-post .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .content-post .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(6,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(7,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(8,1fr)} .content-post .gallery.gallery-columns-5{grid-template-columns:repeat(9,1fr)} .content-post .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:flex-start;float:none !important;flex-wrap: wrap;} .content-post .gallery-item img{border:none!important;width: 100%;height: auto;object-fit: cover;} .content-post a{color: #007bff;} .content-post a:hover{text-decoration:underline} .content-post .wp-caption.aligncenter{max-width:100%!important} img.aligncenter{display:block;margin:0 auto} .content-post .alignnone{margin:0 16px 16px 0} .content-post .aligncenter,.content-post div.aligncenter{display:block;margin:0 auto 16px;} .content-post .alignright{float:right;margin:0 0 16px 16px} .content-post .alignleft{float:left;margin:0 16px 16px 0} a img.alignright{float:right;margin:0 0 16px 16px} a img.alignnone{margin:0 16px 16px 0} a img.alignleft{float:left;margin:0 16px 16px 0} a img.aligncenter{display:block;margin-left:auto;margin-right:auto} .wp-caption{border:none;max-width:100%;padding:0;} .wp-caption.alignnone{margin:0 16px 16px 0} .wp-caption.alignleft{margin:0 16px 16px 0} .wp-caption.alignright{margin:0 0 16px 16px} .wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:100%} .content-post .wp-caption-text{margin:0;padding:6px;text-align: center;background: #eee;font-size: 14px;} /* Widget */ .widget ul,.widget ol{list-style: none;} .widget iframe{width: 100%;height: auto; object-fit: cover;} .widget .gallery{display:grid;grid-column-gap:10px;grid-row-gap:10px} .widget .gallery br{display:none} .widget .gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)} .widget .gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)} .widget .gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)} .widget .gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)} .widget .gallery-item{margin:0!important;width:100%!important;display:flex;align-items:center;float:none} .widget .gallery-item img{border:none!important} /* Remove-woo */ .woocommerce a.remove{width:30px;height:22px;position:relative;transition:opacity 200ms;vertical-align:top;display:block;-webkit-appearance:none;background:none;border:none;cursor:poChakraPetch;outline:none;padding:0;text-indent:-9999px} .woocommerce a.remove:before,.woocommerce a.remove:after{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;left:8px;position:absolute;right:8px;top:2px;display:inline-block;content:''} .woocommerce a.remove:before{height:6px;transform-origin:-7% 100%;-moz-transform-origin:-7% 100%;-webkit-transform-origin:-7% 100%;transition:transform 150ms;-moz-transition:transform 150ms;-webkit-transition:transform 150ms;width:14px} .woocommerce a.remove:after{background-position:-1px -4px;height:12px;margin-left:1px;margin-right:2px;margin-top:4px;width:11px} .woocommerce a.remove:hover:before{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:transform 250ms;-moz-transition:transform 250ms;-webkit-transition:transform 250ms} .woocommerce a.remove:hover{background:transparent} /* Support */ .sticky{position:-webkit-sticky;position:sticky;top:150px;z-index: 9;} .supports{position: fixed;z-index: 999;bottom: 140px;right: 0;display: flex;flex-direction: column; background: repeating-linear-gradient(to right, #ed1b24 0, #1c1877 50%, #ed1b24 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;border-radius: 8px;} .supports .item:not(:first-child){border-top: 1px solid #fff;} .supports .item a{color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 8px;font-weight: 600;padding: 5px;flex-direction: column;gap: 4px;width: 52px;} .supports .item a img{object-fit: contain;width: 20px;height: 20px;} .supports .cart{display: none;} .backtop{position: fixed;right: 8px;bottom: 60px;transition: .5s;z-index: 999;} .backtop a{height:36px;width:36px;border-radius:50%;box-shadow: 0px 0px 5px 0px #00000033;display:flex;align-items:center;justify-content:center; background: repeating-linear-gradient(to right, #ed1b24 0, #1c1877 50%, #ed1b24 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;} .backtop a img{object-fit: contain;width: 24px;height: 24px;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .backtop a:hover{box-shadow: 0px 0px 10px 0px #00000087;} .xoo-wsc-basket{display: none !important;opacity: 0 !important;visibility: hidden !important;} .swiper-button-next, .swiper-button-prev{width: 36px;height: 36px;border-radius: 50%;transform: translateY(-50%);margin-top: 0;background-size: 16px;background-repeat: no-repeat;background-position: center;border: 1px solid #333;background-color: #fff;transition: all .3s;} .swiper-button-next:after, .swiper-button-prev:after{display: none;} .swiper-button-next{background-image: url(images/arrow-right.png);right: 0;} .swiper-button-prev{background-image: url(images/arrow-left.png);left: 0;} .swiper-button-next:hover{background-image: url(images/arrow-right-2.png);border-color: #1c1877;background-color: #f7f7f7;} .swiper-button-prev:hover{background-image: url(images/arrow-left-2.png);border-color: #1c1877;background-color: #f7f7f7;} .swiper-pagination-bullet-active{background: #1c1877;} .home-slider{position: relative;} /* Header */ #menu-mobile{display: none;} #header{border-bottom: 1px solid #ccc;position: relative;z-index: 99;} .header-mobile{display: none;} .hidden-menu{display: none;} .header-main{padding: 10px 0;background: #fff;position: relative;z-index: 99;} .header-main .col-logo{width: 180px;} .header-main .col-nav{width: calc(100% - 180px);display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 10px; align-items: center;padding-left: 20px;} .header-main .hotline{display: flex;align-items: center;width: 325px;justify-content: space-between;} .header-main .hotline a{display: flex;align-items: center;gap: 4px;white-space: nowrap;} .header-main .hotline a .icon{width: 36px;} .header-main .hotline a .icon img{width: 32px;height: auto;object-fit: contain;aspect-ratio: 1/1;} .header-main .hotline a .box{display: flex;flex-direction: column;} .header-main .hotline a .box .name{font-weight: 500;font-size: 13px;color: #333;} .header-main .hotline a .box .value{color: #ed1b24;font-size: 16px;font-weight: bold;animation: zoomout 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;} @keyframes zoomout { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .header-main .cart{width: 36px;} .header-main .cart .icon{display: flex;position: relative;cursor: pointer;width: 36px;align-items: center;justify-content: center;} .header-main .cart .icon img{width: 32px;aspect-ratio: 1/1;object-fit: contain;} .header-main .cart .icon .cout{border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;color: #fff;width: 19px;height: 19px;position: absolute;top: -1px;right: 1px;background: #1c1877;} .header-main .search{width: calc(100% - 36px - 20px - 325px - 20px);} #yith-ajaxsearchform .yith-ajaxsearchform-container{position: relative;} #yith-ajaxsearchform .search-navigation{display: block;} #yith-ajaxsearchform .search-navigation input[type="search"]{margin-bottom: 0;height: 40px;line-height: 38px;padding: 0 100px 0 15px;font-size: 14px;border-radius: 30px;} #yith-ajaxsearchform input[type="submit"]{font-size: 14px;padding: 0 10px;height: 32px;line-height: 32px;position: absolute;top: 4px;right: 4px;border-radius: 30px;} .header-main ul{list-style: none;margin-bottom: 0;} .header-main .menu{display: flex;justify-content: space-between;align-items: center;width: 100%;} .header-main .menu>li.menu-item>a{display: flex;align-items: center;height: 40px;padding: 0 5px;gap: 5px;font-weight: 500;} .header-main .menu>li.menu-item.current-menu-item>a{font-weight: 600;color: #1c1877;} .header-main .menu>li.menu-item>a img{object-fit: contain;width: 18px;height: 18px;} .header-main .menu>li.menu-item>a span{padding: 0;} .header-main .menu>li.cat-pro{height: 40px;display: flex;align-items: center;position: relative;} .header-main .menu>li.cat-pro .name{position: relative;height: 32px; display: flex;align-items: center;gap: 8px;padding: 0 10px;color: #fff;font-weight: 500;justify-content: center;background: #666;cursor: pointer;border-radius: 30px;} .header-main .menu>li.cat-pro .name img{object-fit: contain;width: 18px;height: 18px;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .header-main .menu>li.build-pc a{position: relative;height: 40px; display: flex;align-items: center;gap: 8px;border-radius: 30px;padding: 0 20px;color: #fff;font-weight: 500;justify-content: center;background: repeating-linear-gradient(to right, #ed1b24 0, #1c1877 50%, #ed1b24 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;} .header-main .menu>li.build-pc a:after{content: "";display: block;width: calc(100% - 4px);height: calc(100% - 4px);border: 1px solid #ffffff80;border-radius: 30px;position: absolute;top: 2px;left: 2px;} .header-main .menu>li.build-pc a img{width: 25px;height: 25px;object-fit: contain;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .header-main .menu>li.menu-item{position: relative;} .header-main .menu>li.menu-item ul{position: absolute;display: none;z-index: 99;background: #fff;border: 1px solid #ccc;box-shadow: 0 2px 20px 0 rgba(31, 31, 31, 0.18);min-width: 200px;padding: 8px 0;border-radius: 8px;} .header-main .menu>li.menu-item li{padding: 0 20px;cursor: pointer;} .header-main .menu>li.menu-item li>a{display: flex;align-items: center;gap: 5px;padding: 6px 0;border-bottom: 1px solid #ccc;} .header-main .menu>li.menu-item li:last-child>a{border-bottom: 0;} .header-main .menu>li.menu-item>ul{top: 100%;left: -5px;} .header-main .menu>li.menu-item:hover>ul{display: block;} .header-main .menu>li.menu-item ul ul{left: 100%;top: 0;} .header-main .menu>li.menu-item li:hover>ul{display: block;} .menu-category{list-style: none;margin-bottom: 0;min-height: 100%;position: relative;display: flex;border: 1px solid #ccc;background: #fff;width: 220px;max-width: 100%;flex-direction: column;padding: 6px 0;border-radius: 8px;} .menu-category>li>a{display: flex;align-items: center;gap: 5px;transition: all 0s;min-height: 34px;padding: 2px 15px;font-weight: 500;position: relative;} .menu-category>li>a span{padding: 0 !important;} .menu-category>li>a img{object-fit: contain;width: 20px;height: 20px;position: relative;top: -1px;filter: brightness(0);} .menu-category>li:hover>a{background: #f7f7f7;} .menu-category>li:hover>a img{filter: none;} .menu-category>li.menu-item-has-children>a:after{content: "";width: 12px;height: 12px;background-image: url(images/menu-right.png);background-size: 10px;background-repeat: no-repeat;background-position: center;position: absolute;right: 5px;top: 10px;} .menu-category>li>.wrap-menu{z-index: 99;min-height: calc(100% + 2px);width: 980px;position: absolute;top: -1px;left: calc(100% + 1px);display: none;border-left: 10px solid #f7f7f7;max-width: calc(100vw - 60px - 220px);} .menu-category>li:hover>.wrap-menu{display: flex;flex-direction: column;} .menu-category>li ul{list-style: none;margin-bottom: 0;} .menu-category>li>.wrap-menu>.sub-menu{display: flex;flex-wrap: wrap;border: 1px solid #ccc;padding: 5px 10px;height: 100%;align-content: flex-start;width: 100%;flex: 1;border-radius: 8px;background: #fff;} .menu-category>li>.wrap-menu>.sub-menu>li{width: 20%;padding: 5px 5px 10px;} .menu-category>li>.wrap-menu>.sub-menu>li>a{display: flex;align-items: center;gap: 5px;font-weight: 600;color: #1c1877;} .menu-category>li>.wrap-menu>.sub-menu>li>ul{display: flex;flex-direction: column;gap: 5px;padding-top: 5px;font-size: 13px;} .hidden-category{display: none;position: fixed;z-index: 98; top: 0;left: 0;width: 100%;height: 100%;padding-top: 160px;} .hidden-category.active{display: block;} .hidden-category .line-background{cursor: url(images/close.png) 20 20,default;background: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .hidden-category .menu-category{z-index: 9;} .hidden-category .menu-category>li>.wrap-menu{border-left-color: #696969eb;} body.home .header-main .menu>li.cat-pro:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;} body.home #header.head.navbar-fixed-top .header-main .menu>li.cat-pro:after{display: none;} @keyframes gradient { 0% { background-position: 0 0 } 100% { background-position: -200% 0 } } /* Footer */ .home-policy{background: #f5f5f5;padding: 30px 0;border-top: 1px solid #ccc;} .item-policy{background: #fff;padding: 10px 10px;display: flex;align-items: center;justify-content: center;gap: 10px;min-height: 80px;height: 100%;border-radius: 8px;} .item-policy .icon{width: 36px;height: 36px;} .item-policy .icon img{object-fit: contain;width: 100%;height: 100%;} .item-policy .box{display: flex;flex-direction: column;gap: 3px;} .item-policy .box .name{font-weight: 600;text-transform: uppercase;} .item-policy .box .text{font-size: 12px;text-transform: capitalize;} #footer{border-top: 1px solid #ccc;} .footer-main{padding: 30px 0 20px;font-size: 14px;} .footer-main .widget{width: auto;max-width: 384px;} .footer-main .widget:first-child{max-width: 100%;width: 360px;} .footer-main .widget-title{display: inline-block;border-bottom: 1px solid #333;font-size: 15px;font-weight: bold;line-height: 1.3;margin-bottom: 16px;padding-top: 10px;} .footer-main ul{list-style: disc;padding-left: 16px;} .footer-main li:not(:last-child){margin-bottom: 8px;} .footer-main p,.footer-main ul,.footer-main ol,.footer-main table,.footer-main blockquote,.footer-main h1,.footer-main h2,.footer-main h3,.footer-main h4,.footer-main h5,.footer-main h6{margin-bottom: 8px;} .footer-main .fanpage{margin-bottom: 12px;} .fb_iframe_widget{display: block !important;} .footer-main iframe{max-width: 100%;width: 100% !important;} .fb_iframe_widget span{display: block !important;width: 100% !important;} .footer-main .social{list-style: none;display: flex;padding-left: 0;flex-wrap: wrap;gap: 8px;} .footer-main .social li{margin-bottom: 0 !important;} .footer-main .social li a{border: 1px solid #EAE4E8;border-radius: 0;display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;} .footer-main .social li a img{object-fit: contain;width: 16px;height: 16px;} .footer-main .social li a:hover{background: repeating-linear-gradient(to right, #ed1b24 0, #1c1877 50%, #ed1b24 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;} .footer-main .social li a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .footer-main .info{list-style: none;padding-left: 0;} .footer-main .info li{position: relative;padding-left: 28px;} .footer-main .info li img{object-fit: contain;width: 16px;height: 16px;position: absolute;left: 0;top: 2px;} .footer-bot{color: #fff;font-size: 13px;background: #1c1877;padding: 10px 0;} .footer-bot *{margin-bottom: 0;} .footer-bot .widget-title{display: none;} /* Page */ .breadcrumbs{font-size: 14px;padding: 10px 0;background: #f7f7f7;} .breadcrumbs *{margin-bottom: 0;} .breadcrumbs .separator{padding: 0 3px;} .breadcrumbs .last{font-weight: 500;color: #1c1877;} .page-body{padding: 30px 0;} .page-title{font-weight: bold;margin-bottom: 20px;font-size: 24px;color: #1c1877;} .page-title a{color: #1c1877;line-height: normal;} .page-title img{object-fit: contain;width: 32px;height: 32px;margin-right: 5px;position: relative;top: -1px;} /* Contact */ .contact-form{padding: 20px;background: #f7f7f7;border-radius: 8px;} .contact-info{list-style: none;padding-left: 0;list-style: none;margin-bottom: 20px;display: flex;flex-direction: column;gap: 8px;} .contact-info li{position: relative;padding-left: 28px;} .contact-info li b,.contact-info li strong{font-weight: 600;} .contact-info li img{object-fit: contain;width: 16px;height: 16px;position: absolute;left: 0;top: 3px;} .contact-map{height: 100%;overflow: hidden;padding: 20px;background: #f7f7f7;border-radius: 8px;} .contact-map .box{overflow: hidden;width: 100%;height: 100%;border: 1px solid #ccc;position: relative;border-radius: 8px;} .contact-map iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} /* Category */ .item-news{height: 100%;display: flex;flex-direction: column;gap: 12px;} .item-news .img a{display: block;width: 100%;aspect-ratio: 16/9;overflow: hidden;position: relative;border-radius: 8px;} .item-news .img img{height: 100%;object-fit: cover;transition: all .5s;} .item-news .img .time{position: absolute;z-index: 2;top: 10px;left: 10px;display: flex;flex-direction: column;text-align: center;justify-content: center;align-items: center;background: #fff;width: 36px;height: 36px;font-size: 13px;color: #1c1877;font-weight: 500;} .item-news .img .time span{display: block;line-height: 1;} .item-news .img .time span.day{font-weight: bold;font-size: 16px;} .item-news .info{display: flex;flex-direction: column;gap: 8px;} .item-news .info .name{margin-bottom: 0;font-size: 16px;font-weight: 600;} .item-news .info .desc{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;font-size: 14px;} .item-news .info .desc *{margin-bottom: 0;} .item-news .info .link a{display: inline-flex;align-items: center;gap: 5px;font-weight: 500;font-size: 14px;color: #1c1877;text-decoration: underline;} .item-news .info .link a svg{width: 13px;height: 13px;fill: #1c1877;} .pagination{justify-content: center;padding-top: 20px;} .pagination ul{margin-bottom: 0;list-style: none;display: flex;justify-content: center;align-items: center;gap: 5px;} .pagination ul li{display: block;margin: 0;} .pagination ul li span,.pagination ul li a{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 0;font-weight: 600;font-size: 14px;color: #1c1877;border: 1px solid #1c1877;border-radius: 50%;} .pagination ul li .current,.pagination ul li span:hover,.pagination ul li a:hover{background: #1c1877;color: #fff;} /* Single */ .single-related{margin-top: 20px;} .single-related .list{display: flex;flex-wrap: wrap;margin: -10px;} .single-related .item{width: calc(100% / 3);padding: 10px;display: flex;flex-direction: column;gap: 10px;} .single-related .item .img{width: 100%;aspect-ratio: 16/9;overflow: hidden;border-radius: 8px;} .single-related .item .img img{height: 100%;} .single-related .item .name{margin-bottom: 0;font-size: 14px;font-weight: 600;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} /* Comment-news */ #comments{margin: 0;width: 100%;max-width: 100%;} #wpdcom{margin: 0;max-width: 100%;width: 100%;padding: 0;} #wpdcom .wpd-form .wpdiscuz-textarea-wrap{padding: 10px 0;} #wpdcom #wpd-threads{margin-top: 0;} #wpdcom .wpd-thread-list{padding: 8px 0;} #wpdcom .wpd-prim-button{color: #fff !important;} #wpdcom .wpd-comment .wpd-comment-right{padding-bottom: 12px;} #wpdcom .wpd-blog-guest .wpd-comment-author, #wpdcom .wpd-blog-guest .wpd-comment-author a{color: #566ba0;} #wpdcom .wpd-blog-administrator .wpd-comment-author, #wpdcom .wpd-blog-administrator .wpd-comment-author a{color: #566ba0;} #wpdcom .wpd-up svg{fill: #566ba0 !important;} #wpdcom .wpd-blog-administrator .wpd-comment-label{background-color: #566ba0;} #wpdcom.wpd-layout-1 .wpd-comment .wpd-blog-administrator .wpd-avatar img{border-color: #566ba0;} #wpdcom .wpd-up{color: #566ba0 !important;} /* Sidebar */ .page-sidebar .widget:not(:last-child){margin-bottom:30px} .page-sidebar .tagcloud{display:flex;flex-wrap:wrap} .page-sidebar .tagcloud a{display: inline-block; font-size:14px!important;height:30px;padding:0 10px;line-height:30px;background-color:#ECECEC;border-radius:3px;margin:0 5px 5px 0} .page-sidebar .widget_media_image img{width: 100%;height: auto;object-fit: contain;} .page-sidebar .sidebar-banner{display: flex;flex-direction: column;gap: 15px;} /* Product */ .sale-flash{display: none;} .taxonomy-banner{margin-bottom: 16px;} .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{display: none;float: none;} .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{float: none;display: none;} .term-description{border-top: 1px solid #ccc;padding-top: 20px;margin-top: 20px;} .taxonomy-filter{display: flex;gap: 8px;margin-bottom: 20px;flex-wrap: wrap;} body.post-type-archive .taxonomy-filter{display: none;} .taxonomy-filter .title{display: flex;padding: 0 10px;height: 32px;border: 1px solid #1c1877;color: #fff;font-weight: 500;gap: 5px;align-items: center;justify-content: center;width: 94px;cursor: pointer;background: #1c1877;border-radius: 5px;} .taxonomy-filter .title svg{width: 22px;height: 22px;fill: #fff;} .yith-wcan-filters{margin-bottom: 0;background-color: transparent;width: calc(100% - 102px);} .yith-wcan-filters form{display: flex;flex-wrap: wrap;gap: 8px;} .yith-wcan-filters .yith-wcan-filter{margin-bottom: 0;position: relative;} .yith-wcan-filters .yith-wcan-filter .filter-title{margin-bottom: 0;cursor: pointer;display: flex;padding: 0 10px;height: 32px;border: 1px solid #ccc;color: #333;font-weight: 500;gap: 5px;align-items: center;justify-content: center;font-size: 14px;border-radius: 5px;} .yith-wcan-filters .yith-wcan-filter.active .filter-title{border-color: #1c1877;color: #1c1877;} .yith-wcan-filters .yith-wcan-filter .filter-title:after{content: ""; display: block;width: 12px;height: 12px;background-image: url(images/menu-down.png);background-size: cover;background-repeat: no-repeat;background-position: center;} .yith-wcan-filters .yith-wcan-filter .filter-content{display: none;background: #fff;z-index: 9;width: 250px;padding: 10px;position: absolute;top: calc(100% + 5px);left: -5px;box-shadow: 0 2px 20px 0 rgba(31, 31, 31, 0.18);border: 1px solid #ccc;border-radius: 5px;} .yith-wcan-filters .yith-wcan-filter.active .filter-content{display: block;} .yith-wcan-filters .yith-wcan-filter .filter-items{margin-bottom: 0;display: flex;flex-direction: column;gap: 5px;} .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a{font-weight: 500;display: flex;align-items: center;flex-wrap: wrap;font-size: 14px;gap: 5px;} .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item .item-count{margin-left: auto;font-size: inherit;} .list-product{display: flex;flex-wrap: wrap;margin: -10px;} .list-product .item-product{padding: 10px;width: 20%;} .swiper-product{margin: -10px;} .swiper-product .item-product{padding: 10px;height: 100%;} .swiper-product .swiper-slide{height: auto;} .product-prev{left: -18px;} .product-next{right: -18px;} .item-product{display: flex;flex-direction: column;gap: 10px;} .item-product .img{aspect-ratio: 1/1;overflow: hidden;} .item-product .img img{height: 100%;} .item-product .info{flex: 1;flex-direction: column;display: flex;text-align: center;gap: 10px;} .item-product .info .name{font-weight: 600;font-size: 14px;margin-bottom: 0;overflow: hidden;text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .item-product .info .flex{margin-top: auto;} .item-product .info .price{display: flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;gap: 2px;flex-direction: column;} .item-product .info .price *{line-height: normal;} .item-product .info .price .amount{font-weight: bold;color: #ed1b24;font-size: 14px;display: block;} .item-product .info .price del{color: #666;} .item-product .info .price ins{text-decoration: none;} .item-product .info .price del .amount{color: #666;font-weight: 500;} .item-product .info .link{display: flex;align-items: center;justify-content: center;font-size: 12px;text-transform: uppercase;letter-spacing: .5px; height: 24px;color: #fff;font-weight: 500;background: repeating-linear-gradient(to right, #ed1b24 0, #1c1877 50%, #ed1b24 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;border-radius: 4px;padding: 0 10px;} /* Detail */ .detail-head{background: #f7f7f7;padding: 20px;border-radius: 8px;} .detail-image .swiper-gallery .img{width: 100%;aspect-ratio: 1/1;overflow: hidden;background: #fff;} .detail-image .swiper-gallery .img img{height: 100%;} .detail-image .swiper-thumb .img{padding: 5px;margin-top: 10px;cursor: pointer;} .detail-image .swiper-thumb .img img{border: 1px solid #ccc;width: 100%;aspect-ratio: 1/1;} .detail-image .swiper-thumb .swiper-slide-thumb-active .img img{border-color: #ed1b24;} .gallery-prev,.gallery-next{opacity: 0;visibility: hidden;} .swiper-gallery:hover .gallery-next{opacity: 1;visibility: visible;right: 10px;} .swiper-gallery:hover .gallery-prev{opacity: 1;visibility: visible;left: 10px;} .woocommerce div.product .woocommerce-product-rating{margin-bottom: 10px;font-size: 14px;} .woocommerce .star-rating span::before{top: -3px;color: #ffbc00;} .woocommerce div.product .product_title{font-size: 20px;font-weight: 700;margin-bottom: 6px;color: #1c1877;} .detail-info .price{margin-bottom: 12px;} .detail-info .price .screen-reader-text{display: none;} .detail-info .price .amount{font-weight: bold;font-size: 20px;color: #ed1b24;display: block;} .detail-info .price del{opacity: 1 !important;margin-right: 10px;color: #666;} .detail-info .price ins{text-decoration: none;} .detail-info .price del .amount{font-size: 16px;font-weight: 500;color: #666;} .detail-info .quatang {border: 2px solid #ed1b24;margin-bottom: 12px;overflow: hidden;background: #fff;border-radius: 8px;} .detail-info .quatang .title {padding: 6px 8px 6px 12px; background: #ed1b24;color: #fff;font-size: 14px;font-weight: 600;} .detail-info .quatang .title img {width: 18px;object-fit: contain;height: 18px; margin-right: 8px;position: relative;top: -2px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);} .detail-info .quatang .list {list-style: none;margin-bottom: 0;padding: 8px 8px 8px 13px;} .detail-info .quatang .list li:not(:last-child) {margin-bottom: 6px;} .detail-info .quatang .list li {font-size: 14px;padding-left: 24px;position: relative;} .detail-info .quatang .list li:before {content: ""; display: block;width: 16px; height: 16px;background-image: url(images/checked-gift.png);background-size: cover;background-repeat: no-repeat;background-position: center; position: absolute;left: 0;top: 2px;} .woocommerce-product-details__short-description li{margin-bottom: 3px;} .woocommerce-product-details__short-description p,.woocommerce-product-details__short-description ul,.woocommerce-product-details__short-description ol,.woocommerce-product-details__short-description table,.woocommerce-product-details__short-description blockquote,.woocommerce-product-details__short-description h1,.woocommerce-product-details__short-description h2,.woocommerce-product-details__short-description h3,.woocommerce-product-details__short-description h4,.woocommerce-product-details__short-description h5,.woocommerce-product-details__short-description h6{margin-bottom: 8px;} .woocommerce div.product form.cart{margin-bottom: 0;} .quantity input::-webkit-outer-spin-button,.quantity input::-webkit-inner-spin-button {display: none;margin: 0;} .quantity input.qty {appearance: textfield;-webkit-appearance: none;-moz-appearance: textfield;} .quantity{display: flex;flex-wrap: nowrap;} .woocommerce div.product form.cart div.quantity{float: none;margin: 0 0 10px;} .woocommerce div.product form.cart div.quantity:before{content: "Số lượng:";display: block;font-weight: 500;font-size: 14px;padding: 5px 10px 0 0;} .quantity input[type="button"]{height: 32px;width: 22px;border: 1px solid #ddd;text-shadow: 1px 1px 1px #fff;color: #666;background: transparent;} .quantity input.minus{border-right: 0;border-radius: 30px 0 0 30px;} .quantity input.plus{border-left: 0;border-radius: 0 30px 30px 0;} .quantity input[type="number"]{padding: 0;height: 32px !important;width: 28px !important;border-radius: 0;border-left: 0;border-right: 0;text-align: center;background: transparent;border-top-color: #ed1b24;border-bottom-color: #ed1b24;} .woocommerce div.product form.cart .flex{gap: 10px;} .woocommerce div.product form.cart .button{float: none;width: calc(50% - 5px);font-size: 14px;padding: 0 10px;display: flex;align-items: center;justify-content: center;text-align: center;height: 36px; font-weight: 600;border-radius: 0;background: #1c1877; background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;border-radius: 5px;} .woocommerce div.product form.cart a.added_to_cart{display: none;} .detail-info .support{list-style: none;margin-bottom: 0;display: flex;justify-content: space-between;gap: 10px;margin-top: 10px;} .detail-info .support li{width: calc((100% - 20px) / 3);} .detail-info .support a{display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 600;font-size: 13px;gap: 5px;height: 36px;border-radius: 5px;} .detail-info .support a img{object-fit: contain;width: 18px;height: 18px;} .detail-info .support a:hover{box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);} .detail-info .support .hotline a{background: #B22222;} .detail-info .support .messenger a{background: #0068FF;} .detail-info .support .zalo a{background: #00B2FF;} .detail-policy{display: flex;flex-direction: column;gap: 10px;background: #fff;padding: 10px;border-radius: 8px;} .detail-policy .title{display: flex;align-items: center;gap: 5px;font-weight: 600;font-size: 16px;line-height: 1.2;} .detail-policy .title img{object-fit: contain;width: 30px;height: 30px;} .detail-policy .title span{width: calc(100% - 35px);} .detail-policy .list{list-style: none;margin-bottom: 0;display: flex;flex-direction: column;gap: 8px;padding-left: 35px;font-size: 14px;} .detail-policy .list li{position: relative;} .detail-policy .list li:before{content: "";display: block;width: 2px;height: 3px;border-radius: 50%;background: #333;position: absolute;left: -8px;top: 9px;} .detail-sidebar .link{margin-top: 15px;} .detail-sidebar .link a{display: inline-flex;align-items: center;gap: 5px;font-weight: 600;font-size: 14px;color: #1c1877;} .detail-sidebar .link a img{object-fit: contain;width: 20px;height: 20px;} .detail-body{margin-top: 20px;} .detail-body .inner{background: #f7f7f7;padding: 20px;border-radius: 8px;} .detail-body .inner:not(:last-child){margin-bottom: 20px;} .title-pro,.woocommerce #reviews #comments h2{font-weight: 700;font-size: 18px;padding-bottom: 5px;border-bottom: 1px solid #ccc;margin-bottom: 20px;position: relative;} .title-pro:after,.woocommerce #reviews #comments h2:after{content: "";display: block;width: 100px;height: 2px;background: #1c1877;position: absolute;bottom: 0;left: 0;} .content-tab{font-size: 13px;} .content-tab a{color: #007bff;} .content-tab table{width: 100% !important;font-weight: 500;margin-bottom: 0;} .content-tab table td{border-color: #fff;line-height: 1.3;vertical-align: middle;} .content-tab table td:first-child{border-left: 0;border-radius: 5px 0 0 5px;} .content-tab table td:last-child{border-right: 0;border-radius: 0 5px 5px 0;} .content-tab table tr{border-width: 0;} .content-tab table tr:nth-child(odd) td{background: #fff;} .content-tab table th:nth-child(1),.content-tab table td:nth-child(1){width: 25%;white-space: nowrap;} .content-tab table th:nth-child(2),.content-tab table td:nth-child(2){width: 50%;} .content-tab table th:nth-child(3),.content-tab table td:nth-child(3){width: 25%;} .detail-related{background: #f7f7f7;padding: 20px;margin-top: 20px;border-radius: 8px;} /* Comment-Woo (Plugin: Customer Reviews for WooCommerce) */ .cr-all-reviews-shortcode .cr-review-form-item, .cr-ajax-reviews-review-form .cr-review-form-item, .cr-reviews-grid .cr-review-form-item{max-width: 100%;padding: 16px 0;} .cr-ajax-reviews-review-form .cr-review-form-item{display: none;} .cr-onsite-ratings .cr-review-form-rating, .cr-review-form-rating-overall .cr-review-form-rating{max-width: 100%;} .cr-all-reviews-shortcode .cr-review-form-comment, .cr-ajax-reviews-review-form .cr-review-form-comment, .cr-reviews-grid .cr-review-form-comment{max-width: 100%;} .cr-all-reviews-shortcode .cr-review-form-ne, .cr-ajax-reviews-review-form .cr-review-form-ne, .cr-reviews-grid .cr-review-form-ne{max-width: 100%;} .cr-all-reviews-shortcode .cr-form-item-media, .cr-ajax-reviews-review-form .cr-form-item-media, .cr-reviews-grid .cr-form-item-media{max-width: 100%;} .cr-form-item-media-none{padding: 20px;background: #fff;border-radius: 8px;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-submit{background-color: #1c1877;border-radius: 8px;} .cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-submit:hover, .cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-submit:hover, .cr-reviews-grid .cr-review-form-buttons .cr-review-form-submit:hover{background-color: #566ba0;} .cr-all-reviews-shortcode .cr-review-form-result, .cr-ajax-reviews-review-form .cr-review-form-result, .cr-all-reviews-shortcode .cr-review-form-not-logged-in, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in, .cr-reviews-grid .cr-review-form-result, .cr-reviews-grid .cr-review-form-not-logged-in{max-width: 100%;padding: 16px 0;} .cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue{padding: 0 24px;border-radius: 48px;background-color: #1c1877;} .cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue:hover, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue:hover, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue:hover{background-color: #566ba0;} .cr-all-reviews-shortcode .cr-count-row, #reviews.cr-reviews-ajax-reviews .cr-count-row{background-color: #fff;padding: 8px 16px;margin: 16px 0;} #reviews.cr-reviews-ajax-reviews{font-size: 14px;} #reviews.cr-reviews-ajax-reviews .cr-ajax-search, .cr-all-reviews-shortcode .cr-ajax-search{margin: 16px 0;display: none;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav .cr-nav-left span, .cr-qna-block .cr-review-form-nav .cr-nav-left span{font-size: 14px;} .cr-all-reviews-shortcode .cr-review-form-rating-overall .cr-review-form-rating-label, .cr-ajax-reviews-review-form .cr-review-form-rating-overall .cr-review-form-rating-label, .cr-reviews-grid .cr-review-form-rating-overall .cr-review-form-rating-label{font-size: 14px;} .cr-all-reviews-shortcode .crstar-rating span::before, .cr-reviews-grid .cr-summaryBox-wrap .crstar-rating span::before, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .crstar-rating span::before, #reviews #comments .cr-summaryBox-wrap .crstar-rating span::before{top: -4px;} .cr-all-reviews-shortcode ol.commentlist li .comment-text p, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text p{margin: 8px 0;} .cr-all-reviews-shortcode ol.commentlist li .comment-text .meta .woocommerce-review__author, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment-text .meta .woocommerce-review__author{font-weight: 600;text-transform: capitalize;} .cr-all-reviews-shortcode ol.commentlist li, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list li{margin: 0 0 16px 0;} .cr-all-reviews-shortcode ol.commentlist, #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list{padding: 16px;background: #fff;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt{height: 26px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt>svg{width: 26px;height: 26px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-val{font-size: 18px;color: #1E293B;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-rating-cnt .cr-nosummary-rating-lbl{font-size: 16px;color: #444;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add{border-radius: 0;border: none;padding: 0 16px;background-color: #1c1877;font-size: 14px;font-weight: 500;height: 36px;} .cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add:hover{background-color: #566ba0;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-nav, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-nav, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-nav{background: #fff;border-left: 1px solid #E5E9EB;border-right: 1px solid #E5E9EB;border-radius: 8px;} .cr-all-reviews-shortcode .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-ajax-reviews-review-form .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel, .cr-reviews-grid .cr-review-form-wrap .cr-review-form-buttons .cr-review-form-cancel{} .cr-all-reviews-shortcode .cr-review-form-buttons .cr-review-form-cancel:hover, .cr-ajax-reviews-review-form .cr-review-form-buttons .cr-review-form-cancel:hover, .cr-reviews-grid .cr-review-form-buttons .cr-review-form-cancel:hover{background-color: #4D5D64;color: #fff;} .cr-all-reviews-shortcode .cr-review-form-comment .cr-review-form-comment-txt, .cr-ajax-reviews-review-form .cr-review-form-comment .cr-review-form-comment-txt, .cr-reviews-grid .cr-review-form-comment .cr-review-form-comment-txt{} .cr-all-reviews-shortcode .cr-review-form-ne .cr-review-form-txt, .cr-ajax-reviews-review-form .cr-review-form-ne .cr-review-form-txt, .cr-reviews-grid .cr-review-form-ne .cr-review-form-txt{} .cr-all-reviews-shortcode .cr-review-form-buttons, .cr-ajax-reviews-review-form .cr-review-form-buttons, .cr-reviews-grid .cr-review-form-buttons{max-width: 100%;padding: 0;} #reviews.cr-reviews-ajax-reviews div.cr-ajax-reviews-cus-images-div{display: none;} .cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner{height: 20px;} .cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-inner svg{width: 20px;height: 20px;} .cr-review-form-rating-overall .cr-review-form-rating .cr-review-form-rating-cont .cr-review-form-rating-nbr{line-height: 20px;height: 20px;font-size: 14px;position: relative;top: 2px;} .iv-comment-image{border-radius: 0;} #reviews.cr-reviews-ajax-reviews #comments.cr-reviews-ajax-comments .cr-ajax-reviews-list .comment_container .comment-text, .cr-all-reviews-shortcode ol.commentlist li .comment-text{border-radius: 0;} /* Cart */ body.woocommerce-checkout h1.page-title,body.woocommerce-cart h1.page-title{display: none;} .woocommerce-error, .woocommerce-info, .woocommerce-message{margin: 0 0 20px;border-top-color: #1c1877;font-size: 14px;border-radius: 8px;} .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{color: #1c1877;} .woocommerce-tabs.wc-tabs-wrapper{display: none;} .woocommerce nav.woocommerce-pagination{padding-top: 20px;} .woocommerce .woocommerce-pagination ul.page-numbers,.woocommerce-page .woocommerce-pagination ul.page-numbers{border:0;margin:0;display: flex;justify-content: center;align-items: center;gap: 5px;} .woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{float: none;margin: 0;border: none;} .woocommerce .woocommerce-pagination ul.page-numbers li a,.woocommerce .woocommerce-pagination ul.page-numbers li span,.woocommerce-page .woocommerce-pagination ul.page-numbers li a,.woocommerce-page .woocommerce-pagination ul.page-numbers li span{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 14px;color: #1c1877;border-radius: 0;font-weight: 600;border: 1px solid #1c1877;border-radius: 50%;} .woocommerce .woocommerce-pagination ul.page-numbers li a.current,.woocommerce .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce .woocommerce-pagination ul.page-numbers li span.current,.woocommerce .woocommerce-pagination ul.page-numbers li span:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li a.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li a:hover,.woocommerce-page .woocommerce-pagination ul.page-numbers li span.current,.woocommerce-page .woocommerce-pagination ul.page-numbers li span:hover{color:#fff;background-color:#1c1877;} .woocommerce .woocommerce-pagination ul.page-numbers li .next,.woocommerce .woocommerce-pagination ul.page-numbers li .prev,.woocommerce-page .woocommerce-pagination ul.page-numbers li .next,.woocommerce-page .woocommerce-pagination ul.page-numbers li .prev{} .select2-container--open{z-index:999999} .select2-container--default.select2-container--default .select2-selection--single{background-color:#f7f7f7;border:1px solid #f7f7f7; border-radius:0;height:48px;margin:0;font-size: 14px;} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px;padding: 0 0 0 20px} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__placeholder{color:inherit} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__clear{font-weight:400} .woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection{border-color: #1c1877;} .select2-dropdown{border:1px solid #eee;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button{border-radius: 0;background-color: #1c1877 !important;color: #fff !important;border-radius: 30px;} .woocommerce table.shop_table{border-collapse:collapse} .woocommerce table.my_account_orders,.woocommerce table.shop_table.cart{border:0;border-radius:0;margin:0} .woocommerce table.my_account_orders thead tr,.woocommerce table.shop_table.cart thead tr{border:1px solid #eee;border-radius:0} .woocommerce table.my_account_orders th,.woocommerce table.shop_table.cart th{font-weight:600;text-transform:uppercase;padding:12px 8px;border:0;background-color:#f7f7f7} .woocommerce table.my_account_orders td{border:0} .woocommerce table.shop_table.cart td{border:0;padding:12px 8px} .woocommerce table.my_account_orders tbody tr,.woocommerce table.shop_table.cart tbody tr{border:1px solid #eee;border-top:none} .woocommerce table.my_account_orders tbody tr:last-child,.woocommerce table.shop_table.cart tbody tr:last-child{border:0} .woocommerce table.my_account_orders .product-price .amount,.woocommerce table.my_account_orders .product-subtotal .amount,.woocommerce table.shop_table.cart .product-price .amount,.woocommerce table.shop_table.cart .product-subtotal .amount{color:#212529;font-size:15px;font-weight:700} .woocommerce table.my_account_orders .product-price ins,.woocommerce table.my_account_orders .product-subtotal ins,.woocommerce table.order_details .product-total ins,.woocommerce table.shop_table.cart .product-price ins,.woocommerce table.shop_table.cart .product-subtotal ins{background-color:transparent;font-weight:700} .woocommerce table.my_account_orders .product-price del,.woocommerce table.my_account_orders .product-subtotal del,.woocommerce table.order_details .product-total del,.woocommerce table.shop_table.cart .product-price del,.woocommerce table.shop_table.cart .product-subtotal del{margin-right:5px;font-weight:500;font-size:13px} .woocommerce table.my_account_orders .product-quantity .quantity .qty,.woocommerce table.shop_table.cart .product-quantity .quantity .qty{width:130px;height:40px} .woocommerce table.my_account_orders td.actions,.woocommerce table.shop_table.cart td.actions{padding:12px 0 0} .woocommerce table.my_account_orders td.actions .coupon .input-text,.woocommerce table.shop_table.cart td.actions .coupon .input-text{border-color:#eee;padding:0 25px} .woocommerce table.shop_table.cart td.actions{} .woocommerce table.my_account_orders .add_to_cart.button,.woocommerce table.shop_table.cart .add_to_cart.button{font-size:.75rem;line-height:2.75rem;padding:0 2.5rem} .woocommerce table.shop_table.cart .product-thumbnail{width:100px;padding-left:0} .woocommerce table.shop_table.cart .product-thumbnail img{width:auto;margin: 0;} .woocommerce table.shop_table.cart .product-remove{width:50px;} .woocommerce table.shop_table.cart .product-name{width: 40%;font-weight: 500;} .woocommerce table.shop_table.cart .product-price,.woocommerce table.shop_table.cart .product-quantity,.woocommerce table.shop_table.cart .product-subtotal{text-align:center;width: 25%;} .woocommerce table.shop_table.cart td.actions .coupon .input-text{width:250px;line-height: 46px !important;} .woocommerce table.shop_table.cart .product-quantity .quantity:not(.mini_cart_item .quantity){justify-content: center;margin: 0 auto;align-items: center;} .woocommerce table.shop_table.cart .product-quantity .quantity input[type="number"]{margin: 0 auto;width: 100px;border-radius: 5px;border: 1px solid #d6d6d6;} .woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells{margin-top:20px} .woocommerce .cart-collaterals .wc-proceed-to-checkout{padding:12px 0 0} .woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button{font-size:1rem;line-height:2.75rem;padding:0 2.1875rem} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{margin-bottom: 0;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{background-color: #1c1877;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{background-color: #1c1877;} form.woocommerce-form-track-order button[type="submit"]{font-weight: 500; padding: 8px 16px; color: #fff; border-radius: 0; text-align: center; border: none; transition: all .3s; line-height: 22px; font-size: 14px; background: repeating-linear-gradient(to right, #ed1b24 0, #1c1877 50%, #ed1b24 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear; border: none;} .woocommerce .cart-collaterals .cart_totals{padding:20px;max-width:500px;background: #f7f7f7;border-radius: 8px;} .woocommerce .cart-collaterals .cart_totals>h2{font-size:20px;padding-bottom:8px;border-bottom:1px solid #ddd;margin-bottom:12px;font-weight: 600;display: none;} .woocommerce .cart-collaterals .cart_totals table,.woocommerce table.woocommerce-checkout-review-order-table{border:0;border-radius:0;margin:0} .woocommerce .cart-collaterals .cart_totals table tr,.woocommerce table.woocommerce-checkout-review-order-table tr{border-width: 0;} .woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal, .woocommerce table.woocommerce-checkout-review-order-table tr.cart-subtotal{display: none;} .woocommerce .cart-collaterals .cart_totals table th{border:0;padding:0 8px 12px 0;font-size:14px;font-weight:500} .woocommerce .cart-collaterals .cart_totals table td{border:0;padding:0 0 12px 8px;text-align:right} .woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal td,.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td{color:#212529;font-weight:700} .woocommerce .cart-collaterals .cart_totals table tr:last-child td,.woocommerce .cart-collaterals .cart_totals table tr:last-child th{padding-bottom:0} .woocommerce .cart-collaterals .cart_totals table .shipping-calculator-button,.woocommerce .cart-collaterals .cart_totals table small,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name a{color:inherit} .woocommerce .cart-collaterals .cart_totals table .select2-container--default .select2-selection--single .select2-selection__rendered{text-align:left} .woocommerce .cart-collaterals .cart_totals table tr.order-total span.amount{font-weight:700;font-size:16px;color: #ed1b24;} .woocommerce .cart-collaterals .cart_totals table tr.order-total th,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name strong,.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method .amount,.woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li label{font-weight:500} .woocommerce .cart-collaterals .cart_totals table tr.order-total td,.woocommerce .cart-collaterals .cart_totals table tr.order-total th{} .woocommerce .cart-collaterals .cross-sells>h2{font-size:34px;margin-bottom:50px;text-align:center} .woocommerce .cart-collaterals .shipping-calculator-form{margin-top:25px} .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{max-width:100%;padding-left:0;padding-right:0} .woocommerce form p{margin-bottom:16px;font-size: 14px;} .woocommerce form p a{color: #ed1b24;text-decoration: underline;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{background: #f7f7f7;border: 1px solid #f7f7f7;border-radius: 0; padding: 13px 20px;color: #444 !important;border-radius: 8px;} .woocommerce form .form-row textarea{background: #f7f7f7 !important;border: 1px solid #f7f7f7 !important;padding: 13px 20px !important;height: 100px !important;border-radius: 0 !important;} .woocommerce form .form-row input.input-text::-webkit-input-placeholder, .woocommerce form .form-row textarea::-webkit-input-placeholder{color: #444 !important;} .woocommerce form .form-row{display:block;padding:0;margin:0 0 12px} .woocommerce form .form-row label{margin-bottom:8px;font-weight:600;font-size:13px;text-transform:uppercase;line-height:1.2} .woocommerce form .form-row textarea{height:8em} .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select{border-color: #1c1877;} .woocommerce-additional-fields,.woocommerce-shipping-fields{} .woocommerce-shipping-fields>h3{font-size:15px;margin-bottom:21px;font-weight:500} .woocommerce-shipping-fields>h3 label span{cursor:poChakraPetch} .woocommerce-shipping-fields>h3 label input{position:relative;top:2px;margin:-2px 8px 0 0} #order_review_heading,.woocommerce-additional-fields>h3,.woocommerce-billing-fields>h3{font-size:20px;line-height:1.5;margin-bottom:16px;font-weight: 600;display: none;} .woocommerce-account-fields .create-account{margin:0!important} .woocommerce-account-fields label>span{font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;color:#212529;cursor:poChakraPetch} .woocommerce-account-fields label>.input-checkbox{position:relative;top:-2px} #order_review{padding:20px;border-radius: 0;background: #f7f7f7;} .woocommerce #order_review .woocommerce-checkout-payment{margin-top:16px;background:0 0;border-radius:0} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods{padding:0;border: none;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li{display: flex;align-items: center;flex-wrap: wrap;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li input{position:relative;margin-right:5px;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li label{margin-bottom:0;color:#212529;font-weight:500} .woocommerce #order_review .woocommerce-checkout-payment .place-order{padding:12px 0 0;margin:0} .woocommerce #order_review .woocommerce-checkout-payment .place-order .button{width:100%;} .woocommerce table.woocommerce-checkout-review-order-table thead th{border:0;font-weight:600} .woocommerce table.woocommerce-checkout-review-order-table .product-name{padding:0 8px 12px 0} .woocommerce table.woocommerce-checkout-review-order-table .product-total{padding:0 0 12px 8px;text-align:right} .woocommerce table.woocommerce-checkout-review-order-table td.product-name{font-size: 14px;} .woocommerce table.woocommerce-checkout-review-order-table td.product-name img{margin-bottom: 0 !important;} .woocommerce table.order_details .product-name a,.woocommerce table.woocommerce-checkout-review-order-table tbody .product-name,.woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total{color:#212529} .woocommerce table.woocommerce-checkout-review-order-table tbody .product-total{color:#212529;font-size:14px;font-weight:700} .woocommerce table.order_details td,.woocommerce table.order_details th,.woocommerce table.woocommerce-checkout-review-order-table td,.woocommerce table.woocommerce-checkout-review-order-table tfoot td,.woocommerce table.woocommerce-checkout-review-order-table tfoot th{border:0} .woocommerce table.order_details td,.woocommerce table.order_details li,.woocommerce table.woocommerce-checkout-review-order-table li,.woocommerce table.woocommerce-checkout-review-order-table li,.woocommerce table.woocommerce-checkout-review-order-table li{margin-bottom: 0;} .woocommerce table.woocommerce-checkout-review-order-table tfoot th{font-weight:600;padding:0 8px 12px 0} .woocommerce table.woocommerce-checkout-review-order-table tfoot td{padding:0 0 12px 8px;font-weight:500;text-align:right} .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td,.woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th{border-top:1px solid #eee;padding-top:12px} .woocommerce table.woocommerce-checkout-review-order-table tfoot ul#shipping_method li input{margin:0 5px 0 0;vertical-align:middle} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total td{font-size:16px;font-weight:700;color: #ed1b24; padding-top:12px;padding-bottom:0;border-top:1px solid #eee} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total th{padding-top:12px;padding-bottom:0;border-top:1px solid #eee} .woocommerce-checkout .woocommerce form .form-row-first,.woocommerce-checkout .woocommerce form .form-row-last{width:100%;float:none} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{font-size:15px;text-transform:none;font-weight:500;letter-spacing:0;display:block;margin-bottom:20px} .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input{position:relative;top:1px;margin-right:5px} .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{float:none;margin:0;width:100%} .woocommerce .woocommerce-form-login .lost_password{margin-bottom:0} .woocommerce .woocommerce-form-register .woocommerce-form-register__submit{float:none;margin:0;width:100%} .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads{margin-bottom: 16px;} .woocommerce .woocommerce-order-details .woocommerce-order-details__title,.woocommerce-column__title,.customnew h2{font-size:20px !important;line-height:1.5;font-weight: 600;} .woocommerce table.order_details{border:1px solid #eee;border-radius:3px;margin:0} .woocommerce table.order_details thead th{font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#212529;padding:12px 8px;border:0;background-color:#f7f7f7} .woocommerce table.order_details .product-total .amount{color:#212529;font-size:15px;font-weight:700} .woocommerce table.order_details tfoot td,.woocommerce table.order_details tfoot th{border:0} .woocommerce table.order_details tfoot th{font-weight:500} .woocommerce table.order_details tfoot td{color:#212529} .woocommerce table.order_details tfoot tr:first-child td,.woocommerce table.order_details tfoot tr:first-child th{border-top:1px solid #eee} .woocommerce table.order_details tfoot tr:last-child{color:#212529} .woocommerce table.order_details tfoot tr:last-child td,.woocommerce table.order_details tfoot tr:last-child th{border-top:1px solid #eee} .woocommerce table.order_details tfoot tr:last-child td{} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{font-size: 14px;background-color: #fff;border-radius: 0;} #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{border: 1em solid #fff; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent;} #customer_details{float:left;width:50%;margin-bottom:0} #customer_details .col-1,#customer_details .col-2,.woocommerce div.product form.cart table.variations td.value{width:100%} #order_review{float:right;width:48%} #customer_login h2{font-size:24px} /* Side-cart */ .xoo-wsc-header, .xoo-wsc-drawer-header{padding: 10px;background: #1c1877;color: #fff;border-bottom: 0;} .xoo-wsch-text{font-size: 16px;font-weight: 500;} span.xoo-wsch-text{margin-left: 0;} .xoo-wsc-body, .xoo-wsc-body span.amount, .xoo-wsc-body a{font-size: 14px;} .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-markup .xoo-wsc-btn, .xoo-wsc-markup .woocommerce-shipping-calculator button[type="submit"]{background-color: #1c1877;border-radius: 0;color: #fff;font-size: 14px;font-weight: 500;padding: 10px 15px;white-space: nowrap;border-radius: 30px;} .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-markup .xoo-wsc-btn:hover, .xoo-wsc-markup .woocommerce-shipping-calculator button[type="submit"]:hover{color: #fff;background-color: #1c1877;} .xoo-wsc-footer-txt{display: none !important;} .xoo-wsc-product, .xoo-wsc-sp-product{padding: 10px;margin: 5px;} .xoo-wsc-img-col img{aspect-ratio: 1/1;object-fit: contain;} .xoo-wsc-pattern-card, .xoo-wsc-img-col img, .xoo-wsc-img-col{border-radius: 0 !important;} .xoo-wsc-pprice{font-size: 0;} .xoo-wsc-pprice span.amount{font-size: 14px;font-weight: 600;color: #ed1b24;} .xoo-wsc-qty-box{margin-top: 0;max-width: inherit;justify-content: flex-start;} .xoo-wsc-qty-box.xoo-wsc-qtb-square{border: none;} span.xoo-wsc-chng{border: 1px solid #ddd;} .xoo-wsc-minus{border-radius: 20px 0 0 20px;} .xoo-wsc-plus{border-radius: 0 20px 20px 0;} .xoo-wsc-minus{border-right: 0 !important;} .xoo-wsc-plus{border-left: 0 !important;} input[type="number"].xoo-wsc-qty{border: 0 !important;border-top: 1px solid #ed1b24 !important;border-bottom: 1px solid #ed1b24 !important;border-radius: 0;width: 28px;flex: none;height: 24px;line-height: 24px;} .xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount{font-weight: 600;} .xoo-wsc-footer .amount{color: #ed1b24;} .xoo-wsc-footer{padding: 10px;} .xoo-wsc-ft-totals{padding: 0 0 8px;} .xoo-wsc-cart-active .xoo-wsc-opac{cursor: url(images/close.png) 20 20,default;} /* Thankyou */ .woocommerce-customer-details{display: none;} .woocommerce-notice--success{text-align: center;font-size: 18px;font-weight: 600;margin-bottom: 20px;} .woocommerce ul.order_details{display: flex;flex-direction: column;margin: 0 auto 20px;width: 500px;gap: 5px;text-align: center; max-width: 100%;padding: 20px;background: #f7f7f7;border-radius: 5px;} .woocommerce ul.order_details::after, .woocommerce ul.order_details::before{display: none;} .woocommerce ul.order_details li{float: none;margin: 0;padding: 0;border: 0;font-size: 12px;font-weight: 500;} .woocommerce ul.order_details li strong{display: initial;font-size: 14px;} .vdh_qr_code{justify-content: center !important;} .vdh_qr_code .vdh_bank_item{width: 360px !important;} .vdh_qr_code .modal-content{object-fit: contain;cursor: url(images/close.png) 20 20,default;} .woocommerce-bacs-bank-details{display: none;} .woocommerce .woocommerce-order-details{display: none;} .title-customnew{text-align: center;font-size: 18px;font-weight: 600;margin-bottom: 20px;} .customnew{display: flex;list-style: none; flex-direction: column;margin: 0 auto 20px;width: 500px;max-width: 100%;gap: 5px;text-align: center;background: #f7f7f7;border-radius: 5px;padding: 20px;} .customnew li{margin-bottom: 0;font-size: 12px;text-transform: uppercase;font-weight: 500;} .customnew li b{text-transform: none;font-size: 14px;} /* Account */ .account-body .box-login{background: #fff;padding: 20px;border: 4px solid #ccc;width: 468px;max-width: 100%;display: block;margin: 0 auto;border-radius: 10px;} .account-body .box-login #customer_login h2{font-weight: bold;text-align: center;font-size: 20px;text-transform: uppercase;letter-spacing: 1px;color: #1c1877;} .account-body .box-login .woocommerce form.login,.account-body .box-login .woocommerce form.register{border: none;margin: 0;padding: 0;border-radius: 0;} .account-body .box-login [type="submit"]{width: 100%;} .account-body .box-login .lost_password{margin-bottom: 16px;float: right; font-size: 14px;font-weight: 500;} .account-body .box-login .woocommerce-form-login__rememberme{margin-bottom: 16px;float: left;font-size: 14px;} .account-body .box-login .note{font-size: 14px;font-weight: 500;padding-top: 4px;} .account-body .box-login .note a{color: #02AEEE;} .account-body .box-login .u-column2{display: none;} .account-body .box-login .note .note2{display: none;} .account-body .box-login.active .u-column2{display: block;} .account-body .box-login.active .u-column1{display: none;} .account-body .box-login.active .note .note2{display: block;} .account-body .box-login.active .note .note1{display: none;} .zek_block_login{background: #fff;padding: 30px;border: 2px solid #19334C;} .woocommerce-account .woocommerce-MyAccount-navigation{float: none;width: 100%;} .woocommerce-account .woocommerce-MyAccount-navigation ul{list-style: none;display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 24px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 50px) / 6);margin-bottom: 0;text-align: center;} .woocommerce-account .woocommerce-MyAccount-navigation ul li a{font-weight: 600;display: block;padding: 10px;border: 2px solid #1A1A1A;color: #19334C;border-radius: 30px;} .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color: #fff;background: #1A1A1A;} .woocommerce-account .woocommerce-MyAccount-content{float: none;width: 100%;} .woocommerce-account .addresses .title .edit{font-size: 12px;font-weight: 500;padding: 2px 4px;background: #1A1A1A;color: #fff;border-radius: 4px;} .woocommerce table.my_account_orders td.woocommerce-orders-table__cell-order-actions a, .woocommerce table.my_account_orders th.woocommerce-orders-table__cell-order-actions a{margin: 5px;} .woocommerce-EditAccountForm fieldset legend{font-weight: bold;font-size: 20px;margin-bottom: 16px;} .woocommerce-account .addresses .title h3{font-size: 18px;font-weight: bold;} /* Build PC */ #woopb-main .woopb-product{display: flex;align-items: center;justify-content: space-between;} #woopb-main .woopb-product .woopb-product-thumbnail img{max-width: 60px !important;} #woopb-main .woopb-product .woopb-desktop{flex: 1;} #woopb-main .woopb-product .woopb-product-price .amount{font-weight: 600;font-size: 18px;color: #ed1b24;} /* Home */ .home-body{padding: 20px 0 30px;background: #f7f7f7;} .home-body .section:not(:last-child){padding-bottom: 30px;} .home-banner .col-menu{width: 240px;} .home-banner .col-slider{width: calc(100% - 240px);} .swiper-banner{border-radius: 8px;} .banner-prev,.banner-next{opacity: 0;visibility: hidden;} .swiper-banner:hover .banner-next{opacity: 1;visibility: visible;right: 10px;} .swiper-banner:hover .banner-prev{opacity: 1;visibility: visible;left: 10px;} .banner-pagination .swiper-pagination-bullet{height: 2px;width: 30px;border-radius: 0;background: #fff;} .box-title{display: flex;align-items: center;justify-content: space-between;column-gap: 10px;row-gap: 5px;padding: 10px;} .box-title .page-title{margin-bottom: 0;font-size: 20px;} .box-title .page-title img{width: 28px;height: 28px;} .box-title .link{display: inline-flex;align-items: center;gap: 3px;font-weight: 600;color: #1c1877;} .box-title .link svg{fill: #1c1877;width: 13px;height: 13px;transition: all .3s;} .box-title .link:hover{text-decoration: underline;color: #ed1b24;} .box-title .link:hover svg{fill: #ed1b24;} .home-body .home-block{background: #fff;border-radius: 8px;} .home-body .home-block .inner{padding: 0 10px 10px;} .home-news .single-related{margin-top: 0;} .home-news .single-related .item{width: 25%;} .swiper-tiktok{margin: -5px;} .swiper-tiktok .swiper-slide{padding: 5px;height: auto;} .item-tiktok{aspect-ratio: 3/5;overflow: hidden;border-radius: 8px;} .item-tiktok iframe{width: 100%;height: 100%;} .tiktok-prev{left: -18px;} .tiktok-next{right: -18px;} .swiper-feedback{margin: -8px;} .swiper-feedback .swiper-slide{padding: 8px;height: auto;} .feedback-pagination{position: unset;} .feedback-pagination .swiper-pagination-bullet{width: 30px;height: 2px;border-radius: 0;} .item-feedback{border: 1px solid #ccc;padding: 15px 20px 20px 10px;position: relative;display: flex;align-items: center;gap: 10px;height: 100%;border-radius: 8px;} .item-feedback .img{width: 80px;overflow: hidden;border-radius: 50%;height: 80px;} .item-feedback .img img{height: 100%;} .item-feedback .box{width: calc(100% - 90px);display: flex;flex-direction: column;gap: 4px;} .item-feedback .box .text{font-size: 13px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .item-feedback .box .name{font-weight: 600;color: #1c1877;} .item-feedback .box .star{letter-spacing: 2px;line-height: 1;} .item-feedback .box .star svg{width: 13px;height: 13px;fill: #ffbc00;} .item-feedback:before{content: open-quote;font-weight: bold;font-size: 30px;line-height: 1;color: #ed1b24;position: absolute;left: 5px;top: 5px;} .item-feedback:after{content: close-quote;font-weight: bold;font-size: 30px;line-height: 1;color: #ed1b24;position: absolute;bottom: 5px;right: 5px;opacity: 0;visibility: hidden;} .home-banner-center .img{overflow: hidden;border-radius: 8px;} @media (max-width: 1399px) { .container-fluid, .container{--bs-gutter-x: 60px;} .container{max-width: 1260px;} } @media (max-width: 1299px) { .footer-bot{padding: 10px 0;} } @media (max-width: 1199px) { .page-title{font-size: 22px;} .item-product .info .name{font-size: 13px;} .item-product .info .price .amount{font-size: 13px;} .menu-category > li > .wrap-menu > .sub-menu > li{width: 25%;} .footer-main .widget{max-width: 300px;} .footer-main .widget:first-child{max-width: 320px;} .list-product .item-product{width: 25%;} } @media (max-width: 991px) { html { overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } body { overflow-y: visible; position: relative; } html, body { overflow-x: hidden; margin: 0; } #main{overflow: hidden;} h1{font-size: 20px;} h2{font-size: 18px;} h3{font-size: 16px;} h4{font-size: 14px;} h5{font-size: 12px;} h6{font-size: 12px;} .container-fluid,.container{--bs-gutter-x: 40px;max-width: 100%;} .supports .cart{display: block;} .supports .cart a img{} .supports .cart a {position: relative;} .supports .cart a span.cout{position: absolute;width: 12px;height: 12px;font-size: 8px;background: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;top: 4px;right: 15px;color: #1c1877;} .header-main{display: none;} .header-mobile{display: block;padding: 10px 0;background: #fff;position: relative;z-index: 99;} .header-mobile .row{--bs-gutter-x: 12px;} .header-mobile .col-touch{width: 40px;} .header-mobile .col-search{width: calc(100% - 40px - 62px);} .header-mobile .col-logo{width: 62px;} #touch-menu{cursor: pointer;width: 28px;height: 28px;border-radius: 0;background: repeating-linear-gradient(to right, #ed1b24 0, #1c1877 50%, #ed1b24 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;display: flex;align-items: center;justify-content: center;position: relative;border-radius: 8px;} #touch-menu img{object-fit: contain;width: 16px;height: 16px;-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} #touch-menu:after{content: "";display: block;width: calc(100% - 4px);height: calc(100% - 4px);border: 1px solid #ffffff80;border-radius: 8px;position: absolute;top: 2px;left: 2px;} .header-mobile .logo{display: flex;align-items: center;justify-content: center;} .header-mobile .logo img{object-fit: contain;max-height:50px;} #yith-ajaxsearchform .search-navigation input[type="search"]{font-size: 13px;height: 36px;line-height: 34px;} #yith-ajaxsearchform input[type="submit"]{font-size: 12px;height: 28px;line-height: 28px;padding: 0 10px;} .hidden-menu{position: fixed;z-index: 98;top: 0;left: 0;width: 100%;height: 100%;padding: 90px 20px 20px 20px;display: none;} .hidden-menu .line-background{cursor: url(images/close.png) 20 20,default;background: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .hidden-menu .inner{position: relative;z-index: 2;background: #fff;border: 1px solid #ccc;padding: 20px;width: 300px;max-width: 100%;margin-left: auto;display: flex;flex-direction: column;gap: 15px;height: 100%;border-radius: 8px;overflow: hidden;} .hidden-menu .inner .btn-close{width: 30px;height: 30px;cursor: pointer;position: absolute;top: 21px;right: 15px;background-image: url(images/close-menu.png);background-size: 18px;background-repeat: no-repeat;background-position: center;} .hidden-menu.active{display: block;} .hidden-menu .inner .build-pc a{position: relative;width: calc(100% - 50px); height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 20px; color: #fff; font-weight: 500; justify-content: center; background: repeating-linear-gradient(to right, #ed1b24 0, #1c1877 50%, #ed1b24 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;border-radius: 30px;} .hidden-menu .inner .build-pc a img{width: 25px; height: 25px; object-fit: contain; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .hidden-menu .inner .build-pc a:after{content: ""; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border: 1px solid #ffffff80; position: absolute; top: 2px; left: 2px;border-radius: 30px;} .hidden-menu .inner .box-menu{display: flex;flex-direction: column;gap: 10px;} .hidden-menu .inner .box-menu .tab-title{list-style: none;margin-bottom: 0;display: flex;} .hidden-menu .inner .box-menu .tab-title li{width: 50%;} .hidden-menu .inner .box-menu .tab-title li button{background: transparent;font-weight: 500;border: none;border-bottom: 1px solid #ccc;width: 100%;display: flex;justify-content: center;align-items: flex-start;height: 24px;letter-spacing: 1px;text-transform: uppercase;} .hidden-menu .inner .box-menu .tab-title li button.active{font-weight: 700;color: #1c1877;border-bottom-color: #1c1877;} .hidden-menu .inner .box-menu ul{list-style: none;margin-bottom: 0;} .hidden-menu .inner .box-menu .menu li{position: relative;} .hidden-menu .inner .box-menu .menu li>svg{width: 20px;height: 20px;padding: 3px;position: absolute;right: 0;top: 7px;cursor: pointer;} .hidden-menu .inner .box-menu .menu li>a{display: flex;align-items: center;gap: 5px;padding: 5px 0;min-height: 34px;font-weight: 500;} .hidden-menu .inner .box-menu .menu li.menu-item-has-children>a{padding-right: 20px;} .hidden-menu .inner .box-menu .menu li>a span{padding: 0 !important;} .hidden-menu .inner .box-menu .menu li>a img{object-fit: contain;width: 24px;height: 24px;} .hidden-menu .inner .box-menu .menu ul{display: none;padding-left: 15px;font-size: 13px;} .hidden-menu .inner .box-hotline{display: flex;width: calc(100% + 40px);margin: auto -20px -20px;background: #ed1b24;} .hidden-menu .inner .box-hotline a{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 50%;font-size: 12px;padding: 3px;color: #fff;} .hidden-menu .inner .box-hotline a span{display: block;} .hidden-menu .inner .box-hotline a .value{font-weight: 700;font-size: 15px; animation: zoomout 2s infinite; animation-fill-mode: forwards; animation-timing-function: linear;} .hidden-menu .inner .box-hotline a:first-child{border-right: 1px solid #fff;} .hidden-menu .inner .box-hotline a:last-child{border-left: 1px solid #fff;} .home-policy{padding: 10px 0;} .home-policy .container{--bs-gutter-x: 20px;} .item-policy{justify-content: flex-start;} .footer-main{padding: 20px 0 10px;font-size: 13px;} .footer-main .widget:first-child{order: 4;} .footer-main .widget{padding-bottom: 10px;} .footer-main .widget-title{font-size: 14px;padding-top: 0;margin-bottom: 12px;} .footer-main .info li{padding-left: 20px;} .footer-main .info li img{width: 14px;height: 14px;top: 3px;} .footer-main .social li a{width: 30px;height: 30px;} .footer-bot{font-size: 12px;} .page-body{padding: 20px 0;} .page-title{font-size: 20px;margin-bottom: 16px;} .page-title img{width: 26px;height: 26px;} .contact-info li{padding-left: 20px;} .contact-info li img{width: 14px;height: 14px;} .contact-map .box{aspect-ratio: 2/1;} .item-news .info .name{font-size: 14px;} .item-news .info .desc{font-size: 13px;} .item-news .info .link a{font-size: 13px;} .item-news .info .link a svg{width: 12px;height: 12px;} #wpdcom .wpd-form .wpdiscuz-textarea-wrap textarea::-webkit-input-placeholder{font-size: 14px;} .single-related .item{gap: 8px;} .single-related .item .name{font-size: 13px;} .breadcrumbs{font-size: 13px;} .list-product .item-product{width: calc(100% / 3);} body.single-product .breadcrumbs{border-bottom: 1px solid #ccc;} body.single-product .page-body{padding: 0;} body.single-product .page-body .container{--bs-gutter-x: 0;} .woocommerce div.product .product_title{font-size: 18px;} .title-pro, .woocommerce #reviews #comments h2{font-size: 16px;} .detail-body{margin-top: 0;border-top: 1px solid #ccc;} .detail-body .inner:not(:last-child){margin-bottom: 0;border-bottom: 1px solid #ccc;} .detail-body .col-lg-4{border-top: 1px solid #ccc;} .detail-related{margin-top: 0;border-top: 1px solid #ccc;} .taxonomy-filter{position: relative;} .yith-wcan-filters{max-width: calc(100vw - 40px - 100px);width: 280px; position: absolute;top: 0;left: 100px;padding: 10px;border: 1px solid #ccc;background-color: #fff;z-index: 99;max-height: 480px;overflow-y: auto;display: none;border-radius: 5px;} .taxonomy-filter.active .yith-wcan-filters{display: block;} .yith-wcan-filters .yith-wcan-filter{width: 100%;} .yith-wcan-filters .yith-wcan-filter .filter-title{border: none;border-bottom: 1px solid #ccc;height: 24px;font-weight: 600;justify-content: space-between;padding: 0 0 4px 0;} .yith-wcan-filters .yith-wcan-filter .filter-content{display: block;width: 100%;position: unset;box-shadow: none;border: none;padding: 10px 0;} .home-body .section:not(:last-child){padding-bottom: 20px;} .home-body{padding: 0;} .home-body .container{--bs-gutter-x: 0;} .home-body .section{padding: 10px !important;border-bottom: 1px solid #ccc;} .home-banner .col-menu{display: none;} .home-banner .col-slider{width: 100%;} .box-title{padding: 20px 20px 10px;} .home-body .home-block .inner{padding: 0 20px 20px;} .box-title .page-title{font-size: 18px;} .box-title .page-title img{width: 24px;height: 24px;} .home-banner-center{padding: 20px !important;} body.page-template-page-contact .page-body{padding: 20px 0 0;} .contact-form{width: calc(100% + 40px);display: block;margin: 0 -20px;border-bottom: 1px solid #ccc;} .contact-map{padding: 0;width: calc(100% + 40px);margin: 0 -20px;} /* Acount */ .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc((100% - 20px) / 3);} } @media(max-width:767px) { body{padding-bottom: 64px;} .supports{bottom: 0;width: 100%;flex-direction: row;background: #fff !important;border-top: 1px solid #ccc;} .supports:after{content: "";display: block;width: 20%;height: 70px; background: #fff;border-radius: 50% 50% 0 0;border: 1px solid #ccc;position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);} .supports .item{border-bottom: 0 !important;width: 20%;display: flex;justify-content: center;position: relative;z-index: 2;background: #fff;} .supports .item.house{order: 1;} .supports .item.zalo{order: 2;} .supports .item.phone{order: 3;} .supports .item.messenger{order: 4;} .supports .item.cart{order: 5;} .supports .item a{color: #000;font-size: 10px;white-space: nowrap;width: auto;} .supports .item a img{width: 34px;height: 34px; padding: 6px;border-radius: 5px;background: repeating-linear-gradient(to right, #ed1b24 0, #1c1877 50%, #ed1b24 100%); background-size: 200% auto; background-position: 0 100%; animation: gradient 2s infinite; animation-timing-function: ease; animation-fill-mode: none; animation-fill-mode: forwards; animation-timing-function: linear;} .supports .item.phone a img{width: 46px;height: 46px;position: relative;margin-top: -12px;} .supports .cart a span.cout{top: 11px;right: 15px;} .backtop{bottom: 80px;} .swiper-button-next, .swiper-button-prev{width: 30px;height: 30px;} .product-prev{left: -15px;} .product-next{right: -15px;} .tiktok-prev{left: -15px;} .tiktok-next{right: -15px;} .footer-main{text-align: center;} .footer-main .widget{width: 100%;max-width: 100%;} .footer-main .widget:nth-child(3),.footer-main .widget:nth-child(4){display: none;} .footer-main .widget:first-child{max-width: 100%;width: 100%;} .footer-main iframe{width: 340px !important;left: 50%;transform: translateX(-50%);} .footer-main .info li{padding-left: 0;} .footer-main .info li img{position: relative;margin-right: 5px;top: -2px;} .footer-main .social{justify-content: center;margin-bottom: 0;} .footer-bot{padding: 10px 0;} .home-news .single-related .item{width: 50%;} .item-feedback .box .name{font-size: 13px;} /* Cart-mb */ .woocommerce table.shop_table.cart td{padding: 8px 8px;} .woocommerce table.shop_table.cart .product-name{width: 100%;} .woocommerce table.shop_table.cart .product-price, .woocommerce table.shop_table.cart .product-quantity, .woocommerce table.shop_table.cart .product-subtotal{width: 100%;} .woocommerce .cart-collaterals .cart_totals{padding: 12px;max-width: 100%;} .woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells{margin-top: 20px;} #customer_details{width: 100%;} #order_review{width: 100%;padding: 12px;} .woocommerce table.woocommerce-checkout-review-order-table .product-name{padding: 0 8px 8px 0;} .woocommerce table.woocommerce-checkout-review-order-table .product-total{padding: 0 0 8px 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot th{padding: 0 8px 8px 0;} .woocommerce table.woocommerce-checkout-review-order-table tfoot td{padding: 0 0 8px 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal td, .woocommerce table.woocommerce-checkout-review-order-table tfoot .cart-subtotal th{padding-top: 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total th{padding-top: 8px;} .woocommerce table.woocommerce-checkout-review-order-table tfoot tr.order-total td{padding-top: 8px;font-size: 14px;} .woocommerce #order_review .woocommerce-checkout-payment{margin-top: 16px;} .woocommerce #order_review .woocommerce-checkout-payment ul.payment_methods li label{font-size: 14px;} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{font-size: 13px;} .woocommerce table.order_details tfoot tr:last-child td{font-size: 14px;} .woocommerce form p{font-size: 13px;} } @media(max-width:575px) { .item-news{gap: 10px;} .item-news .info{gap: 4px;} .item-news .info .name{font-size: 13px;} .item-news .info .desc{font-size: 12px;} .item-news .info .link a{font-size: 12px;} .page-title{font-size: 18px;} .single-related .item{width: 50%;} .taxonomy-filter{margin-bottom: 16px;} .list-product .item-product{width: 50%;} .xoo-wsc-container, .xoo-wsc-slider, .xoo-wsc-drawer{max-width: 300px;} .xoo-wsch-text{font-size: 14px;} .xoo-wsc-product, .xoo-wsc-sp-product{margin: 0;border-radius: 0;} .xoo-wsc-sum-col{padding-left: 10px;} .xoo-wsc-body, .xoo-wsc-body span.amount, .xoo-wsc-body a{font-size: 13px;} .xoo-wsc-pprice span.amount{font-size: 13px;} .xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount{font-size: 13p ;} .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-markup .xoo-wsc-btn, .xoo-wsc-markup .woocommerce-shipping-calculator button[type="submit"]{font-size: 13px;} .detail-policy .title{font-size: 14px;} .box-title .page-title{font-size: 17px;} .item-policy .box .name{font-size: 13px;} .item-policy .box .text{font-size: 11px;} .box-title .link{font-size: 13px;} .box-title .link svg{width: 11px;height: 11px;position: relative;top: 1px;} .woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button{font-size: 14px;line-height: 36px;padding: 0 20px;} .home-banner-center{overflow-x: auto;} .home-banner-center .row{flex-wrap: nowrap;overflow: hidden;width: max-content;--bs-gutter-x: 0;} .home-banner-center .col-6{width: 300px;padding-right: 10px;} .home-banner-center .col-6:last-child{padding-right: 0;} /* Acount */ .woocommerce-account .woocommerce-MyAccount-navigation ul li{width: calc(50% - 5px);} #customer_login h2{font-size: 20px;}.woocommerce-notice--success{font-size: 14px;margin-bottom: 12px;} .woocommerce ul.order_details{padding: 10px;margin: 0 auto 12px;} .vdh_qr_code .vdh_bank_item{width: 300px !important;} .title-customnew{font-size: 14px;margin-bottom: 12px;} .customnew{padding: 10px !important;margin: 0 auto 12px;} } @media(max-width:428px) { body{padding-bottom: 62px;} p{margin-bottom: 10px;} ul,ol{margin-bottom: 10px;} .table{margin-bottom: 10px;font-size: 13px;} .table > :not(caption) > * > *{padding: 0.25rem;} blockquote{margin: 0 0 10px;} h1,h2,h3,h4,h5,h6{margin-bottom: 12px;} .form-group label.name{font-size: 13px;} input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="date"], input[type="tel"], textarea, select{padding: 6px 10px;font-size: 13px;} input[type="submit"]{padding: 6px 12px;font-size: 13px;} #wpdcom .wpd-form-row .wpdiscuz-item input[type="text"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="password"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="email"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="url"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="color"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="date"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="datetime-local"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="month"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="number"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="time"], #wpdcom .wpd-form-row .wpdiscuz-item input[type="week"], #wpdcom textarea, #wpdcom select, #wpdcom .wpd-form-row .wpd-field{font-size: 13px !important;} .container-fluid, .container{--bs-gutter-x: 20px;} .header-mobile .row{--bs-gutter-x: 10px;} .header-mobile .col-logo{width: 50px;} .header-mobile .col-touch{width: 38px;} .header-mobile .logo img{max-height: 40px;} .header-mobile .col-search{width: calc(100% - 38px - 50px)} .supports .item a{font-size: 9px;} .supports .cart a span.cout{right: 15px;} .hidden-menu{padding: 70px 10px 10px 10px;} .hidden-menu .inner{padding: 10px;width: 270px;} .hidden-menu .inner .btn-close{top: 11px;right: 10px;} .hidden-menu .inner .box-hotline{width: calc(100% + 20px);margin: auto -10px -10px;} .item-policy{justify-content: center;} .item-policy .box{width: 200px;max-width: calc(100% - 46px);} .home-policy{padding: 10px 0;} .home-policy .col-item{width: 100%;} .home-policy .row{--bs-gutter-x: 10px;} .item-policy{min-height: 70px;} .breadcrumbs{padding: 6px 0;font-size: 12px;} .page-body{padding: 15px 0;} .contact-info{margin-bottom: 15px;} .page-title{margin-bottom: 12px;} .contact-form{padding: 15px 10px;width: calc(100% + 20px);margin: 0 -10px;} .contact-map{width: calc(100% + 20px);margin: 0 -10px;} .list-news .row{--bs-gutter-x: 10px;} .item-news .info .desc{display: none;} .item-news{padding-bottom: 5px;} .pagination{padding-top: 10px;} .pagination ul li span, .pagination ul li a{width: 28px;height: 28px;font-size: 13px;} .item-news .img .time{width: 30px;height: 30px;font-size: 11px;} .item-news .img .time span.day{font-size: 14px;} .content-post blockquote{padding: 10px 10px 2px 30px;} .single-related{margin-top: 15px;} .single-related .list{margin: -5px;} .single-related .item{padding: 5px;} .single-related .item .name{font-size: 12px;} .taxonomy-filter .title{width: 90px;font-size: 13px;height: 30px;} .taxonomy-filter .title svg{width: 20px;height: 20px;} .yith-wcan-filters{max-width: calc(100vw - 20px - 100px);} .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > a{font-size: 13px;} .list-product{width: calc(100% + 20px);margin: 0 -10px;} .item-product .info .name{font-size: 12px;} .item-product .info .price .amount{font-size: 12px;} .item-product .info .link{height: 22px;font-size: 11px;} .term-description{width: calc(100% + 20px);margin: 15px -10px 0;padding: 15px 10px 0;} .detail-head{padding: 15px 10px;} .detail-image .swiper-thumb .img{margin-top: 5px;} .woocommerce div.product .product_title{font-size: 16px;} .detail-info .price .amount{font-size: 18px;} .detail-info .price{margin-bottom: 10px;} .detail-body .inner{padding: 15px 10px;} .detail-related{padding: 15px 10px;} .title-pro, .woocommerce #reviews #comments h2{margin-bottom: 15px;} .detail-related .home-slider{width: calc(100% + 20px);display: block;margin: 0 -10px;} .product-prev{left: 0;} .product-next{right: 0;} .woocommerce form .form-row label{margin-bottom: 5px;} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{padding: 8px 10px;} .woocommerce form .form-row textarea{padding: 8px 10px !important;} .select2-container--default.select2-container--default .select2-selection--single{height: 34px;font-size: 13px;} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 32px;padding: 0 0 0 10px;} .select2-container--default.select2-container--default .select2-selection--single .select2-selection__arrow{height: 34px;} .box-title{padding: 15px 10px 10px;} .home-body .home-block .inner{padding: 0 10px 15px;} .home-product .home-slider{width: calc(100% + 20px);display: block;margin: 0 -10px;} .home-banner-center{padding: 0 !important;border-bottom: 0 !important;margin-top: -1px;} }