/*
Theme Name: Life Coffee Original Theme
Theme URI: 
Author: Life Coffee
Author URI: 
Description: This is the theme for Life Coffee
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/**
 * Alignments - This is required.
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}


/* ---- Colors ---- */
/* 
 * dark brown  : #471A14
 * dark beige  : #BE8F59
 * yellow beige: #FFF2DD
 * light beige : #EDC391
 * light brown : #A3753F
 * brown       : #C09777
 * 
 * ---------------- */



html, body { background-color:#fff2dd; background-image:url(img/bg.png); }
body { color:#502A14; }


body { font-family: Meiryo; }
a { color: #CA7A14; }

.text-center img { margin-left:auto; margin-right:auto; }

.btn-primary {
	background-color:#48628c;
	border-color:#48628c;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
	background-color:#364d71;
	border-color:#364d71;
}

.btn-rounded { padding:6px 42px; border-radius: 20px; }

.pagination>li>a, .pagination>li>a:hover, .pagination>li>a:active { border-color:transparent; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:#48628c; border-color:#48628c; }


.main-header {}
.admin-bar .main-header { top: 46px; }


.main-visual { margin:0; padding-top:100px; padding-bottom:80px; background:#58391C url(img/main-visual-bg.jpg) center 0; color:white; box-shadow:0 0 30px #000 inset; }
.main-visual .brand { margin:0 0 30px; }
.main-visual h1, .main-visual p { font-size:14px; font-size:1.4rem; font-weight:bold; letter-spacing:1px; line-height:1.5; }
.main-visual .lead { margin-bottom:25px; font-size:30px; font-size:3rem; font-weight:normal; letter-spacing:3px; }
.main-visual .lead span { display:block; }

.global-nav { position:relative; font-size:16px; font-weight:bold; margin-bottom:40px; }
.global-nav .nav>li>a { padding-left:5px; padding-right:5px; }
.global-nav .nav>li>a, .global-nav .nav>li>a:visited,.global-nav .nav>li>a:link { color:#502A14; background-color:transparent; }
.global-nav .nav>li>a:hover, .global-nav .nav>li>a:active { color:#502A14; }
.global-nav-toggle { float:none; }
.sticky-nav .global-nav { position:fixed; top:0; left:0; right:0; z-index:20; background-color: #8C5748; }
.sticky-nav .global-nav .nav>li>a, .sticky-nav .global-nav .nav>li>a:visited, .sticky-nav .global-nav .nav>li>a:link { color:white; }

.btn-global-nav {
	color: #fff;
	background-color: #8C5748;
	border-color: transparent;
}
.btn-global-nav.active, .btn-global-nav.focus, .btn-global-nav:active, .btn-global-nav:focus, .btn-global-nav:hover, .open>.dropdown-toggle.btn-global-nav {
	color: #fff;
	background-color: #8C5748;
	border-color: transparent;
}
.global-nav .btn-global-nav { border-radius:0; }
.no-gutter-xs { margin-left:-15px; margin-right:-15px; }
.no-gutter    { margin-left:-15px; margin-right:-15px; }

.hr-beans { margin:40px 0; }

.main-content h2, .main-content h3, .main-content h4, .main-content .h2, .main-content .h3, .main-content .h4 { font-weight:bold; }

.main-content h1, .main-content .h1 { font-size:30px; font-size:3rem; font-weight:normal; margin:0 0 30px; }
.main-content h2, .main-content .h2 { font-size:20px; font-size:2rem; }
.main-content .h2 { margin:0 0 30px; }
.main-content .h3 { margin:20px 0; font-size:16px; font-size:1.6rem; line-height:1.5; }
.main-content .h4 { font-size:16px; line-height:1.5; }
.main-content .h5 { font-size:14px; margin-top:10px; margin-bottom:10px; }

.main-content section, .main-content .section { margin-top:30px; margin-bottom:30px; }

.news ul li { margin:25px 0; padding-left:10px; font-size:16px; list-style-image:url(img/bean-sm.png); }
.news ul li span, .news ul li a { display:inline-block; vertical-align:top; }
.news ul li span { margin-right: 20px; }
.news ul li .category a { font-size:11px; font-size:1.1rem; text-decoration:none; color:white; background-color:#48628c; border-radius:16px; margin-top:2px; padding:1px 12px; text-align:center; }
.news ul li .post-title { display:block; color:#5a5a5a; }

.item { background-color: #ffffff; margin-bottom:20px; padding:30px 10px; box-shadow:0 4px 1px #CEBEA5; }
.item-image { position:relative; }
.item-image:after { content:' '; position:absolute; bottom:-25px; right:0; width:60px; height:60px; background:url(img/beans-sm.png) no-repeat 0 0; }
.item a, .item a:link, .item a:visited { color:#7b4525; }

.separator { margin-top:60px; margin-bottom:60px; padding:0; }

.main-footer { padding-top:30px; background-color:white; border-top:30px solid #D2BA9C; }
.shop-info .shop-info-box { margin-top:40px; margin-bottom:40px; }
.social-plugins { padding-bottom:60px; }
.social-plugins>* { vertical-align:bottom; }
.copyright { padding:20px 0; }

.title .glyphicon { font-size:125%; vertical-align:middle; }
.title .glyphicon-gift { color: #B12323; }
.title .glyphicon-star { color: #FD8506; }

.table-roast-info { background-color:#fff; }
.table-roast-info tr th, .table-roast-info tr td { border:none; }
.table-roast-info .color-1 { background-color:#FFE469; }
.table-roast-info .color-2 { background-color:#FFAD4C; }
.table-roast-info .color-3 { background-color:#FF7B31; color:white; }
.table-roast-info .color-4 { background-color:#AF2F0B; color:white; }
.table-roast-info dl { margin-bottom:0; }

.item-box { margin-bottom:20px; font-size:11px; font-size:.785rem; }
.item-box .item-box-container { display:block; background-color:white; text-decoration:none; color:#333; }
.item-box-image { position:relative; top:0; left:0; padding-top:75%; background-color:#e5e5e5; margin:0; }
.item-box-image>span { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.item-box-image>span>span { display:table; width:100%; height:100%; }
.item-box-image>span>span>span { display:table-cell; vertical-align:middle; }
.item-box-title { font-size:160%; font-weight:bold; color:#E63464; }
.item-box-content { padding:15px 15px 0; }
.item-box-content p { margin:0 0 15px; }

.new-posts .media { padding-bottom:5px; border-bottom:1px dashed; margin-bottom:20px; }

body { margin-bottom:46px; }
.footer-nav { position:fixed; bottom:0; left:0; right:0; }
.footer-nav .btn { border-radius:0; }
.footer-nav .btn-default, .footer-nav .btn-default:active, .footer-nav .btn-default:hover, .footer-nav .btn-default.active { background-color:#8C5748; border-color:#8C5748; color:white; }

.main-content .post { background-color:white; border-radius:8px; padding:28px; margin-bottom:50px; }
.main-content .post-title { margin-bottom:15px; }
.main-content .post-info { padding:8px 4px; background-color:#F3EFED; border-radius:6px; box-shadow:1px 1px 2px rgba(0,0,0,.1) inset; }
.main-content .post-info p { float:left; margin:0 10px; }
.main-content .post-content { margin-top:40px; margin-bottom:40px; }
.main-content .post.single .post-content { font-size:16px; font-size:1.6rem; }
.main-content .post-social-btns>* { vertical-align:top; }

.main-content .list-group .active { background-color:#8C5748; border-color:#8C5748; cursor:default; }

.breadcrumb { background-color:transparent; padding:0 0 4px; border-bottom:1px solid #8C5748; border-radius:0; }
.breadcrumb>li+li:before { color:#8C5748; }
.breadcrumb>li.active{ color:#555555; }

.sidebar>section:first-child { margin-top:0; }

/* ---- Media Queries ---- */

@media (min-width: 768px) {
	.main-content h2, .main-content .h2 { font-size:20px; font-size:2rem; }
	.main-content .h3 { font-size:20px; font-size:1.8rem; }
	.main-content .h4 { font-size:18px; }
	.main-visual h1, .main-visual p { letter-spacing:.3em; }
	.main-visual .lead span { display:inline; }
	.news ul li .post-title { display:inline-block; }
	.global-nav { padding-top:15px; padding-bottom:15px; }
	.global-nav-inner.collapse { display:block; height:auto !important; }
	.roast-col-1, .roast-col-2 { display:inline-block; }
	body { margin-bottom:0; }
	.sticky-nav .brand { position:fixed; top:5px; width:60px; z-index:25; }
	.sticky-nav .global-nav-inner { margin-left:60px; }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}