/*
Theme Name: wpmobile
Theme URI: https://flymodem.com
Author: flymodem.com
Author URI: https://flymodem.com
Description: High-performance mobile-first WordPress & WooCommerce theme built for Flymodem 5G/4G devices, network diagnostics tools, after-sales warranty lifecycle and Core Web Vitals optimization.
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 7.0
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:
Text Domain: wpmobile
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/
/*common*/
:root {
--wpmobile-background-color: #fff;
--wpmobile-text-color: #43464e;
}
[data-theme="dark"] {
--wpmobile-background-color: #272727;
--wpmobile-text-color: #eee;
}
body {
background-color: var(--wpmobile-background-color);
color: var(--wpmobile-text-color);
}

h1{
font-size:1.75rem;
font-weight:600;
}
a{
text-decoration:none;
color:var(--wp--preset--color--vivid-cyan-blue);
}
a:visited{
text-decoration:none;
}
select{
font-size:1rem;
color:#43464e;
box-shadow:none;
border-width:0;
padding:0 24px 0 8px;
max-width:25rem;
appearance:none;
background:#fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
background-size:16px 16px;
cursor:pointer;
border-left:1px solid #949494;
border-right:1px solid #949494;
}
table, table td, table th{
border:1px solid #ddd;
border-collapse:collapse;
border-spacing:0;
}
input[type="search"]{
background:transparent;
appearance:none;
}

/*top menu*/
header a, header a:visited{
color:inherit;
}
.wpmobile_header{
max-width:1560px;
margin:auto;
}
.wpmobile_search_head .wp-block-search__inside-wrapper{
padding:0;
border-width:0 0 1px 0;
}
.wpmobile_search_head .wp-block-search__inside-wrapper .wp-element-button{
padding:0;
background:transparent;
color:inherit;
}
.wpmobile_search_head .wp-block-search__button svg{
min-width:1.75rem;
min-height:1.75rem;
}
.wpmobile_myaccount img{
width:24px;
height:24px;
vertical-align:middle;
background-color: #fff;
stroke:inherit;
}
.wc-block-mini-cart__button{
margin-right:20px;
}
.wc-block-mini-cart__icon{
color:var(--wp--preset--color--luminous-vivid-orange);
}
.wc-block-mini-cart__badge{
font-weight:normal;
color:#fff;
background:var(--wp--preset--color--luminous-vivid-orange);
}
/*WordPress button*/
.wp-element-button,.wp-block-button__link,input[type="button"],input.button
{
background-color:#e8f0ff;
color:var(--wp--preset--color--vivid-cyan-blue);
font-size:0.9rem;
padding:0.9rem 1.1rem;
border:0;
}
main .taxonomy-category.wp-block-post-terms{
padding-left:8px;
border-left:4px solid var(--wp--preset--color--wpmobile-primary);
}
main .taxonomy-post_tag.wp-block-post-terms a{
padding:2px 4px;
background:var(--wp--preset--color--wpmobile-ivory);
margin:0 6px 6px 0;
display:inline-block;
}
.taxonomy-post_tag.wp-block-post-terms .wp-block-post-terms__separator{
display:none;
}
/*link in content and comment*/
.wp-block-post-content p a,.wp-block-comment-content p a{
text-decoration:underline;
}
/*post end*/
li.wp-block-post.post.type-post.format-standard.hentry div.wp-block-spacer{
position:relative;
}
li.wp-block-post.post.type-post.format-standard.hentry div.wp-block-spacer:before{
content: "";
position:absolute;
z-index:0;
top:50%;
left:50px;
right:50px;
height:1px;
background:linear-gradient(90deg, white, #848484, white);
}
/*comment button*/
.form-submit input[type="submit"]
{
border-bottom-left-radius:0;
}
/*footer*/
footer a,footer a:visited{
color:var(--wp--preset--color--white);
}
footer.has-wpmobile-grey-background-color>div{
max-width:1560px;
margin:auto;
}
.creditcards{
padding:0;
}
.creditcards li{
display:inline-block;
width:40px;
}
/*footer svg icon*/
footer p svg{
height:1rem;
vertical-align:middle;
fill:currentcolor;
}
/*mobile buttons*/
div:not(.block-editor-block-list__layout) .wp-block-buttons.wpmobile_mobile,div:not(.block-editor-block-list__layout) .wp-block-cover.wpmobile_mobile{
display:none;
}
div:not(.block-editor-block-list__layout) div.wpmobile_bottom_menu{
display:none
}
/* fix wp6.1 appearance editor*/
.wpmobile_bottom_menu div{
min-height:22px !important;
}
.wpmobile_bottom_menu img{
height:22px;
width:auto;
margin-top:5px;
}
div:not(.block-editor-block-list__layout) .wpmobile_bottom_menu figcaption{
margin-top:-1.25em;
}
.wpmobile_qrcode img{
transition: all .6s;
}
.wpmobile_qrcode img:hover{
transform: scale(1.3);
}


/*woocommerce*/
/*front newest product*/
.wpmobile_newest_product .wc-block-grid__products{
max-width:100%;
}
.wpmobile_newest_product .wc-block-grid__product-title, .wpmobile_newest_product .wc-block-grid__product-price{
font-size:1rem;
}
.wpmobile_newest_product .wc-block-grid__product-title{
font-weight:500;
}
.wc-block-grid__product-image img{
border-radius:8px;
}
/*left tab*/
.wpmobile_left_panel{
border-width:0 1px 0 0;
border-style:solid;
border-color:#ddd;
box-shadow:10px 0 15px -8px #eee;
}
/*left tab cat*/
.wc-block-product-categories-list
{
padding-left:0;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image{
border-color:#fff0;
}
.wc-block-product-categories-list .current_cat{
background:linear-gradient(90deg, transparent, #f3f3f3, #f3f3f3);
}
.wc-block-product-categories-list-item{
min-height:2rem;
line-height:2rem;
padding:0.5rem 0 0.5rem 0.5rem;
border-top:1px solid #ddd;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item{
margin-top:0;
margin-bottom:0;
}
.wc-block-product-categories-list-item a{
line-height:1rem;
}
/*cat count*/
.wc-block-product-categories-list-item-count{
float:right;
line-height:50px;
margin-right:1rem;
color:#777;
font-size:var(--wp--preset--font-size--small);
}
.wc-block-product-categories-list-item-count:before{
content:'';
}
.wc-block-product-categories-list-item-count:after{
content:'+';
}
/*left tab tags*/
.wpmobile_p_tag{
border-top:5px solid var(--wp--preset--color--wpmobile-primary);
padding-top:0.6rem;
}
.wpmobile_p_tag .tag-group-a, .wpmobile_p_tag .tag-group-a span{
font-size:1rem;
height:2rem;
line-height:2rem;
vertical-align:middle;
}
.tag-group-a svg{
height:2rem;
float:right;
}
.wpmobile_p_tag .tag-group-a{
border-bottom:1px solid #ddd;
display:block;
margin:0 1rem 0 0.75rem;
padding:0.5rem 0 0.5rem 0.25rem;
stroke:currentcolor;
}
.wpmobile_p_tag a{
display:inline-block;
line-height:1rem;
color:#555;
}
.wpmobile_p_tag a{
border-left:3px solid var(--wp--preset--color--wpmobile-primary);
margin:0.5rem 0 0.5rem 0.75rem;
padding:2px 0 2px 0.25rem;
position:relative;
}
.wpmobile_p_tag span.wp-block-post-terms__separator{
display:none;
}
.wpmobile_p_tag a div{
position:absolute;left:0;bottom:0;
height:3px;border-bottom:1px dashed var(--wp--preset--color--wpmobile-primary);border-right:1px solid var(--wp--preset--color--wpmobile-primary);
}
/*color tag*/
.wpmobile_p_tag .tag_color{
display:inline-block;
vertical-align:bottom;
width:1rem;
height:1rem;
border:1px solid rgba(0,0,0,0.3);
border-radius:50%;
margin:0 2px 0 0;
}
/*current tag*/
.current_group_tag{
display:block !important;
}
.current_tag{
background-color:lightyellow;
}
.wpmobile_p_tag .returnlast{
border-left-width:9px;
border-left-style:double;
}
/**/
.term-description, .wp-block-term-description{
background:#f8f8f8;
}
.term-description p, .wp-block-term-description p{
padding:5px 10px;
}
.term-description a,.term-description a:visited{
color:var(--wp--preset--color--vivid-cyan-blue);
}
/*right pulldown option*/
.woocommerce .woocommerce-ordering{
max-width:100%;
}
.woocommerce .woocommerce-ordering select{
background-color:transparent;
margin-right:1px;
max-width:100%;
overflow:hidden;
}
/*woocommerce common*/
.woocommerce input[type="submit"],.woocommerce input.input,.woocommerce input#input,.woocommerce input[name="submit"],.woocommerce input[value="submit"],
.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce input.button,.woocommerce input.button.alt,
.woocommerce button.button,.woocommerce button.button.alt,.woocommerce a.button,.woocommerce a.button.alt{
background-color: #e8f0ff;
color:var(--wp--preset--color--vivid-cyan-blue);
font-size:0.9375rem;
border-radius:0;
padding:0.9rem 1.1rem;
border:0;
cursor:pointer;
}
.woocommerce-page .input-text{
border:1px solid #d3ced2;
}
.woocommerce-page .input-text.qty{
color:#43464e;
font-size:var(--wp--preset--font-size--normal);
line-height:2.75rem;
padding:0 2px 0 1rem;
border:1px solid #949494;
}
.woocommerce .woocommerce-breadcrumb a{
color:var(--wp--preset--color--vivid-cyan-blue);
}
/*price color*/
.woocommerce-page bdi, .woocommerce-Price-amount{
color:#678b57;
font-weight:600;
}
/*woocommerce grid*/
.woocommerce ul.products li.product a img{
border:1px solid #eee;
border-radius:8px;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
font-size:1rem;
}
/*product picture*/
.woocommerce div.product div.images img{
border-radius:10px;
}
.woocommerce div.product div.images .flex-control-thumbs{
margin-top:1rem;
}

.woocommerce div.product form.cart::after{
width:62%;
height:1.5rem;
border-bottom:1px solid #ddd;
}

/*input side button, add to cart*/
.woocommerce div.product .quantity+.single_add_to_cart_button{
min-height:calc(2.75rem + 2px);
}
/*cart*/
.woocommerce-cart-form__contents td, .woocommerce-cart-form__contents th{
border-width:0;
}
.woocommerce td.product-name dl.variation p{
display:inline;
}
.woocommerce-page .woocommerce-cart-form #coupon_code, .woocommerce-page .woocommerce-cart-form .actions .button{
font-size:0.9rem;
}
.woocommerce-page .select2-container .select2-selection{
font-size:var(--wp--preset--font-size--normal);
padding:0.75rem 1rem;
height:3.2rem;
}
.woocommerce-shipping-methods li{
padding-left:19px;
text-indent:-19px;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button,.woocommerce-info .showcoupon{
display:block;
padding:0.5rem 5px;
background:#e8f0ff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%230693e3%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
}
.cart_totals #wpmobile_cart_hint:before{
content:'\1F4A1';
position:absolute;
margin-left:-1.5rem;
}
/*checkout*/
.woocommerce .file-upload-info:before{
content:'\27A4';
margin-right:1rem;
}
.woocommerce .file-upload-info{
font-size:1.5rem;
font-style:italic;
}
.woocommerce-info .showcoupon{
display:inline-block;
padding:0.25rem 2rem 0.25rem 5px;
}
.woocommerce-page table.woocommerce-checkout-review-order-table{
width:100%;
}
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td,
.woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th{
border-width:0;
}
.woocommerce-page table.shop_table tr{
border:1px solid rgba(0,0,0,.1);
}

/*product page. thumbnail*/
.woocommerce .product.has-post-thumbnail .flex-control-nav.flex-control-thumbs{
max-height:430px;
overflow-y:auto;
}
/*product page. review*/
.woocommerce .review.odd .comment-text{
background-color:#f7f7f7;
}
.woocommerce #reviews #comments ol.commentlist ul.children .comment-text{
background-color:lightyellow;
}
.woocommerce-review__author{
font-size:0.875rem;
color:#43464e;
display:block;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta:after{
content:'';
display:block;
width:180px;
height:4px;
max-width:100%;
border-bottom:1px solid #ccc;
}
.woocommerce #review_form #respond textarea{
border-style:dashed;
}
.woocommerce #review_form .comment-form-author,.woocommerce #review_form .comment-form-email{
border-bottom:1px dashed #949494;
}
.woocommerce #review_form .comment-form-author input,.woocommerce #review_form .comment-form-email input{
height:22px;
border:0;
margin-left:10px;
}
.woocommerce .star-rating span::before{
color: var(--wp--preset--color--vivid-green-cyan);
}


@media only screen and (max-width:768px){
	/*mobile bottom menu*/
	div:not(.block-editor-block-list__layout) div.wpmobile_bottom_menu{
		display:flex;
		gap:0;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 43px;
		margin: 0 auto;
		padding: 0;
		background: #ffffffe6;
		z-index: 999999;
		border-top: 1px solid #dddddde6;
		overflow:hidden;
	}
	.wpmobile_bottom_menu figure{
		display: inline-block;
		width: 100%;
		min-width:20%;
		height:100%;
		text-align: center;
		list-style: none;
	}
	.wpmobile_bottom_menu a{
		display:inline-block;
		width:100%;
		height:100%;
	}
}

@media screen and (max-width:480px){
	h1{
		font-size:1.5rem;
		margin:0.5rem 0;
	}
	h2{
		font-size:1.25rem;
	}
	/*mobile top menu*/
	body .wpmobile_header{
		gap:0;
		margin-bottom:0;
	}
	.wpmobile_header_left{
		flex-basis:35% !important;
	}
	.wpmobile_header_right{
		flex-basis:65% !important;
	}
	nav.wpmobile_navigation_hide:not(.is-responsive), .wpmobile_myaccount, .wpmobile_minicart_hide, .wpmobile_mobile_hide{
		display:none;
	}
	.wpmobile_search_head{
		width:170px;
	}
	main, .wp-block-group.is-layout-constrained{
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	/*hero*/
	.wpmobile_hero_resize{
		height:215px;
		min-height:215px;
	}
	.wpmobile_hero_hide{
		display:none;
	}
	.wpmobile_hero_resize .wp-block-buttons .wp-block-button .wp-block-button__link{
		border:none;
		text-decoration:underline;
		padding-top: var(--wp--preset--spacing--20);
		padding-right: var(--wp--preset--spacing--30);
		padding-bottom: var(--wp--preset--spacing--20);
		padding-left: var(--wp--preset--spacing--30);
	}
	div:not(.block-editor-block-list__layout) .wp-block-buttons.wpmobile_mobile,div:not(.block-editor-block-list__layout) .wp-block-cover.wpmobile_mobile{
		display:flex;
	}
	.wp-block-buttons.wpmobile_mobile.wpmobile_mobile_buttons .wp-block-button__link{
		border:2px solid #fff;
		box-shadow:0 5px 20px #bbb;
	}

	/*front newest product*/
	.wpmobile_newest_product .wc-block-grid__products{
		white-space:nowrap;
		overflow-x:auto;
	}
	.wpmobile_newest_product .wc-block-grid__products li.wc-block-grid__product{
		display:inline-block;
	}
	.wpmobile_newest_product .wc-block-grid__products li.wc-block-grid__product img{
		max-height:300px;
	}
	/*left cat*/
	.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item{
		margin:0;
		display:flex;
		align-items:center;
		padding-left:4px;
	}
	.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image,
	.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item-count{
		display:none;
	}
	/*left tag*/
	.wpmobile_p_tag a.tag-group-a{
		margin-left:0;
		margin-right:0;
		overflow:hidden;
	}
	.wpmobile_p_tag a{
		display:flex;
		align-items:center;
		min-height:2rem;
		font-size:11px;
		margin-left:0;
		padding-left:2px
	}
 	.wpmobile_p_tag span.tag_color{
		width:14px;
		min-width:14px;
		height:14px;
	}
	/*cat product grid*/
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product,
	.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
		width:97%;
		float:left;
		margin-bottom:1rem;
		background:#fff;
	}
	.woocommerce ul.products li.product a img{
		width:50%;
		float:left;
		margin:0;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title{
		font-size:1rem;
		font-weight:normal;
		line-height:1.2rem;
		padding-left:calc(50% + 0.5rem);
	}
	.woocommerce .products div.star-rating{
		margin-left:calc(50% + 0.5rem);
	}
	/*price, after add view cart*/
	.woocommerce ul.products li.product .price,
	.woocommerce a.added_to_cart{
		margin-left:calc(50% + 0.5rem);
	}
	.woocommerce ul.products li.product .button{
		margin-top:0;
		padding:10px;
		margin-left:calc(50% + 0.5rem);
		display:block;
		width:fit-content;
	}
	.woocommerce-cart .cart-collaterals a.shipping-calculator-button{
		background-position:5px 55%;
	}
	/*single page of product*/
	/*add cart input*/
	.woocommerce-page .input-text.qty{
		padding:0 1rem;
	}
	/*single page thumbnail*/
	.woocommerce .product.has-post-thumbnail ol.flex-control-nav.flex-control-thumbs{
		max-height:310px;
	}
	/*other colors of this product*/
	div.wpmobile_size_othercolors .tag_color{
		width:1.75rem;
		height:1.75rem;
	}
	/*product description tabs*/
	.woocommerce div.product .woocommerce-tabs ul.tabs li{
		display:block;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{
		width:100%;
	}
	.cart_totals #wpmobile_cart_hint:before{
		position:relative;
		margin-right:0;
	}
	/*tabs description*/
	div.woocommerce-Tabs-panel figure.wp-block-image,div.woocommerce-Tabs-panel .has-nested-images figure.wp-block-image{
		max-width:100%;
	}
	.woocommerce-Tabs-panel figcaption.blocks-gallery-caption.wp-element-caption:before{
		left:0;
		width:1rem;
	}
	.woocommerce-Tabs-panel figcaption.blocks-gallery-caption.wp-element-caption:after{
		right:0;
		width:1rem;
	}
	.myfooter .cart-contents-count{
		color:var(--wp--preset--color--luminous-vivid-orange);
		background:#fff;
		border:1px solid var(--wp--preset--color--luminous-vivid-orange);
		font-size:14px;
		font-weight:700;
		line-height:1rem;
		padding:0 5px;
		width:auto;
		height:1rem;
		border-radius:0.5rem;
		display:inline-block;
		vertical-align:top;
		margin-left:-0.25rem;
	}
}

@media screen and (max-width:960px){
	.wpmobile_main_bg{
		padding:0;
	}
}

@media print{
	div.wpmobile_bottom_menu{
		display:none;
	}
}