/*!
Template: xtocky
Theme Name: Xtocky Child
Theme URI: http://themepiko.com/demo/stock/
Author: tolan
Author URI: http://themepiko.com/
Description: Child theme for Xtocky edit by tolan for 微友互联餐馆外卖
Version: 1.0
License:
Text Domain: xtocky
Domain Path: /languages/
*/

@import url('https://fonts.googleapis.com/css?family=Roboto Condensed');
@import url('https://webfonts.creativecloud.com/c/5936c0/1w;cabin-condensed,2,WZL:W:n7;julee,2,WR7:W:n4;muli,2,2cm8Nw:W:n4/l');
@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');

/*tolan edit 临时隐藏首页3小图*/

.vc_row.wpb_row.vc_row-fluid.push-col {
	display: none !important;
}


/*tolan edit 2018-09-23 控制先前放大的缩略图后 固定为400px
 * 后台有配置默认缩略图为600px x 400px  后台的设置-》多媒体-》Tamaño de la miniatura最小尺寸
 *数据库做了直接操作将之前的图片默认尺寸修改为最大
 * */


/*******  tolan edit 每行多个产品的样式 仅仅在电脑大屏幕尺寸*******/

@media only screen and (min-width:750px) {

	/* PC版本  */
	/* 分类标题  */
	header.wppizza-header {
		display: flex !important;
		clear: both;
	}

	/* 每个产品的最外框 <article> */
	/**************** 菜品样式重新布局 图片大小 标题等 *******************/
	/*** 每行多个 设定宽度控制个数 需要联合下面的 img.wppizza-article-image-thumb.wp-post-image 做好同样的宽度 300px 尺寸 **/
	/** 默认图的尺寸 跟有图的需要对齐高度**/
	.wppizza-article-default .wppizza-article-image-placeholder {
		width: 273px !important;
		height: 185px !important;
		padding: 5px !important;
		margin: 0px !important;
	}

	/*默认图片-图标 放大*/
	.wppizza-article-default .wppizza-article-image-placeholder:before {
		font-size: 200px !important;
	}

	.wppizza-article-default {
		float: left;
		clear: none !important;
		width: 273px !important;
		border-radius: 0px;
		margin: 12px !important;
		border: 0px #0c0b0b solid !important;
		background-color: #151414 !important;
		padding: 0px !important;
	}

	.wppizza-article-default .wppizza-article-image img.wppizza-article-image-thumb {
		max-width: 100% !important;
	}

	.wppizza-article-default .wppizza-article-image .wppizza-article-image-thumb,
	.wppizza-article-default .wppizza-article-image .wppizza-article-image-placeholder {
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
	}

	/** 菜品标题控制独立一行 以便购物车折行最后 **/
	.wppizza-article-default h2.wppizza-article-h2 {
		display: block !important;
		height: 250px;
		line-height: 26px;
		/*菜品标题是包含图片，需要根据实际来定义  此设定是让标题绝对2行*/
	}

	/* 标题  ********* 控制最多2行 折行 超出出现省略号*/
	.wppizza-article-h2>span.wppizza-article-title {
		text-overflow: ellipsis;
		display: -webkit-inline-box;
		-webkit-line-clamp: 2;
		overflow: hidden;
		-webkit-box-orient: vertical;
		margin: 10px 10px;
		font-family: cabin-condensed, sans-serif;
		color: #ffffff;
		font-size: 24px;
		word-break: break-all;
		text-align: justify;
	}
}

/********* 手机版本  **************/
@media only screen and (max-width:750px) {
	.remove-header-padding {
		margin-top: 0px;
	}



	/* 每个产品的最外框 <article> */
	/**************** 菜品样式重新布局 图片大小 标题等 *******************/
	/*** 每行多个 设定宽度控制个数 需要联合下面的 img.wppizza-article-image-thumb.wp-post-image 做好同样的宽度 300px 尺寸 **/
	/** 默认图的尺寸 跟有图的需要对齐高度**/
	.wppizza-article-default .wppizza-article-image-placeholder {
		width: 100% !important;
		height: 185px !important;
		padding: 5px !important;
		margin: 0px !important;
	}

	/*默认图片-图标 放大*/
	.wppizza-article-default .wppizza-article-image-placeholder:before {
		font-size: 200px !important;
	}

	.wppizza-article-default {
		float: left;
		clear: none !important;
		width: 100% !important;
		border-radius: 0px;
		border: 0px #0c0b0b solid !important;
		background-color: #151414 !important;
		padding: 0px !important;
	}

	.wppizza-article-default .wppizza-article-image img.wppizza-article-image-thumb {
		max-width: 100% !important;
	}

	.wppizza-article-default .wppizza-article-image .wppizza-article-image-thumb,
	.wppizza-article-default .wppizza-article-image .wppizza-article-image-placeholder {
		padding: 0px !important;
		margin: 0px !important;
		border: 0px !important;
	}

	/** 菜品标题控制独立一行 以便购物车折行最后 **/
	.wppizza-article-default h2.wppizza-article-h2 {
		display: block !important;
		height: auto;
		line-height: 26px;
		/*菜品标题是包含图片，需要根据实际来定义  此设定是让标题绝对2行*/
	}

	/* 标题  ********* 控制最多2行 折行 超出出现省略号*/
	.wppizza-article-h2>span.wppizza-article-title {
		text-overflow: ellipsis;
		display: -webkit-inline-box;
		-webkit-line-clamp: 2;
		overflow: hidden;
		-webkit-box-orient: vertical;
		margin: 10px 10px;
		font-family: cabin-condensed, sans-serif;
		color: #ffffff;
		font-size: 24px;
		word-break: break-all;
		text-align: justify;
	}

	.wppizza-article-default h2.wppizza-article-h2 {
		text-align: left !important;
	}

	.wppizza-article-default .wppizza-article-sizes {
		text-align: right !important;
	}
}

/********* 手机版本  End **************/

.wppizza-article-default .wppizza-article-price>span {
	color: #e62129;
	font-size: 32px;
	font-family: cabin-condensed, sans-serif;
}

.wppizza-article-default .wppizza-article-sizes {
	padding: 0 10px !important;
	margin: -10px 0px;
}


/* 隐藏菜品描述 + 购物车 */

article.wppizza-article p,
.wppizza-article-default .wppizza-article-size:after {
	font-size: 1.5rem;
	display: none;
}


/*过敏源 独立一行 */

.wppizza-additives-default {
	clear: both;
}




/**************** End 菜品样式重新布局 图片大小 标题等 *******************/


}

.aboutTitle {
	font-family: julee, sans-serif;
	color: #DC0000;
	line-height: 72px;
}


/*******  tolan edit end 每行多个产品的样式 *******/
@media only screen and (min-width:750px) {
	img.wppizza-article-image-thumb.wp-post-image {
		width: 290px !important;
	}

	/** 菜品主图片 **/

	article.wppizza-article p {
		font-size: 1.5rem;
	}
}

@media only screen and (max-width:750px) {
	span.menuDiaItem1 {
		display: block;
		clear: both;
	}
}

#piko-content {
	margin-bottom: 0px !important;
}

/* Add your own styles here https://use.fontawesome.com/releases/v5.0.13/css/all.css*/
.header-dropdown.login-dropdown>a>span:not(.dropdown-text) {
	color: #000;
}

.mega-menu .wide .popup>.inner>ul.sub-menu>li.menu-item>a {
	font-size: 20px !important;
}

.mega-menu .wide .popup>.inner>ul.sub-menu>li.menu-item>a:hover {
	color: #f28519 !important;
}

/*修复菜单最右侧鼠标碰触 过早显示个人信息*/
body:not(.category-menu):not(.header-layout-2) .site-header .main-menu {
	z-index: 100 !important;
}

/****顶部右侧功能按钮区***/
.header-boxes-container li {
	color: #888888 !important;
}

.header-boxes-container li span {
	font-size: 22px !important;
	line-height: 1.5 !important;
	color: #000000 !important;
}

.header-boxes-container li p {
	font-size: 20px;
}

.header-boxes-container i {
	font-size: 2.2rem;
	left: -15px;
}

.header-boxes-container li:after {
	margin-top: -18px !important;
	height: 46px !important;
}

#wppizza-minicart.wppizza-minicart-fixed {
	/*顶部刚开始进入 隐藏购物车*/
	/*display: none;*/

	width: auto !important;
	left: unset !important;
	padding: 0 5px;
}

/****顶部右侧功能按钮区 end***/

/***** 折扣弹出框 ******/
.modal-dialog {
	color: #000 !important;
}

.popupTitle {
	text-align: center;
	font-size: 3rem;
	line-height: 0.1rem;
}

.popupContent {
	text-align: center;
	font-size: 2rem;
	line-height: 2rem;
}

.popupDate {
	text-align: center;
	font-size: 1rem;
	line-height: 1rem;
}

@media only screen and (max-width:750px) {
	.pop-header {
		background-size: 100% 100%;
		width: 100%;
		height: 100px;
	}

	.popupTitle {
		text-align: center;
		font-size: 2rem;
		line-height: 2rem;
	}

	.popupContent {
		text-align: center;
		font-size: 1.2rem;
		line-height: 1.3rem;
	}
}

/***** 折扣弹出框 End ******/
.block-header.right-center {
	top: 50% !important;
}

.fs150 {
	line-height: 1.2em;
	top: -130px;
	font-size: 2rem;
}

/**
@media only screen and (min-width: 1200px),
@media only screen and (min-width: 992px),
@media only screen and (max-width: 1440px),
@media only screen and (max-width: 1680px) **/
@media only screen and (min-width: 992px) and (max-width: 1680px) {
	.fs150 {
		font-size: 2em;
	}
}

@media only screen and (min-width: 750px) {
	.fs150 {
		font-size: 2rem;
	}
}

@media only screen and (min-width: 750px) {
	/**  tolan edit 菜单 列表里面的介绍对齐，值跟现在图片的大小相关  **/

	.wppizza-article p {
		margin-left: 159px;
	}
}

/*滚动广告按钮背景*/
.rev-btn:hover {
	background-color: #f08519 !important;
}

#piko-content {
	background-image: url(/wp-content/uploads/common/seamless-ocean-wave-pattern.jpg);
}

.wpb_wrapper .widget-title {
	background-color: #000;
	padding: 12px 15px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	color: #fff;
}

.signup-newsletter-form {
	padding: 0px 1px 0px 10px;
}

.footer-inner .widget-title {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px !important;
	color: #e62129 !important;
	margin: -2px 0 0px !important;
}

.footer .widget .links {
	margin: 0 !important;
}

#wppizza_widgets-3 {
	background-color: #f6f4f4;
}

.wppizza_widget {
	padding-bottom: 5px;
}

.wppizza-orders-info {
	padding: 0px;
}

/*产品价格变大 颜色主色*/
.wppizza-article-default {
	border: 1px #f6f4f4 solid;
	background-color: #f6f4f49e;
}

.wppizza-article-default:hover {
	background: #f2f2f2;
}

.wppizza-article-default .wppizza-article-price {
	font-size: 150% !important;
	color: #000;
}

.wppizza-article-default .wppizza-article-title:hover,
.wppizza-article-default .wppizza-article-price:hover {
	color: #e62129;
}

.wppizza-article-default .wppizza-article-price-currency {
	font-size: 250% !important;
	color: #e62129;
	padding-left: 0px !important;
}

.signup-newsletter-form input.input-text {
	padding: 0 !important;
	color: #f38519;
}

/*子页面 开始 */
.page-header .banner-subtitle {
	color: white;
	font-size: 1.80em;
	margin-right: 8px;
}

.entry-meta.wppizza-header-meta {
	/*子页面副标题*/

	color: black;
	font-size: 1.28em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 0.7em;
}

.entry-header {
	/*display: none;	*/
}

header.wppizza-header {
	background-color: #000 !important;
	margin: 10px 0px !important;
	padding: 15px !important;
}

.page-header {
	padding: 80px 0 80px !important;
	margin-bottom: 0px !important;
}

#wppizza-send-order,
#wppizza-orders-wrap-orderhistory,
.wppizza-order-wrap {
	margin-top: 20px;
}

.wppizza-fieldset {
	background-color: #ffffff !important;
}

/*tolan edit 在分页上增加重要的 wpb_column vc_column_container vc_col-sm-9 class的样式 以便分页样式与首页统一 weiyou_restaurant 为单独页面采用短码方式加载菜单编辑中设定*/
.archive #piko-content,
.weiyou_restaurant #piko-content,
.search #piko-content {
	padding: 20px 0px;
	margin-bottom: 0px !important;
}

/*
.archive #secondary{
	width: 25%;
	float: right;
	box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}*/
.archive #primary,
.weiyou_restaurant #primary,
.search #primary {
	width: 75%;
	float: left;
}

aside .widget-title:after {
	background-color: #2220 !important;
}

/*分类 检索等 统一外卖插件的小工具背景设定背景设定*/
section.wppizza_widget {
	background: #f6f4f4;
}

section.wppizza_widget li {
	font-size: 17px;
}

/*子页面 结束 */

/*内含食品说明*/
.wppizza-additives-default {
	text-align: left !important;
}

.wppizza-additives-default>span {
	line-height: 2rem !important;
}

/*tolan 移动版*/
.icon-line3:before {
	color: #000000;
}

@media (min-width: 1200px) {
	.map-container .form-container {
		right: 15px !important;
	}
}

@media only screen and (max-width: 750px) {
	.header-main .logo {
		width: 60%;
		text-align: center;
	}

	.navbar-toggle,
	.header-main .header {
		width: 20%;
	}

	.wppizza-article-default h2.wppizza-article-h2 {
		/*white-space: nowrap !important;*/
		top: 0px;
		/*position: absolute;*/
		font-size: 20px;
	}

	.wppizza-article-default .wppizza-article-image {
		float: none !important;
		/*margin-top: 25px;*/
	}

	.wppizza-article-default .wppizza-article-image .wppizza-article-image-thumb {
		width: 100% !important;
	}

	/*分页 子页样式修复*/

	.archive #primary,
	.weiyou_restaurant #primary,
	.search #primary {
		width: 95%;
		margin: 0 auto;
		float: none !important;
	}

	.wppizza-article-default {
		background-color: #f2f2f2;
	}

	.pagination:not(body) {
		float: none !important;
		margin-bottom: 0px !important;
	}

	/*.archive #primary,
	.weiyou_restaurant #primary {
		width: 100%;
		float: none !important;
	}*/
}

.wppizza_tm_na {
	background-color: #000000c9 !important;
}

/*Menu de dia 独立样式*/
.menuDiaItem1,
.menuDiaItem2 {
	float: left;
	margin-right: 8px;
	margin-left: 8px;
}

.menuDiaNote {
	clear: both;
	display: block;
}

@media only screen and (max-width:750px) {
	.menuDiaItem2 {
		clear: both;
	}
}

/***********优惠券************/

/*隐藏优惠券自动生成的说明*/
.wppizza_cad_coupon_order {
	display: none;
}

.wppizza_cad_coupons .wppizza_cad_coupon>label {
	color: #f28718;
}

.wppizza_cad_coupon_apply>span {
	color: #f18519;
	font-weight: bolder;
	font-size: 1.3rem;
}

.wppizza_cad_coupons .wppizza_cad_coupon {
	background-color: white;
	width: 32% !important;
}

@media only screen and (max-width:750px) {
	.wppizza_cad_coupons .wppizza_cad_coupon {
		width: 100% !important;
		margin: 0 10px 20px 0;
	}
}

/***********end 优惠券************/
.textwidget.custom-html-widget,
.footer a {
	font-size: 1.1rem;
}