@charset "utf-8";
/* $Id: style-shop.css,v 2.0 2017/04/26 Yuh Exp $ */

div.node-type-shop div.text-body { margin: 0; }

/* --------------------------------------------------
 * Shop Teaser Class
 * -------------------------------------------------- */
div.shop-teaser { padding: 9px; line-height: 1.3; border: 1px solid #CCC; }
div.shop-teaser img.imagecache { float: left; padding: 4px; border:1px solid #DDD; background: #FFF; }
div.shop-teaser div.shop_titles { float: left; margin-left: 12px; }
div.shop-teaser h2 { margin: 5px 0 5px; font-size: 18px; color: #222; }
div.shop-teaser h2 a { color: #222; }

.shop-teaser h3.shop_intro_title1 { margin: 0 0 1em; font-size: 100%; color: #37A982; }

div.shop-teaser div.shop_address_box { margin: 3px 0 5px; }

div.shop-teaser span.shop_title_tel,
div.shop-teaser a.shop_title_site span,
div.shop-teaser a.shop_title_detail span {
	float: left;
	display: block;
	width: 130px;
	margin: 3px 7px 3px 0;
	padding: 5px 8px;
	font-size: 93%;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background: #66C7CB;
	border: 2px solid #DDD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.shop-teaser span.shop_title_tel { background: #3EA3A8; }

div.shop-teaser a.shop_title_site { text-decoration: none; }
div.shop-teaser a.shop_title_site span { background: #43A85F; }
div.shop-teaser a.shop_title_site:hover span { background: #42CB51; }

div.shop-teaser a.shop_title_detail { text-decoration: none; }
div.shop-teaser a.shop_title_detail span { margin-right: 0; background: #F5AE00; }
div.shop-teaser a.shop_title_detail:hover span { background: #FFC500; }

div.shop-teaser div.shop_text_tel { margin: 0 0 5px; }

/* --------------------------------------------------
 * Shop Node Class
 * -------------------------------------------------- */
/*-- Top & Bottom Box --*/
.shop-top-box { margin: 0 0 1em; padding: 5px; background: #F3F3F3; }

.shop-top-box .shop-title-image { display: table-cell; width: 30%; line-height: 1.0; vertical-align: middle; }
.shop-top-box .shop-title-image img { display: inline; }

.shop-top-box .shop-title-box { display: table-cell; width: 68%; padding: 0 0 0 1%; vertical-align: middle; }
.shop-top-box .shop-title-box h1.page-title { margin: 1em 0 1em; font-size: 18px; line-height: 1.2; color: #222; }

.shop-area-box { margin: 0 0 1em; background: #FCFCFC; }
.shop-area-box ul { margin: 0; padding: 3px; list-style: none; }

.shop-top-box .shop-area-box { width: 100%; margin: 0; padding: 5px 4px; color: #FFF; font-size: 86%; text-align:center; line-height: 1.0; background: #889; border-radius: 4px; }

.shop-top-box .shop-title-box-info { letter-spacing: -0.4em; }

.shop-top-box .shop-title-box-info .shop-logo { display: inline-block; width: 51%; margin: 0 1% 0 0; vertical-align: middle; line-height: 0.9; letter-spacing: normal; }
.shop-top-box .shop-title-box-info .shop-logo img { width: 100%; max-width: 250px; height: auto; border-radius: 4px; }

.shop-top-box .shop-title-box-info .shop-title-box-contact { display: inline-block; width: 48%; vertical-align: middle; letter-spacing: -0.4em; line-height: 1.1; }

.shop-bottom-box .shop-title-box-contact { letter-spacing: -0.4em; }

.shop-bottom-box { margin: 0 0 0.7em; padding: 8px 8px 10px; border: 1px solid #CCC; background: #F2F2F2; border-radius: 4px; }

.shop-bottom-box h3 {
	margin: 0 0 10px; padding: 7px 0 14px;
	font-size: 110%; line-height: 1.2; color: #222; text-align: center;
	border-bottom: 1px dotted #999;
}

.shop-top-box span.shop-title-tel,
.shop-top-box a.shop-title-site span,
.shop-top-box a.shop-title-detail span,
.shop-bottom-box span.shop-title-tel,
.shop-bottom-box a.shop-title-site span,
.shop-bottom-box a.shop-title-detail span { 
	padding: 5px 6px 4px; font-size: 13px; color: #FFF; font-weight: bold; text-align: center; letter-spacing: normal; background: #66C7CB; border-radius: 4px;
}

.shop-top-box span.shop-title-tel { display: block; margin: 0 0 2px; }
.shop-top-box a.shop-title-site span { display: block; margin: 0; }

.shop-bottom-box span.shop-title-tel,
.shop-bottom-box a.shop-title-site span { display: inline-block; width: 49%; margin: 0 1% 0 0; }

.shop-top-box a.shop-title-site span { margin: 0; }

.shop-bottom-info span.shop-title-tel { background: #3EA3A8; }

.shop-top-box a.shop-title-site,
.shop-bottom-box a.shop-title-site { text-decoration: none; }

.shop-top-box a.shop-title-site span,
.shop-bottom-box a.shop-title-site span { background: #43A85F; }

.shop-top-box a.shop-title-site:hover span,
.shop-bottom-box a.shop-title-site:hover span { background: #42CB51; }

/* Introduction Text and Images */
body.page-node article .field-name-field-shop-intro-title1 { 
	margin: 0 0 0.5em; padding: 8px 10px;
	font-size: 16px; font-weight: 700; color: #FFF;
	background: #62CAAF;
}

body.page-node article .field-name-field-shop-intro1,
body.page-node article .field-name-field-shop-intro2,
body.page-node article .field-name-field-shop-intro3,
body.page-node article .field-name-field-shop-intro4 { margin: 0 0 1.6em; line-height: 1.7; }


body.page-node article .field-name-field-shop-sub-image1 .field-items,
body.page-node article .field-name-field-shop-sub-image2 .field-items,
body.page-node article .field-name-field-shop-sub-image4 .field-items,
body.page-node article .field-name-field-shop-sub-image5 .field-items { letter-spacing: -0.4em; }

body.page-node article .field-name-field-shop-sub-image1 .field-item,
body.page-node article .field-name-field-shop-sub-image2 .field-item,
body.page-node article .field-name-field-shop-sub-image4 .field-item,
body.page-node article .field-name-field-shop-sub-image5 .field-item { margin: 0 0 1.6em; font-size: 12px; line-height: 1.3; text-align: center; letter-spacing: normal; }

body.page-node article .field-name-field-shop-sub-image1 .field-item img,
body.page-node article .field-name-field-shop-sub-image2 .field-item img,
body.page-node article .field-name-field-shop-sub-image4 .field-item img,
body.page-node article .field-name-field-shop-sub-image5 .field-item img { margin: 0 auto; }

body.page-node article .field-name-field-shop-sub-image1 .field-item.shop-subimage-half,
body.page-node article .field-name-field-shop-sub-image2 .field-item.shop-subimage-half,
body.page-node article .field-name-field-shop-sub-image4 .field-item.shop-subimage-half,
body.page-node article .field-name-field-shop-sub-image5 .field-item.shop-subimage-half { display: inline-block; width: 48%; margin: 0 1% 1.6em; line-height: 1.0; vertical-align: top; }

body.page-node article .field-name-field-shop-sub-image1 .shop-subimage-caption,
body.page-node article .field-name-field-shop-sub-image2 .shop-subimage-caption,
body.page-node article .field-name-field-shop-sub-image3 .shop-subimage-caption,
body.page-node article .field-name-field-shop-sub-image4 .shop-subimage-caption,
body.page-node article .field-name-field-shop-sub-image5 .shop-subimage-caption { margin: 0.3em 0 0; font-weight: bold; }

body.page-node article .field-name-field-shop-sub-image1 .field-item.shop-subimage-half .shop-subimage-caption,
body.page-node article .field-name-field-shop-sub-image2 .field-item.shop-subimage-half .shop-subimage-caption,
body.page-node article .field-name-field-shop-sub-image4 .field-item.shop-subimage-half .shop-subimage-caption,
body.page-node article .field-name-field-shop-sub-image5 .field-item.shop-subimage-half .shop-subimage-caption { text-align: left; }

/* Field Label & Headings */
body.page-node article .field-name-field-access-info1 .field-label,
body.page-node article .shop-info-group .panel-heading,
body.page-node article .group-message-from-staff .panel-heading,
body.page-node article .field-name-field-shop-feeds-title .field-item {
	margin: 0 0 0.5em; padding: 8px 10px;
	font-size: 1em; font-weight: 700; color: #FFF; line-height: 1.2;
	border-left: 10px solid #295537;
	background: #37A982;
	border-radius: 4px;
}

/* Shop Information -- Address, Tel, Website, etc... */
body.page-node article .shop-info-group { border: none; margin-bottom: 0.5em; padding: 0; box-shadow: none; }

body.page-node article .shop-info-group .panel-body { padding: 0; }

body.page-node article .shop-info-group .panel-body .field-label-inline {
	display: -webkit-flex; display: flex;
	-webkit-justify-content: flex-start; justify-content: flex-start;
	-webkit-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-align-items: stretch; align-items: stretch;
	width: 100%; margin: 0 0 0.5em; border: 1px solid #CCC;
	box-sizing: border-box;
}

body.page-node article .shop-info-group .panel-body .field-label {
	float: none; width: 30%; padding: 5px; background: #EEE; border-right: 1px solid #CCC; box-sizing: border-box;
}

body.page-node article .shop-info-group .panel-body .field-items {
	float: none; width: 68%; padding: 5px; background: #FFF; word-break: break-all; box-sizing: border-box;
}

/* Access & Map */
body.page-node article .field-name-field-access-info1 .field-items { margin: 0 0 0.5em; padding: 14px; border: 1px solid #BBB; font-size: 93%; }
body.page-node article .field-name-field-location-on-gmap .field-item { margin: 0 0 1em; border: 1px solid #CCC; }
body.page-node article .geolocation-map { margin: 0; }

/* Message from Staff */
body.page-node article .group-message-from-staff { border: none; }
body.page-node article .group-message-from-staff .panel-body { margin: 0 0 1em; padding: 14px; background: #FFE6D8; border-radius: 3px; clear: both; }
body.page-node article .group-message-from-staff .panel-heading { margin: 0 0 0.5em; background: #FFA928; border-left: 10px solid #FF8539; }

body.page-node article .group-message-from-staff .field-name-field-shop-staff-message1 { display: inline; line-height: 1.7; }
body.page-node article .group-message-from-staff .field-name-field-shop-sub-image3 { width: 48%; float: right; margin: 0 0 0 7px; font-size: 12px; }
body.page-node article .group-message-from-staff .field-name-field-shop-sub-image3 img { border: 1px solid #EEE; padding: 4px; background: #FFF; }

/* Shop Blog Feed -- Not Upgraded */
body.page-node article .field-name-field-shop-feeds-title .field-item { margin: 0; background: #4EA9BC; border-left: 10px solid #3B586B; }

body.page-node article .field-name-field-shop-feeds-view { margin: 0 0 1em; }
body.page-node article .field-name-field-shop-feeds-view ul { list-style: none; margin: 0; padding: 0; }
body.page-node article .field-name-field-shop-feeds-view ul li { 
	margin: 1px 0 0; padding: 7px 8px 7px 26px; background: #F3F3F3; font-size: 13px; font-weight: bold; color: #333;
	background: #E6F3FC url(images/ico_link_arrow1.png) 7px 7px no-repeat;
}

body.page-node article .views-field-field-shop-feed-link a { color: #333; }
body.page-node article .views-field-field-shop-feed-date { font-size: 11px; color: #888; }



div.shop_feeds_box div.feed-title a { color: #333; }
div.shop_feeds_box div.feed-content { margin: 0.3em 0 0.3em; padding: 3px 8px; font-size: 86%; border-bottom: 1px solid #999; }

/* Back to Index */ 
div.shop_back_to_index { margin: 0 0 1em; padding: 8px 10px; font-size: 12px; text-align: right; line-height: 1.2; background: #EAF2FB; border-radius: 4px; }
div.shop_back_to_index a.btn_back_to_index { font-weight: bold; }
div.shop_back_to_index a.btn_back_to_index span { padding: 0 15px 0 0; background: url(images/ico_link_arrow1.png) right top no-repeat; }

/* --------------------------------------------------
 * Shop index class
 * -------------------------------------------------- */
div.shop-index-header { margin: 0 0 15px; padding: 10px; border: 1px solid #3AC586; border-radius: 10px; font-size: 0px; line-height: 1.3; text-align: center; }

div.shop-index-header h2 { display: inline-block; margin: 0 2% 0 0; width: 50%; vertical-align: middle !important; font-size: 20px; }
div.shop-index-header h2 img { width: 100%; height: auto; }
div.shop-index-header .cw-shop-intro { display: inline-block; width: 46%; vertical-align: middle !important; }
div.shop-index-header h3.cw-shop-sub-title { margin: 0.2em 0 0.5em; padding: 5px 9px; font-size: 15px; font-weight: bold; color: #FFF; background: #00B655; border-radius: 3px; }
div.shop-index-header p.cw-shop-description { font-size: 13px; font-weight: bold; color: #36AE7A; text-align: left; }
div.shop-index-header p.cw-shop-description strong { color: #00805F; font-size: 15px; }

body.page-node-98494 #page-header-wrapper,
body.page-node-98494 .os-share-widget-interface { display: none; }

/* --------------------------------------------------
 * Shop block class
 * -------------------------------------------------- */
/*--- Titles --*/
#block-views-shopview-block-2 h2.block-title,
#block-block-27 h2.block-title,
#block-views-shopview-block-1 h2.block-title,
#block-views-9f705f0de52d7720722caffd84a67904 h2.block-title {
	margin: 0 0 1px; padding: 6px 10px;
	color: #FFF;
	border: none;
	border-left: 8px solid #295537;
	background: #37A982;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/*--- Shop Search Box --*/
#block-views--exp-shopview-page_2 {
	padding: 0; margin: 0;
}

#block-views--exp-shopview-page_2 h2.block-title {
	margin: 0 0 1px;
}

#block-views--exp-shopview-page_2 div.block-body {
	padding: 0 10px; margin: 0 0 1em;
	font-size: 86%;
	background: #F1F1F1;
}

form#views-exposed-form-shopview-page-2 {
	margin: 0;
}

/*--- Shop Blog / News Blocks --*/
/* Index page title */
#block-views-9f705f0de52d7720722caffd84a67904 h2.block-title { margin: 0 0 0.5em; background: #4EA9BC; border: none; border-left: 8px solid #3B586B; }

/* Side bar title */
#block-views-73d5ed3e913ac280d2e737538c05f2ab h2.block-title { margin: 0; font-size: 13px; color: #FFF; background: #4EA9BC; border: none; border-left: 8px solid #3B586B; }

.view-display-id-shop_all_feeds_block_index,
.view-display-id-shop_all_feeds_block_sidebar { margin: 0 0 1em; }

.view-display-id-shop_all_feeds_block_index ul,
.view-display-id-shop_all_feeds_block_sidebar ul { list-style: none; margin: 0; padding: 0; letter-spacing: -0.4em; }

.view-display-id-shop_all_feeds_block_index ul li { display: inline-block; width: 49%; margin: 0 0.5% 1em; padding: 0; font-size: 12px; line-height: 1.2; letter-spacing: normal; vertical-align: top; }
.view-display-id-shop_all_feeds_block_sidebar ul li { clear: both; margin: 0; padding: 5px; border: 1px solid #DDD; border-top: none; font-size: 12px; line-height: 1.2; letter-spacing: normal; vertical-align: top; }

.view-display-id-shop_all_feeds_block_index ul li .views-field-nothing .field-content,
.view-display-id-shop_all_feeds_block_sidebar ul li .views-field-nothing .field-content { letter-spacing: -0.4em; }

.view-display-id-shop_all_feeds_block_index ul li .shop_feed_image,
.view-display-id-shop_all_feeds_block_sidebar ul li .shop_feed_image { display: inline-block; width: 35%; margin: 0 1% 0 0; vertical-align: top; letter-spacing: normal; }

.view-display-id-shop_all_feeds_block_index ul li .shop_feed_detail,
.view-display-id-shop_all_feeds_block_sidebar ul li .shop_feed_detail { display: inline-block; width: 62%; vertical-align: top; font-weight: bold; letter-spacing: normal; }

.view-display-id-shop_all_feeds_block_index ul li .field-name-field-shop-feed-date,
.view-display-id-shop_all_feeds_block_sidebar ul li .field-name-field-shop-feed-date { font-size: 11px; font-weight: normal; }


/*--- Pickup at Shop Index Page --*/
#block-views-shopview-block-1,
#block-views-shopview-block-2 { margin: 0 0 1em; }

#block-views-shopview-block-1 ul,
#block-views-shopview-block-2 ul {
	display: -webkit-flex; display: flex;
	-webkit-flex-wrap: wrap; flex-wrap: wrap;
	list-style: none; margin: 0; padding: 0; width: 100%;
	line-height: 1.4;
}

#block-views-shopview-block-1 li { margin: 0.3em 0.5% 0.5em; border: 2px solid #E3E3E3; width: 24%; vertical-align: top; box-sizing: border-box; background: #FFF; }
#block-views-shopview-block-2 li { margin: 0.3em 0.6% 0.5em; border: 2px solid #E3E3E3; width: 32%; vertical-align: top; box-sizing: border-box; background: #FFF; }

#block-views-shopview-block-1 .views-field-field-shop-image1,
#block-views-shopview-block-1 .views-field-field-shop-image2 { line-height: 1.0; }

#block-views-shopview-block-1 .views-field-field-shop-image1-fid .field-content,
#block-views-shopview-block-2 .views-field-field-shop-image1-fid .field-content { text-align: center; }

#block-views-shopview-block-1 .views-field-title { padding: 3px; font-size: 86%; font-weight: bold; color: #FFF; background: #000; }
#block-views-shopview-block-2 .views-field-title { padding: 5px; font-size: 110%; font-weight: bold; color: #FFF; background: #000; }

#block-views-shopview-block-1 .views-field-title a,
#block-views-shopview-block-2 .views-field-title a { color: #FFF; }

#block-views-shopview-block-1 .views-field-term-node-tid,
#block-views-shopview-block-2 .views-field-term-node-tid { padding: 3px; font-size: 78%; color: #FFF; background: #777; }

#block-views-shopview-block-1 .views-field-field-shop-intro-title1 { padding: 3px; font-size: 78%; }
#block-views-shopview-block-2 .views-field-field-shop-intro-title1 { padding: 3px; font-size: 86%; font-weight: bold; color: #333; }

/*--- Pickup in Side bar --*/
#block-views-shopview-block-4 { margin: 0 0 0.1em; }

#block-views-shopview-block-4 h2.block-title {
	margin: 0; padding: 7px 6px;
	font-size: 93%; color: #FFF; text-align: center;
	background: #62caaf; border: none; border-top: 1px solid #01847f;
}

#block-views-shopview-block-4 ul { list-style: none; margin: 0; padding: 0; width: 100%; line-height: 1.4; }
#block-views-shopview-block-4 ul li { padding: 5px; width: 100%; border: 1px solid #DDD; border-top: none; }

#block-views-shopview-block-4 .views-field-title {
	margin: 0 0 5px; padding: 0 0 3px;
	font-size: 14px; font-weight: bold; color: #000;
	background: #FFF; border-bottom: 1px solid #DDD;
}

#block-views-shopview-block-4 .views-field-field-shop-intro-title1 .field-content { letter-spacing: -0.4em; }

#block-views-shopview-block-4 .views-field-title a { color: #000; }
#block-views-shopview-block-4 .shop-pickup-side-image { display: inline-block; width: 46%; margin: 0; padding: 0; line-height: 1.0; vertical-align: top; letter-spacing: normal; }
#block-views-shopview-block-4 .shop-pickup-side-info { display: inline-block; width: 50%; margin: 0 0 0 2%; font-size: 12px; font-weight: normal; color: #444; vertical-align: top; letter-spacing: normal; }

#block-views-shopview-block-4 .shop-pickup-side-area,
#block-views-shopview-block-4 .shop-pickup-side-intro { margin: 0; padding: 3px; }

#block-views-shopview-block-4 .shop-pickup-side-area { display: inline-block; padding: 3px; border: 1px solid #DDD; border-radius: 4px; background: #EEE; }

#block-views-shopview-block-4 .view-footer {
	margin: 0 0 0.5em; padding: 3px 5px;
	font-size: 12px; text-align: right;
	border: 1px solid #ccc; border-top: none; background: #F3F3F3;
}

#block-views-shopview-block-4 div.view-footer a { padding: 0 15px 0 0; color: #333; background: url(images/ico_link_arrow2.png) right top no-repeat; }

/*--- Shop banner on front page --*/
#block-block-31 .block-body,
#block-block-34 .block-body { margin: 0; padding: 0; }

/*--- Contact Button on Sidebar --*/
#block-block-37 { margin: 0 0 1em; line-height: 0.9; }
#block-block-37 img { width: 100%; height: auto; }