/*
	Towns Dumpling — 站点自定义样式
	---------------------------------------------------------------
	说明：
	- main.css / noscript.css / fontawesome-all.min.css 是 HTML5 UP "Dopetrope"
	  模板原文件，请不要直接修改，方便以后升级模板。
	- 所有与本站相关的样式覆盖（原页面里的 inline style）都集中在这里。
	- 引用顺序：main.css -> site.css（后者覆盖前者）。
*/

/* ---------------------------------------------------------------
   1. 顶部 Header（品牌区）
   --------------------------------------------------------------- */

/* 顶部大背景图。模板默认是 images/header.png，这里改到 images/brand/ 目录 */
#header {
	background-image: url("../../images/brand/header.png");
}

/* Logo 图片尺寸（原页面 inline: height:50%; width:50%） */
#header .inner header .site-logo {
	width: 50%;
	height: 50%;
}

/* 品牌名（原页面 inline: color:white） */
#header .inner header .site-name,
#header .inner header .site-name a {
	color: #fff;
}

/* ---------------------------------------------------------------
   2. 分店轮播（Locations carousel）
   --------------------------------------------------------------- */

/* 每张分店卡片顶部对齐，避免文字行数不同导致高低不齐 */
.carousel .reel article {
	vertical-align: top;
}

/* “Order Now” 按钮（原页面每家分店重复的 inline style） */
.btn-order {
	display: inline-block;
	margin-top: 0.8em;
	padding: 0.5em 0.8em;
	border-radius: 8px;
	background-color: rgba(220, 220, 220, 0.9);
	color: rgba(250, 0, 0, 0.9);
	font-size: 0.8em;
	text-decoration: none;
	border-bottom: none;
}

.btn-order:hover {
	background-color: rgba(240, 240, 240, 1);
}