/*
Theme Name: Trousseau Theme
Author: KAIZEN
Author URI: http://kaizengroup.co/
Description: Tema desenvolvido para o Blog Trousseau
Version: 11.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: blogtrousseau
*/
h1, h2, h3, h4, h5 { font-family: 'Lora', serif; color: #555; }
body { color: #333; }

.color-gold { color: #BB9C62; }

.bg-light-gray { background: #f2f2f2; }

.header-blog { height: 45px; font-family: 'Raleway', sans-serif; font-size: 11px; }
.header-blog a { display: inline-block; color: #555; text-decoration: none; font-weight: bold; margin-top: 15px; }
.search-top { margin-top: 8px; }
.search-top input { background: none; border: none; padding: 5px; }
.search-top input:focus { border-bottom: 1px solid #CCC; }
.search-top button { }
#header { padding: 50px 0; }
.brand { display: inline-block; width: 331px; height: 98px; text-indent: -2000em; background: url(img/logo.png) center center no-repeat; overflow: hidden;  }
.brand-en { display: inline-block; width: 275px; height: 115px; text-indent: -2000em; background: url(img/logo_en.png) center center no-repeat; overflow: hidden;  }
.navbar-toggle { float: none; }
.navbar-toggle .icon-bar { background: #555; }
.navbar-nav { float:none; margin:0 auto; display:inline-block; font-size: 12px; font-family: 'Raleway', sans-serif; font-weight: 100; text-decoration: none; text-transform: uppercase; }
.navbar-nav a { color: #555; }
.nav-wrapper { margin-bottom: 45px; }

#banner { margin-bottom: 80px; max-height: 520px; overflow: hidden; }

.posts-header { text-align: center; }
.post-date { font-family: 'Raleway', sans-serif; color: #777; font-size: 13px; text-transform: uppercase; }
.posts-header { margin-bottom: 30px; }
.carousel-caption h2,
.posts-header h2 { margin-top: 10px; font-family: 'Lora', serif; font-size: 28px; } 
.carousel-caption h2 a,
.posts-header h2 a { color: #555; font-weight: normal; }
.posts-body { text-align: center; }
.posts-body img { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; }
.posts-list img,
.posts-body .post-body-feature-image img { width: 100%; height: auto; }
.posts-body p { margin: 30px 0; text-align: left; font-family: 'Raleway', sans-serif; font-size: 15px; line-height: 25px; font-weight: 300; }
.posts-body ul li,
.posts-body ol li { font-family: 'Raleway', sans-serif; font-size: 15px; line-height: 25px; font-weight: 300; }
.read-more { background: #f2f2f2; color: #555; padding: 10px 25px; font-family: 'Raleway', sans-serif; }
.read-more:hover,
.read-more:active { color: #555; }
.post-tag { display: block; color: #999; margin: 30px auto; font-family: 'Raleway', sans-serif; font-size: 12px; letter-spacing: 1px; }
.post-tag a { color: #999; margin-right: 10px; text-transform: uppercase; }

.posts-footer { position: relative; padding: 10px 0; margin-bottom: 70px; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; text-align: center; font-family: 'Raleway', sans-serif; color: #555; letter-spacing: 1px; }
.social-share { position: absolute; right: 0; }
.icon { display: inline-block; margin-right: 10px; width: 25px; height: 25px; text-indent: -2000em; overflow: hidden; }
.icon-facebook { background: url(img/social_icons.png) 5px -3px no-repeat; }
.icon-instagram { background: url(img/social_icons.png) -35px 0px no-repeat; }
.icon-youtube { background: url(img/social_icons.png) -75px 0px no-repeat; }
.icon-twitter { background: url(img/social_icons.png) -105px -2px no-repeat; }
.icon-google { background: url(img/social_icons.png) -135px -2px no-repeat; }
.icon-search {width: 28px; height: 28px;  background: url(img/icon-search.png) left center no-repeat; padding-left: 20px; background-size: 15px; border: none; text-indent: -200em; margin-left: 5px; overflow: hidden; }

.sidebar { padding: 0 40px; }
.sidebar h6 { text-align: center; font-family: 'Raleway', sans-serif; font-size: 13px; letter-spacing: 1px;  color: #555;}
.profile-card { text-align: center; margin-bottom: 50px; }
.profile-card h3 { color: #BB9C62; font-family: 'Lora', serif; }
.profile-card p { font-family: 'Raleway', sans-serif; font-size: 13px; line-height: 25px; font-weight: 300; }

.newsletter-signup { text-align: center; }
.newsletter-signup .signup { display: inline-block; width: 100%; border: 1px solid #CCC; margin-top: 20px;  }
.newsletter-signup p { margin: 0; }
.newsletter-signup input { display: inline-block; border:none; padding: 10px; width: 80%; }
.newsletter-signup button { display: inline-block; border:none; background: none; padding: 13px 10px; font-family: 'Raleway', sans-serif; font-size: 11px; font-weight: bold; }

.side-box { margin-bottom: 50px; }
.latest-posts { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 300; }
.latest-posts .thumbnail-post { width: 310px; height: 205px; overflow: hidden; text-align: center; }
.latest-posts .thumbnail-post img { width: 100%; height: auto; }
.latest-posts p { margin: 30px 0; text-decoration: underline; color: #555; }

.archive-posts ul { list-style: none; padding: 0; }
.archive-posts ul li { margin-bottom: 15px; }
.archive-posts ul a { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 300; color: #555; }

.side-box .post-tag { text-decoration: underline; word-break: break-all; }

#footer { border-top: 1px solid #CCC; padding: 20px 0; font-family: 'Raleway', sans-serif; font-size: 13px; color: #999; letter-spacing: 1px; }

#commentform { margin-bottom: 50px; color: #555; }
#commentform label { display: block; }
#commentform textarea { width: 100%; border: 1px solid #CCC; padding: 10px; }
#commentform input { width: 100%; padding: 5px; border: 1px solid #CCC; }
#submit { display: inline-block; border:none; background: none; padding: 13px 10px; font-family: 'Raleway', sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; }

/*OVERRIDE*/
.carousel,
.carousel-inner,
.carousel-inner .item,
.carousel-caption { height: 520px; text-shadow: none!important; }
.carousel-caption  { margin:0!important; padding: 0!important; width:100%; top: 0!important; left: inherit!important; right: inherit!important; display: table!important; bottom: inherit!important; text-align: center;  }
.carousel-caption-inner { display: table-cell; vertical-align: middle; }
.caption { background: #FFF; padding: 50px 20px; opacity: 0.8; width: 500px; margin: 0 auto; }
.carousel-control { background: none!important; width: 10%!important; opacity:1!important; }
.carousel-control .icon-next::before,
.carousel-control .icon-previous::before { content: ''; }
.carousel-control .icon-next { width: 18px; height: 28px;  background: url(img/icon-arrow.png) center center no-repeat; }
.carousel-control .icon-previous { position: absolute; top: 48%; left: 48%; z-index: 5; display: inline-block; width: 18px; height: 28px;  background: url(img/icon-arrow-left.png) center center no-repeat; }
.carousel-inner .item img { min-width: 100%!important; }
.pagination { width: 100%; text-align: center; }
.pagination a { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 300; color: #555; }
.pagination .alignleft { text-align: left!important; }
.pagination .alignright { text-align: right!important; }

@media only screen and (max-width: 768px)
	and (orientation : portrait)  {
		.header-blog { height: auto; margin-bottom: 30px; }
		.header-blog .col-xs-12 { text-align: center; }
		.search-top input { width: 100px; text-align: right; }
		.brand { width:100%; background-size: auto 90%!important; }
		.shop { float: left; }
		#header { padding:0; }
		#nav-main-mobile { margin-bottom: 30px; }
		
		#banner,
		.carousel-caption  { height: 250px; width: 100%; }
		.carousel-caption h2 { font-size: 15px; }
		.carousel-caption .post-date { font-size: 11px; }
		.caption { width: auto; padding: 20px 40px; display: inline-block; }
		
		#banner,
		#banner .container { padding: 0; }
		#banner { margin-bottom: 50px; }
		
		.item { overflow: hidden; }
		.carousel-inner > .item > a > img { height: 250px;  width: auto;}
		
		.profile-card img,
		.latest-posts .thumbnail-post { width: 100%; height: auto; }
		
		.social-share { display: none; }
		.nav-wrapper { display: none; }
}