@charset "UTF-8";

/*---------------------------------------------------------------------------------

	Theme Name: Rowling
	Theme URI: http://www.andersnoren.se/teman/rowling-wordpress-theme/
	Version: 1.02
	Description: Rowling is a clean, simple and elegant magazine theme for WordPress. It features a responsive design, great typography, two menu locations, social menu support, custom accent color support, custom logo support, gallery post format support, editor style support, a Flickr widget and  recent posts and recent comments widgets with thumbnails. Included translations: Swedish/svenska.
	Tags: gray, black, blue, white, light, dark, two-columns, right-sidebar, responsive-layout, custom-colors, custom-menu, editor-style, featured-images, flexible-header, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
	Author: Anders Norén
	Author URI: http://www.andersnoren.se
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: rowling
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix & Fonts
	1.	Document Setup
	2.	Structure
	3.	Top Navigation
	4.	Search Container
	5.	Header
	6.	Navigation
	7.	Content
	8.	Post Formats
	9.	Single Post
	10.	Post Content
	11.	Comments
	12.	Respond
	13.	Page & Page Templates
	14.	Pagination
	15.	Sidebar
	16.	Credits
	17.	Media Queries

----------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- */
/*	0.	CSS Reset & Fonts
/* -------------------------------------------------------------------------------- */


html, body { margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

blockquote:before, blockquote:after {
	content:"";
}

a { outline:none; }

input[type=search] {
   -moz-appearance:none;
   -webkit-appearance:none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* -------------------------------------------------------------------------------- */
/*	1.	Document setup
/* -------------------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	border: none;
	color: #333;
	background: #e8e8c8;
/*	font-family: 'Lato', sans-serif; */
	font-family: Tahoma, sans-serif;
	font-size: 17px;
}

body a {
	color: #DA5700;
	text-decoration: none;
}

body a:hover {
	color: #DA5700;
	text-decoration: none;
}

* { 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
}

.hidden { display: none; }
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }

::selection {
	background: #222;
	color: #FFF;
}

::-webkit-input-placeholder { color: #A9A9A9; }
:-ms-input-placeholder { color: #A9A9A9; }


/* Transitions --------------------------------------- */


body a,
.secondary-menu > li.menu-item-has-children a:after,
.primary-menu li a,
.post-tags a:before,
.tagcloud a:before,
.search-button,
.post-content p a:hover strong,
.post-content p a:hover b {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.post-nav a,
.respond input,
.respond textarea,
.archive-nav a,
.blog-title a,
.primary-menu ul .menu-item-has-children::after,
.secondary-menu ul .menu-item-has-children::after,
.to-the-top,
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/* -------------------------------------------------------------------------------- */
/*	2.	Structure
/* -------------------------------------------------------------------------------- */


.section-inner {
	width: 1200px;
	max-width: 95%;
	margin: 0 auto;
}

.wrapper { position: relative; }

.wrapper:after {
	content: "";
	display: block;
	width: 28.5%;
	background: #e8e8c8;
	border-left: 1px solid #ddd;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
}

.content,
.sidebar {
	padding-top: 40px;
	padding-bottom: 40px;
}

.content {
	width: 68.5%;
	float: left;
}

.content:before {
	content: "";
	background: #f4f4d9;
	position: absolute;
	z-index: -9999;
	top: 0;
	right: 28.5%;
	bottom: 0;
	left: -10000px;
}

.sidebar {
	width: 28.5%;
	float: right;
	padding: 40px 0 40px 2.5%;
}

/* -------------------------------------------------------------------------------- */
/*	3.	Top Navigation
/* -------------------------------------------------------------------------------- */


.top-nav { background: #26272B; }


/* Secondary Menu ------------------------------------ */


.secondary-menu {
	float: left;
	font-size: 0.9rem;
}

.secondary-menu li { position: relative; margin: 0 5px; }

.secondary-menu > li { float: left; }

.secondary-menu > li > a {
	display: block;
	padding: 8px 15px;
	color: #999;
}

.secondary-menu > li.menu-item-has-children > a { padding-right: 30px; }
.secondary-menu > li.menu-item-has-children > a:after {
	content: "";
	display: block;
	border: 4px solid transparent;
	border-top-color: #777;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	right: 15px;
}

.secondary-menu > li:hover > a,
.secondary-menu li.current-menu-item > a { color: #fff; }
.secondary-menu > li:hover > a { background: #1D1D20; }
.secondary-menu > li.menu-item-has-children:hover > a:after { border-top-color: #fff; }


/* Sub Menus --------------------------------------- */


.secondary-menu ul {
	display: block;
	opacity: 0;
	position: absolute;
	z-index: 999;
	left: -9999px;
	top: 50px;
	 transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
}

.secondary-menu ul .menu-item-has-children::after {
	content: "";
	display: block;
	border: 4px solid transparent;
	border-left-color: #666;
	position: absolute;
	z-index: 1001;
	right: 6px;
	top: 50%;
	margin-top: -4px;
}

.secondary-menu ul li { 	
	width: 200px; 
	background: #1D1D20;
}

.secondary-menu ul li + li { border-top: 1px solid #333; }

.secondary-menu ul a {
	display: block;
	padding: 15px;
	line-height: 130%;
	color: #999;
}

.secondary-menu ul li:hover > a { color: #fff; }

.secondary-menu ul .menu-item-has-children:hover::after { border-left-color: #fff; }

.secondary-menu > li:hover > ul {
	opacity: 1;
	left: 0px;
	top: 55px;
}


/* Deep Down --------------------------------------- */


.secondary-menu ul ul { 
	padding-top: 0;
	top: 5px;
}

.secondary-menu li > ul > li:hover > ul {
	opacity: 1;
	left: 200px;
	top: 0;
	margin-left: 0;
}


/* Social Menu --------------------------------------- */


.social-menu { 
	float: right; 
	padding: 10px 0;
}

.social-menu li { 
	float: left;
	margin-left: 10px; 
	position: relative;
}

.social-menu li:first-child { margin-left: 0; }

.screen-reader-text {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

.social-menu a {
	display: block;
	width: 36px;
	height: 36px;
	border: 2px solid #33363B;
	color: #fff;
	border-radius: 999px;
	position: relative;
}

.social-menu a:hover,
.social-menu a.active { 
	border-color: #fff;
	color: #fff;
}

.social-menu li a::before {
	content: '\f408';
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 16px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 0;
	right: 0;
}

.social-menu li a[href*="codepen.io"]::before { content: '\f1cb'; }
.social-menu li a[href*="dribbble.com"]::before { content: '\f17d'; }
.social-menu li a[href*="facebook.com"]::before { content: '\f09a'; }
.social-menu li a[href*="flickr.com"]::before { content: '\f16e'; }
.social-menu li a[href*="github.com"]::before { content: '\f09b'; }
.social-menu li a[href*="instagram.com"]::before { content: '\f16d'; }
.social-menu li a[href*="linkedin.com"]::before { content: '\f0e1'; }
.social-menu li a[href*="pinterest.com"]::before { content: '\f0d2'; }
.social-menu li a[href*="plus.google.com"]::before { content: '\f0d5'; }
.social-menu li a[href*="tumblr.com"]::before { content: '\f173'; }
.social-menu li a[href*="twitter.com"]::before { content: '\f099'; }
.social-menu li a[href*="vimeo.com"]::before { content: '\f194'; }
.social-menu li a[href*="wordpress.org"]::before,
.social-menu li a[href*="wordpress.com"]::before { content: '\f19a'; }
.social-menu li a[href*="youtube.com"]::before { content: '\f167'; }
.social-menu li a[href*="mailto"]::before { content: '\f0e0'; }
.social-menu li a.search-toggle::before { 
	content: '\f002'; 
	margin-top: -9px;
}

.no-js .social-menu li:last-child { display: none; } /* hide the search toggle icon if there's no javascript support */

.social-menu .active:after {
	content: "";
	display: block;
	border: 6px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	bottom: -13px;
	right: 10px;
}

/* -------------------------------------------------------------------------------- */
/*	4.	Search Container
/* -------------------------------------------------------------------------------- */


.search-container { 
	display: none;
	background: #fff; 
}


/* -------------------------------------------------------------------------------- */
/*	5.	Header
/* -------------------------------------------------------------------------------- */


/* Header ----------------------------------------- */


.header-wrapper { background: #33363B; }

.header {
	padding: 8px 0;
	background: url(//img.paraviagem.com.br/rowling/HeaderBackgroundFull.jpg) no-repeat center;
	position: relative;
	padding-bottom: 50px;
}

.blog-logo {
	display: block;
	width:50%;
}


/* -------------------------------------------------------------------------------- */
/*	6.	Navigation
/* -------------------------------------------------------------------------------- */


.mobile-menu { display: none; }

.navigation {
	width: 100%;
	position: absolute;
	bottom: 0px;
}

.navigation .section-inner {
	background-color: #DA5700;
	border-radius: 10px 10px 0 0;
}

.primary-menu { font-size: 0.8rem; }

.primary-menu li { position: relative; }

.primary-menu > li { 
	float: left; 
	border-right: 1px solid rgba(0,0,0,0.1);
	border-left: 1px solid rgba(255,255,255,0.1);
}

.primary-menu > li:last-child:after {
	content: "";
	display: block;
	border-right: 1px solid rgba(255,255,255,0.1);
	position: absolute;
	top: 0;
	right: -2px;
	bottom: 0;
}

.primary-menu > li > a {
	display: block;
	padding: 14px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

.primary-menu > li.menu-item-has-children > a { padding-right: 34px; }

.primary-menu > li.menu-item-has-children:before,
.primary-menu > li.menu-item-has-children:after {
	content: "";
	display: block;
	border: 4px solid transparent;
	border-top-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 20px;
}

.primary-menu > li.menu-item-has-children:before {
	border-top-color: rgba(0,0,0,0.25);
	margin-top: -2px;
}

.primary-menu > li:hover > a {
	background: rgba(255,255,255,0.1);
	color: #fff;
}

.primary-menu > li.current_menu_item > a { 
	background: #fff; 
	border: none; 
	color: #333;
}


/* Sub Menus --------------------------------------- */


.primary-menu ul {
	position: absolute;
	z-index: 10000;
	display: block !important;
  font-size:12px;
	left: -9999px;
	top: 50px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 -moz-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 -ms-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 -o-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	 transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
}

.primary-menu > li > ul:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1000;
	top: -14px;
	left: 50%;
	margin-left: -7px;
	border: 7px solid transparent;
  border-bottom-color: #ccccab;  
}

.primary-menu ul .menu-item-has-children::after {
	content: "";
	display: block;
	border: 5px solid transparent;
	border-left-color: #666;
	position: absolute;
	z-index: 1001;
	right: 10px;
	top: 50%;
	margin-top: -5px;
}

.primary-menu ul .menu-item-has-children:hover::after { 
	border-left-color: rgba(255,255,255,0.1); 
	right: -10px;
}

.primary-menu ul li { 	
	width: 200px; 
  background-color: #ccccab;  
	text-align: center;
}

.primary-menu ul a {
	display: block;
	padding: 8px 20px;
	line-height: 130%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	color: #333;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
  text-shadow: 0 1px 0 #eaeacc;
}

.primary-menu ul li:hover > a {
  background-color: #e0e0c0;
  color: #333 !important;
}

.primary-menu ul > li:last-child > a {
  border-bottom-width: 0;
 }

.primary-menu > li:hover > ul {
	opacity: 1;
	left: 50%;
	margin-left: -100px;
	top: 40px;
  box-shadow: -3px 3px 8px rgba(0,0,0,0.3);
}


/* Deep Down --------------------------------------- */


.primary-menu ul ul { 
	padding-top: 0;
	top: 10px;
  box-shadow: -3px 3px 8px rgba(0,0,0,0.3);
}

.primary-menu ul ul li { background: #ccccab; }
.primary-menu ul ul .menu-item-has-children:hover::after { border-left-color: #ccccab; }
.primary-menu ul ul ul li { background: #ccccab; }
.primary-menu ul ul ul .menu-item-has-children:hover::after { border-left-color: #ccccab; }
.primary-menu ul ul ul ul li { background: #ccccab; }
.primary-menu ul ul ul ul .menu-item-has-children:hover::after { border-left-color: #ccccab; }
.primary-menu ul ul ul ul ul li { background: #ccccab; }
.primary-menu ul ul ul ul ul .menu-item-has-children:hover::after { border-left-color: #ccccab; }

.primary-menu li > ul > li:hover > ul {
	opacity: 1;
	top: 0;
	left: 200px;
	margin-left: 0;
}


/* -------------------------------------------------------------------------------- */
/*	7.	Content
/* -------------------------------------------------------------------------------- */


.posts .post {
	width: 100%;
	display: inline-block;
	vertical-align: top;
  margin-bottom: 25px;
	border-radius: 15px;
  background: linear-gradient(to right, #ccccab , #f4f4d6);
}

.posts .post:nth-child(2n) {
  background: linear-gradient(to left, #ccccab , #f4f4d6);
	padding-top: 0;
	border-top: none;
	margin-top: 0;
  margin-left: 0;
}

.posts .post:nth-child(2n) .content_share {
  margin-top: 14px;
  float: right;
}
.posts .post + .post {
/*	padding-top: 40px; */
	border-top: 2px solid #eee;
/*	margin-top: 40px; */
}

/* Post Image ----------------------------------------- */


.posts .post-image { 
	width: 35%;
	display: block;
	float: right;
}

.posts .post-header {
	width: 65%;
	display: block;
	float: right;
	padding: 1.5%;
}

.posts .post:nth-child(2n) .post-image {	float: left; }

.posts .post:nth-child(2n) .post-header {	float: left; }

.post-image > a,
.post-image img {
	display: block;
}

.posts .post-image img {
	width: 100%;
	height: auto;
	border: 6px solid #fff;
  box-shadow: 1px 1px 12px #666666;
}

.thumbnail-desktop { display: block !important; visibility: visible !important; }

.thumbnail-smartphone { display: none !important; visibility: hidden !important; }

.post-excerpt	 {
	font-size: 17px;
	display: block;
	height: 60px;
	overflow: hidden;
	line-height: 1.2em;
}

.content_share {
	display:block;
	width:235px;
	height:20px;
	margin-top:14px;
}

.post-header .content_share {
	float:left;
}
.post-content .content_share {
	float:right;
	margin: -20px 0 15px 0;
}
.social_share {
	display:block;
	float:left;
	height:20px;
	overflow:hidden;
	margin: 0 8px 0 8px;
	border:none !important;
	cursor:pointer;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}
a.facebook_share {
	width:91px;
	background: url("//img.paraviagem.com.br/ShareFacebook.png") no-repeat top;
}
a.facebook_share:hover, a.facebook_share:active {
	background-position: bottom;
}
a.googleplus_share {
	width:32px;
	background: url("//img.paraviagem.com.br/ShareGooglePlus.png") no-repeat top;
}
a.googleplus_share:hover, a.googleplus_share:active {
	background-position: bottom;
}
a.twitter_share {
	width:56px;
	background: url("//img.paraviagem.com.br/ShareTwitter.png") no-repeat top;
}
a.twitter_share:hover, a.twitter_share:active {
	background-position: bottom;
}
a.pinterest_share {
	width:40px;
	background: url("//img.paraviagem.com.br/SharePinterest.png") no-repeat top;
}
a.pinterest_share:hover, a.pinterest_share:active {
	background-position: bottom;
}

/* Post Header ----------------------------------------- */


#breadcrumbs, .post-categories {
	margin-bottom: 9px;
	font-size: 0.8rem;
	line-height: 120%;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333;
}

.post-categories a:hover { text-decoration: underline; }

#breadcrumbs a:hover { text-decoration: underline; }

.breadcrumb_last { visibility: hidden; display: none; }

.post-title {
/*	font-family: 'Merriweather', Georgia, serif; */
	font-family: Georgia, serif;
	font-size: 1.2em;
	line-height: 135%;
	font-weight: 900;
	letter-spacing: -1px;
	-ms-word-break: break-word;
	word-break: break-word;
}

.posts .post-title {
  height: 28px;
	overflow: hidden;
	margin-bottom: 10px;
}

.post-title a { 
	display: block;
	color: #111; 
}

.post-title a:hover { 
	color: #111;
	text-decoration: underline; 
}

.post-meta {
	margin-top: 6px;
	font-size: 0.9em;
	line-height: 120%;
	font-weight: 700;
	color: #888;
}

.post-meta a { color: #888; }

.post-meta a:hover { 
	color: #888;
	text-decoration: underline; 
}


/* -------------------------------------------------------------------------------- */
/*	8.	Post Formats
/* -------------------------------------------------------------------------------- */


#my-slideshow {
	width:100%;
	max-width: 100% !important;
	position: relative;
	margin-bottom: 20px;
	background: linear-gradient(to left, #ccccab , #f4f4d6);
	border-radius: 15px;
}
#my-slideshow ol{
  position: absolute;
  width: 180px;
  z-index: 100;
	left: inherit !important;
  right: 0;
  bottom: 10px;
}
#my-slideshow ol li a{
	margin: 0 2px;
	width: 23px;
	height: 23px;
	color: #67674d;
	background-color: #f4f4d6;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 23px;
	text-decoration: none;
	text-align: center;
	border-radius: 15px;
	color: #999;
}
#my-slideshow ol li.active-marker a{
	background-color: #da5700 !important;
	color: #fff;
}


.feature-box {
	width:100%;
	margin: 0px;
  position: absolute;
	top: 0px;
	left: 0px;
}
.featured-picture {
	width: 65%;
	float: left;
}
.featured-picture img {
	width: 98%;
	margin: 1% !important;
	border: 7px solid #fff;
  box-shadow: 1px 1px 10px #666666;
}
.featured-text {
	color: #33332a;
	width: 35%;
	overflow: hidden;
	float: right;
	padding: 10px 5px 0 0;
	letter-spacing: 0px;
}
.featured-title {
/*	font-family: 'Merriweather', Georgia, serif; */
	font-family: Georgia, serif;
  font-size: 1.2em;
	font-weight: bold;
  line-height: 135%;
  font-weight: 900;
  letter-spacing: -1px;
	text-align: left;
	width: 100%;
	padding: 10px;
	letter-spacing: -1px;
}
.featured-title a:link, 
.featured-title a:visited {
	color: #33332a;
	text-decoration: none;
}
.featured-title a:active,
.featured-title a:hover {
/*	color: #da5700;*/
	text-decoration: underline;
}

.featured-excerpt {
/*	font-family: 'Lato', sans-serif; */
	font-family: Tahoma, sans-serif;
	font-size: 17px;
	text-align: left;
	width: 100%;
	line-height: 1.2em;
	padding: 0 10px;
}
.featured-more {
/*	font-family: 'Lato', sans-serif; */
	font-family: Tahoma, sans-serif;
	font-size: 16px;
	text-align: right;
	width: 100%;
	color: #da5700;
	padding: 5px;
}
.featured-pagination {
	position: absolute;
	right: 25px;
	bottom: 0px;
	z-index: 100;
}
.featured-pagination li {
    float: left;
    list-style: none outside none;
    margin: 0 1px;
}
.featured-pagination li a {
    background-image: url("//img.paraviagem.com.br/Pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0px;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.featured-pagination li.current a {
    background-position: 0 -12px;
}


/* -------------------------------------------------------------------------------- */
/*	9.	Single Post
/* -------------------------------------------------------------------------------- */


/* Post Header ----------------------------------------- */


.single-post .post-header, .single-attachment .post-header { margin-bottom: 40px; }

.single-post .post-categories, .single-attachment .post-categories { 
	margin-bottom: 12px;
	font-size: 0.9rem; 
}

.single-post .post-title, .single-attachment .post-title { 
	font-size: 1.8em; 
	line-height: 135%;
	font-weight: 900;
	margin-top:20px;
}

.single-post .post-meta, .single-attachment .post-meta {
	margin-top: 10px;
	border-top: 1px solid #ddd;
	padding-top: 16px;
	font-size: 1rem;
	color: #999;
}

.single-post .post-comments, .single-attachment .post-comments { float: right; }

.single-post .post-comments .fa, .single-attachment .post-comments .fa { 
	position: relative;
	top: -1px; 
	margin-right: 6px;
}

.single-post .post-meta a, .single-attachment .post-meta a { color: #DA5700; }
.single-post .post-meta a:hover, .single-attachment .post-meta a:hover { text-decoration: underline; }


/* Post Image ----------------------------------------- */

.single-featured-image {
	width: 100%;
	border: 6px solid #fff;
  box-shadow: 1px 1px 12px #666666;
}

.single-post .post-image { 
	display: block;
	clear: both;
	margin-bottom: 15px; 
}

.single-post .post-image-caption, .single-attachment .post-image-caption {
	padding: 15px 0 10px 28px;
	border-bottom: 1px solid #ddd;
	font-size: 0.9em;
	line-height: 120%;
	font-weight: 700;
	color: #111;
	position: relative;
}

.single-post .post-image-caption .fa, .single-attachment .post-image-caption .fa { 
	color: #da5700; 
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 0;
}

.single-post .post-image-caption a:hover, .single-attachment .post-image-caption a:hover { text-decoration: underline; }

.entry-attachment .attachment img {
	width: 100%;
	border: 7px solid #fff;
	box-shadow: 1px 1px 15px #666;
}

/* Mosaic Image ------------------------------------------- */

.mosaic td {
	padding:1% !important;
	border-bottom:none !important;
	margin-bottom:1.6em !important;
	width: 50% !important;
}

.mosaic div.wp-caption {
	width: auto !important;
	margin-bottom:0 !important;
}

.mosaic tr td p {
	display:none;
}

.mosaic tr td div p {
	display:block !important;
}


/* Post Sumary ------------------------------------------ */

blockquote ul { margin-bottom: 0.5em !important; }

blockquote ul li { margin: 0 !important; }

blockquote.sumary {
  width:auto !important;
  float:left;
  font-size:90%;
  padding:12px 20px !important;
  margin-bottom:0px !important;
}


/* Post Content ------------------------------------------ */


.single-post .post-inner { 
	padding-left: 0px; 
	position: relative;
	z-index: 5;
}


/* Post Tags --------------------------------------------- */


.post-tags { margin-top: 35px; }

.post-tags,
.tagcloud {
	line-height: 1;
}

.post-tags a,
.tagcloud a { 
	display: inline-block; 
	padding: 5px 6px 6px 3px;
	margin: 0 3px 8px 11px;
	background: #e8e8c8;
	font-size: 0.7rem !important;
	line-height: 1;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #444;
	position: relative;
}

.tagcloud a { background: #ccc; }

.post-tags a { margin-right: 8px; }

.footer .tagcloud a { background: #eee; }
.footer .tagcloud a:before { border-right-color: #eee; }

.post-tags a:before,
.tagcloud a:before {
	content: "";
	display: block;
	border: 11px solid transparent;
	border-left-width: 0;
	border-right-color: #e8e8c8;
	position: absolute;
	top: 0;
	left: -11px;
}

.tagcloud a:before { border-right-color: #ccc; }

.post-tags a:hover,
.tagcloud a:hover { 
	background: #DA5700; 
	color: #fff;
}

.post-tags a:hover:before,
.tagcloud a:hover:before { 
	border-right-color: #DA5700; 
}


/* Post Author ------------------------------------------- */


.post-author { 
	min-height: 130px;
	padding: 30px 25px 30px 140px;
	margin-top: 40px; 
	background: #c8c8a6;
	border-radius: 6px;
	position: relative;
}

.post-author:before {
	content: "";
	display: block;
	border: 6px solid transparent;
	border-bottom-color: #c8c8a6;
	position: absolute;
	top: -12px;
	left: 63px;
}

.post-author > .avatar {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 20px;
}

.post-author img {
	display: block;
	width: 100px;
	height: auto;
	border-radius: 99px;
	padding: 6px;
	background: #d7d7b7;
	margin-top: -10px;
}

.post-author .title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #fff;
}

.post-author .title a { color: #da5700; }
.post-author .title a:hover { text-decoration: underline; }

.post-author .description {
	margin-top: 6px;
	font-size: 0.95em;
	line-height: 145%;
	color: #222;
}

.post-author .social-menu { float: none; }
.post-author .social-menu li { list-style: none; }

.social-menu a.post-author-archive::before { content: '\f187'; }
.social-menu a.post-author-website::before { content: '\f015'; }


/* -------------------------------------------------------------------------------- */
/*	10.	Post Content
/* -------------------------------------------------------------------------------- */


.post-content { 
/*	font-family: 'Lato', sans-serif; */
	font-family: Tahoma, sans-serif;
	font-size: 1em;
}


.post-content a { border-bottom: 1px solid #f8bd96; color: #da5700 !important; }
.post-content a:hover { border-bottom: 1px solid #fe893b !important; color: #fe893b !important; }

.post-content a.mact-external-link:after {
	content: '\f00c';
	font: 9px/1 'FontAwesome';
	vertical-align: middle;
	margin: 0px 1.5px;
}

.wp-caption a.mact-external-link:after {
	content: '' !important;
	margin: 0px !important;
}

.post-content p,
.post-content blockquote,
.post-content ul,
.post-content ol,
.post-content address,
.post-content dl,
.post-content pre {
	line-height: 170%;
	margin-bottom: 1.5em;
}

/* .post-content *:last-child { margin-bottom: 0; } */

.post-content p.intro {
	padding-bottom: 20px;
	border-bottom: 3px double #ddd;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 155%;
	font-weight: 700;
	color: #DA5700;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
	margin: 40px 0 25px;
	line-height: 120%;
	font-weight: 700; 
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4 {
/*	font-family: 'Merriweather', Georgia, serif; */
	font-family: Georgia, serif;
	font-weight: 900;
}

.post-content h1 { font-size: 1.8em; }
.post-content h2 { font-size: 1.5em; }
.post-content h3 { font-size: 1.3em; }
.post-content h4 { font-size: 1.2em; }
.post-content h5 { font-size: 1.1em; }

.post-content h6 {
	font-size: 0.8rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6,
.post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6,
.post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6,
.post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6,
.post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6,
.post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 {
	margin-top: 25px;
}

.text2, .text3, .text4 {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
  text-align: left;
}

.post-content .text2, .post-content .text3, .post-content .text4 {
  margin: 40px 0 25px;
/*	font-family: 'Merriweather', Georgia, serif; */
  font-family: Georgia, serif;
  font-weight: 900;
  line-height: 120%;
}

.text2 { font-size: 1.5em; }
.text3 { font-size: 1.3em; }
.text4 { font-size: 1.15em; font-weight: 700; }

.post-content blockquote .text4 {
  font-size: 120%;
  margin: 0 0 20px 0;
}
.comment-header .text4 {
  margin: 0;
}

.post-content blockquote .text4 {
  font-size: 120%;
  margin: 0 0 20px 0;
}

.post-content blockquote{
  display:block;
  width: 100%;
  max-width: 100% !important;
  background: #e8e8c8;
  padding: 20px 15px;
  margin: 0 0 20px;
/*  position: relative; */
  
  /*Font*/
/*
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
*/  
  /*Borders - (Optional)*/
  border-left: 12px solid #c76c0c;
  border-right: 4px solid #c76c0c;
  
  /*Box Shadow - (Optional) 
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc; */
}

.post-content blockquote p{
	margin: 0;
}
.post-content blockquote h2, .post-content blockquote h3 {
	margin: 0 0 20px 0;
}
.post-content blockquote h4{
	font-size: 120%;
	margin: 0 0 20px 0;
}

/*
.post-content blockquote::before{
  content: "\201C";
  
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  position: absolute;
  left: 10px;
  top:5px;
}
.post-content blockquote::after{
  content: "";
}

.post-content blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

.post-content blockquote a:hover{
 color: #666;
}

.post-content blockquote em{
  font-style: italic;
}
*/

/*
.post-content blockquote {
	padding: 30px 30px 30px 90px;
	background: #fafafa;
	border: 1px solid #eee;
	position: relative;
	font-style: italic;
}

.post-content blockquote p { font-style: italic; }

.post-content blockquote:after {
	content: '”';
	width: 90px;
	font-family: 'Georgia', serif;
	font-size: 72px;
	line-height: 72px;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	color: #DA5700;
	position: absolute;
	top: 31px;
	left: 0px;
}

.post-content blockquote cite {
	display: block;
	margin-top: 1.1em;
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 120%;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-content blockquote cite:before { content: "— "; }
*/

.post-content hr {
	width: 350px;
	max-width: 60%;
	height: 2px;
	background: #ccccac;
	margin: 40px auto;
	border: 0;
}

em, q {  font-style: italic;  }

.post-content strong em,
.post-content em strong {
	font-weight: bold;
	font-style: italic;
}

.post-content p strong, .post-content p b {
	font-size: 95% !important;
	color: #333;
}

.post-content p a strong, .post-content p a b {
	color: #da5700 !important;
}
.post-content p a:hover strong, .post-content p a:hover b {
	color: #fe893b !important;
}


.post-content big { font-size: 1.25em; }

abbr, acronym { cursor: help; }

code, kbd, pre {
	font-size: 0.85em;
	background: #EEE;
	font-family: Menlo, Monaco, monospace;
}

.post-content .highlight {
	background: #fcf8a5;
	width: auto;
	display: inline;
	padding: 2px 3px;
}

.post-content kbd,
.post-content code {
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.post-content dl { line-height: 160%; }

.post-content dl dt { font-weight: bold; }

.post-content ul,
.post-content ol {
	margin-left: 1.5em;
}

.post-content ul { list-style: disc; }
.post-content ul ul { list-style: circle; }
.post-content ul ul ul { list-style: square; }

.post-content ol { list-style: decimal; }
.post-content ol ol { list-style: lower-alpha; }
.post-content ol ol ol { list-style: lower-roman; }

.post-content ul ul,
.post-content ul ol,
.post-content ol ul,
.post-content ol ol {
	margin-bottom: 0;
}

.post-content li {
	margin-bottom: 0.5em;
	line-height: 170%;
}

.post-content ol > li:last-child,
.post-content ul > li:last-child {
	margin-bottom: 0;
}

.post-content ol > li:first-child,
.post-content ul > li:first-child {
	margin-top: 0.5em;
}

.post-content address {
	padding: 3% 3.5%;
	background: #F1F1F1;
}

.post-content pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	line-height: 140%;
	padding: 2% 2.5%;
	background: #eee;
	border: 1px solid #ddd;
}


/* Post Media --------------------------------------- */


.post-content .wp-caption { 
	background: #fff;
	border: 6px solid #fff;
  box-shadow: 1px 1px 12px #666666;
}

.post-content div.wp-caption.alignleft, .post-content div.wp-caption.alignright { 
	max-width: 60%;
}

.post-content div.wp-caption.aligncenter { 
	max-width: 100%;
}

.size-thumbnail, .size-medium, .size-large, .size-big, .size-full {
	max-width: 100%;
	width: 100%;
}

.post-content .wp-caption,
.post-content .wp-caption > a,
.post-content .wp-caption img {
	display: block;
}

.post-content div.aligncenter,
.post-content div.alignnone {
	margin-bottom: 1.6em;
}

.post-content .alignleft,
.post-content .alignright {
	margin-bottom: 1.2em;
	max-width: 50%;
}

.post-content .wp-caption .alignleft,
.post-content .wp-caption .alignright {
	margin-bottom: 0;
}

.post-content .alignleft {
	float: left;
	margin-right: 30px;
}

.post-content .alignright {
	float: right;
	margin-left: 30px;
}

.post-content .aligncenter,
.post-content .aligncenter img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.post-content .wp-caption-text,
.post-content .gallery-caption {
	margin: 6px auto 0;
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 0.9rem;
	line-height: 130%; 
	font-weight: 700;
	text-align: center;
	color: #444;
}

.post-content .gallery-caption {
	font-size: 14px;
	line-height: 24px;
	height: 34px;
	overflow: hidden;
	display: block;
	font-weight: normal;
}


.gallery-item { margin-bottom: 10px !important; }

.gallery br { display: none !important; }

.gallery-icon a {
	text-decoration: none;
	border-bottom: none !important;
}

.gallery-icon img {
	width: 95%;
	border: 5px solid #fff !important;
	box-shadow: 1px 1px 10px #666;
}

.gallery-item .gallery-caption {
	line-height: 115%;
	margin-top: 0;
}

/* Tables --------------------------------------- */


.post-content table {
	border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 1.1em;
}

.post-content th,
.post-content td {
	padding: 2%;
	margin: 0;
	overflow: visible;
	line-height: 120%;
	border-bottom: 1px solid #DDD;
}

.post-content th { padding-top: 0; }

.post-content caption {
	color: #111;
	text-align: center;
	padding: 2%;
}

.post-content thead {
	vertical-align: bottom;
	white-space: nowrap;
}

.post-content th {
	font-weight: bold;
	color: #111;
}

/*
.post-content table tbody > tr:nth-child(odd) > td { background: #f9f9f9; }
*/

/* Forms --------------------------------------- */


.post-content fieldset {
	padding: 25px;
	border: 2px solid #ddd;
	margin-bottom: 1em;
}

.post-content fieldset legend {
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 0.8rem;
	line-height: 1;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 12px;
	background: #DA5700;
	color: #fff;
}

.post-content label {
	font-size: 1rem;
	font-family: 'Lato', Helvetica, sans-serif;
	font-weight: 700;
}

.post-content input,
.post-content textarea { 
	font-family: 'Lato', Helvetica, sans-serif; 
}

.post-content input[type="text"],
.post-content input[type="tel"],
.post-content input[type="url"],
.post-content input[type="email"],
.post-content input[type="password"],
.post-content textarea {
	width: 100%;
	padding: 20px;
	border: 1px solid #ddd;
	font-size: 0.9em;
	color: #111;
	background: #fafafa;
	border-radius: 3px;
	-webkit-appearance: none;
}

.post-content input[type="file"] {
	padding: 10px;
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.post-content textarea { 
	height: 180px; 
	line-height: 140%;
}

.post-content input[type="text"]:focus,
.post-content input[type="tel"]:focus,
.post-content input[type="url"]:focus,
.post-content input[type="email"]:focus,
.post-content input[type="password"]:focus,
.post-content textarea:focus {
	outline: none;
}

.post-content input[type="submit"],
.post-content input[type="reset"],
.post-content input[type="button"] {
	padding: 16px 20px;
	margin: 0;
	border: none;
	border-radius: 2px;
	background: #DA5700;
	font-size: 0.85rem;
	line-height: 1;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-webkit-appearance: none;
}

.post-content input[type="submit"] + input[type="reset"],
.post-content input[type="submit"] + input[type="button"],
.post-content input[type="reset"] + input[type="submit"],
.post-content input[type="reset"] + input[type="button"],
.post-content input[type="button"] + input[type="reset"],
.post-content input[type="submit"] + input[type="submit"] {
	margin-left: 5px;
}

.post-content input[type="submit"]:hover,
.post-content input[type="reset"]:hover,
.post-content input[type="button"]:hover {
	cursor: pointer;
	background: #DA5700;
	color: #fff;
}

.post-content input[type="submit"]:focus,
.post-content input[type="submit"]:active {
	outline: none;
}


.wpcf7-captchar {
	padding: 5px 6px !important;
	width: 80px !important;
}

/* Buttons --------------------------------------- */

blockquote a.cta_button {
  position: relative;
  display: inline-block;
  margin: 10px 10px 0;
  padding: 5px 12px 5px 18px;
  background-color: #e25a00;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 85%;
  font-weight: 700;
  box-shadow: 6px 0px #ab4400;
  text-shadow: 1.5px 1.5px #ab4400;
  transition: none;
  border-radius: 10px;
  border: 0 !important;
  cursor: pointer;
}
blockquote a.cta_button:hover {
  box-shadow: 4px 0px #ab4400;
  left: 2px;
  color: #FFF !important;
  border: 0px !important;
}
blockquote a.cta_button:after {
	content: "\f054" !important; /* seta */
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  margin-left: 8px;
}


/* -------------------------------------------------------------------------------- */
/*	11.	Comments
/* -------------------------------------------------------------------------------- */


.comments-container,
.respond-container {
	margin-top: 60px;
	position: relative;
}

.comments-title-container,
.comment-reply-title {
	border-top: 4px solid #ddd;
	padding: 22px 0;
	border-bottom: 2px dotted #ddd;
	margin-bottom: 40px;
}

.comments-title,
.comments-title-link {
	vertical-align: bottom;
}

.comments-title { float: left; }

.comments-title,
.comment-reply-title {
	font-size: 1.4em;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.comments-title .fa,
.comment-reply-title .fa {
	margin-right: 6px;
	color: #DA5700;
	font-size: 22px;
	position: relative;
	top: -2px;
}

.comments-title-link { 
	float: right;
	font-size: 0.9em;
	font-weight: 700;
	position: relative;
	bottom: -5px;
}

.comments-title-link a {
	color: #DA5700;
	padding-bottom: 1px;
	border-bottom: 1px solid #ddd;
}

.comments-title-link a:hover { border-bottom-color: #DA5700; }


/* No Comments ----------------------------------------- */


.no-comments {
	margin: 50px 0 0 200px;
	font-style: italic;
	font-weight: 700;
	text-align: center;
}

.no-comments .fa { 
	margin-right: 4px; 
	color: #DA5700;
}


/* Comment List ---------------------------------------- */


.comments { margin-left: 0px; }

.comment { position: relative; }

div.comment { margin-top: 25px; }

.commentlist > .comment:first-child > .comment:first-child { margin-top: 0; }

.commentlist .children { margin-left: 50px; }

.comment .avatar {
	display: block;
	width: 60px;
	height: auto;
	border-radius: 999px;
	position: absolute;
	top: 3px;
	left: 0;
}

.comment-inner {
	margin-left: 80px;
	padding: 25px;
	background: #F1F1F1;
	border: 1px solid #ddd;
	border-radius: 6px;
	position: relative;
}

.comment-inner:before,
.comment-inner:after {
	content: "";
	display: block;
	border: 10px solid transparent;
	border-right-color: #f1f1f1;
	position: absolute;
	top: 23px;
	left: -20px;
}

.comment-inner:before {
	border-right-color: #d7d7d7;
	border-width: 11px;
	top: 22px;
	left: -22px;
}

.bypostauthor .comment-author-icon {
	display: block;
	width: 29px;
	height: 29px;
	padding-top: 5px;
	border-radius: 99px;
	background: #DA5700;
	text-align: center;
	color: #fff;
	position: absolute;
	z-index: 5;
	top: 20px;
	left: 70px;
}

.comment-header { margin-bottom: 15px; }

.comment-header h4 {
	font-size: 1.15rem;
	font-weight: 700;
}

.comment-header h4 a { color: #DA5700; }
.comment-header h4 a:hover { text-decoration: underline; }


/* Comment Content ---------------------------------------- */


.comment-content p,
.comment-content blockquote,
.comment-content ul,
.comment-content ol,
.comment-content address,
.comment-content dl,
.comment-content pre {
	line-height: 160%;
	margin-bottom: 1em;
}

/* Comment Meta */

.comment-meta { 
	margin-top: 23px;
	font-size: 0.7em;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #777;
}

.comment-meta a { color: #777; }

.comment-meta .fa { 
	margin: 0 4px 0 10px; 
	position: relative;
}
.comment-meta .fa:first-child { margin-left: 0; }

.comment-meta .fa-wrench { 
	margin-left: 12px; 
	top: -1px;
}

.comment-form-url { display: none; }


/* -------------------------------------------------------------------------------- */
/*	12. Respond
/* -------------------------------------------------------------------------------- */


.comment-respond .logged-in-as { margin-bottom: 40px; }

.comment-respond .logged-in-as a:first-of-type { font-weight: 700; }

.comment-respond p a:hover { text-decoration: underline; }

.comment-respond form { margin-left: 0px; }

.comment-respond form label { 
	display: block;
	margin-bottom: 8px;
	font-size: 1rem;
	font-weight: 700;
	color: #111;
}

.comment-respond form label span {
	margin-left: 2px;
	color: red;
}

.comment-respond p { margin-bottom: 25px; }
.comment-respond p:last-child { margin-bottom: 0; }

.comment-respond p.comment-subscription-form { margin-bottom: 10px; }
.comment-respond p.comment-subscription-form:last-of-type { margin-bottom: 0; }

.comment-form-author,
.comment-form-email {
	display: block;
	width: 47.5%;
	float: left;
}

.comment-form-email { float: right; }

.comment-respond input,
.comment-respond textarea {
	border-radius: 0;
	-webkit-appearance: none;
}

.comment-respond input[type="text"],
.comment-respond textarea {
	display: block;
	width: 100%;
	padding: 20px;
	margin: 0;
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 1rem;
	color: #111;
}

.comment-respond input[type="text"]:focus,
.comment-respond textarea:focus {
	outline: none;
}

.comment-respond textarea { 
	height: 200px; 
	line-height: 140%;
}

.comment-respond input[type="submit"] {
	display: inline-block;
	padding: 16px 20px;
	margin: 0;
	background: #DA5700;
	border-radius: 2px;
	border: none;
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 0.85rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	-webkit-appearance: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.comment-respond input[type="submit"]:hover {
	cursor: pointer;
	color: #fff;
}


/* In Comment List --------------------------------------- */


.commentlist .comment-respond {
	padding: 40px 0 15px;
	max-width: 100%;
}

.commentlist #cancel-comment-reply-link {
	margin-left: 3px;
	font-size: 0.85rem;
	font-weight: 700;
	font-style: italic;
	text-transform: none;
	letter-spacing: 0;
	position: relative;
}

.commentlist #cancel-comment-reply-link:hover { text-decoration: underline; }

.commentlist .comment-respond form { margin-left: 0; }


/* -------------------------------------------------------------------------------- */
/*	13.	Page & Page Templates
/* -------------------------------------------------------------------------------- */


.page-edit-link {
	display: inline-block;
	padding: 6px 10px 5px;
	border: 2px solid #ddd;
	border-radius: 4px;
	font-size: 0.8rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #DA5700;
}

.page-edit-link .fa { 
	margin-right: 4px; 
	position: relative;
	top: -1px;
}


/* Search Page --------------------------------------- */


.wrapper .search-form { position: relative; }

.wrapper .search-field {
	display: block;
	width: 100%;
	padding: 20px 60px 20px 20px;
	margin: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 1rem;
	color: #111;
}

.wrapper .search-field:focus { outline: none; }

.wrapper .search-button {
	display: block;
	height: 100%;
	width: 60px;
	background: none;
	border-left: 1px solid #ddd;
	color: #999;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}

.wrapper .search-button .fa { 
	font-size: 24px; 
	position: relative;
	top: -1px;
}

.wrapper .search-button:hover { 
	cursor: pointer; 
	color: #DA5700;
}


/* Error 404 --------------------------------------- */


.error404 .post-title { 
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd; 
}


/* -------------------------------------------------------------------------------- */
/*	14.	Pagination
/* -------------------------------------------------------------------------------- */


/* Page Title --------------------------------------- */


.page-title {
	border-bottom: 2px solid #ddd;
	margin-bottom: 40px;
	text-align: center;
}

.page-title h4,
.page-title p {
	font-size: 0.85rem;
	line-height: 110%;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

.page-title h4 {
	float: left;
	padding: 0 0 10px;
	border-bottom: 2px solid #DA5700;
	margin-bottom: -2px;
}

.page-title p { float: right; }

.page-title p .sep {
	margin: 0 5px;
	color: #AAA;
}


/* Archive Navigation --------------------------------------- */


.archive-nav {
	margin-top: 60px;
	border-top: 2px solid #ddd;
	text-align: center;
	position: relative;
	color: #777;
}

.archive-nav li { 
	display: inline-block;
	margin-top: -2px; 
}

.archive-nav a {
	display: inline-block;
	border-top: 2px solid transparent;
	padding: 15px 10px 10px;
	font-size: 0.85rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #777;
}

.archive-nav-older,
.archive-nav-newer {
	position: absolute;
	top: 0;
}

.archive-nav-newer { left: 0; }
.archive-nav-older { right: 0; }

.archive-nav .active a { 
	color: #444;
	border-top-color: #444; 
}
.archive-nav a:hover { 
	border-top-color: #DA5700; 
	color: #DA5700;
}

.archive-nav li + li { margin-left: 10px; }


/* -------------------------------------------------------------------------------- */
/*	15.	Sidebar
/* -------------------------------------------------------------------------------- */


.widgets { font-size: 1rem; }

.widget + .widget {
/*	padding-top: 40px;
	border-top: 1px solid #ddd; */
	margin-top: 40px;
}

.widget-title {
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 2px solid #DA5700;
	margin-bottom: 15px;
	font-size: 1rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.social-buttons:hover, .social-buttons:visited, .social-buttons:active, .social-buttons:link { color:white !important;}
.social-buttons {
  display: block;
  width: 14%;
  float: left;
  text-align: center;
  font-size: 140%;
  padding: 10px 0;
  margin: 0 1.3%;
  border-radius: 25px;
  color: white;
}

.display-authors-widget + .display-authors-widget { margin-top: 0px !important; }

.parceiros_sidebar {
	display:block;
	float:left;
	width:49%;
	text-align: center;
	margin-bottom: 10px;
}
.parceiros_sidebar a img {
	width: 88%;
	border: 4px solid #fff;
	box-shadow: 1px 1px 10px #666666;
}

.reservas_sidebar {
	display:block;
	float:left;
	width:50%;
	text-align: center;
	margin-bottom: 5px;
}
.reservas_sidebar a img {
	width: 94%;
	border: 4px solid #fff;
	box-shadow: 1px 1px 10px #666666;
}

.yarpp-entry-block {
	width:95%;
	border-radius:15px;
	background: linear-gradient( #e8e8c8, #e8e8c8, #e8e8c8, #e8e8c8, #c0c09c );
	margin: 10px auto 0;
}
.yarpp-entry-image {
	width:100%;
	display:block;
	background: #fff;
	box-shadow: 1px 1px 12px #666666;
	padding: 5px 5px 0px 5px;
}
.yarpp-entry-image img { width: 100%; }
.yarpp-entry-title {
	font-size: 15px;
/*	font-family: 'Merriweather', Georgia, serif; */
	font-family: Georgia, serif;
	color: #111;
	font-weight:bold;
	padding: 10px;
	line-height: 20px;
}

/* Widget Content --------------------------------------- */


.widget-content { font-size: 1rem; }

.widget-content .textwidget a:hover { text-decoration: underline; }

.widget-content p {
	line-height: 150%;
	margin-top: 1em;
}

.widget-content p:first-child { margin-top: 0; }

.widget-content li {
	line-height: 140%;
	padding: 12px 0;
	margin-bottom: 0.3em;
/*	border-bottom: 1px solid #ddd; */
}

/* .widget-content ul ul { margin-left: 1em; } */

.widget-content ul ul li:first-child { 
	margin-top: 0.3em;  
/*	border-top: 1px solid #ddd; */
}

.widget-content > ul > li:first-child { padding-top: 0; }

.widget-content li:last-child { 
	padding-bottom: 0;
	border-bottom: none; 
}


/* Text Widget --------------------------------------- */


.textwidget { line-height: 150%; }


/* Widget Icons --------------------------------------- */


.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages { color: #888; }

.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_pages li a { color: #111; }

.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover,
.widget_pages li a:hover { 
	color: #DA5700; 
	text-decoration: none;
}

.widget_archive li:before,
.widget_categories li:before,
.widget_meta li:before,
.widget_nav_menu li:before {
	font: 16px/1 'FontAwesome';
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	color: #999;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

.widget_archive li:before { content: '\f187'; }
.widget_categories li:before { content: '\f07b'; }
.widget_meta li:before { content: '\f0ad'; }
.widget_nav_menu li:before { content: '\f15b'; }


/* RSS Widget --------------------------------------- */


.widget_rss .widget-title img {
	width: 13px;
	height: 13px;
	margin-right: 2px;
	position: relative;
	bottom: -2px;
}

.widget_rss li a {
	display: block;
/*	font-family: 'Merriweather', Georgia, serif; */
	font-family: Georgia, serif;
	font-size: 1.1em;
	line-height: 120%;
	font-weight: 700;
	color: #111;
}

.widget_rss li .rss-date {
	display: block;
	margin-top: 2px;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #888;
}

.widget_rss li .rssSummary { margin-top: 5px; }

.widget_rss li cite {
	display: block;
	margin-top: 8px;
	font-size: 0.9em;
}

.widget_rss li cite:before { content: "— "; }


/* -------------------------------------------------------------------------------- */
/*	16.	Credits
/* -------------------------------------------------------------------------------- */


.credits {
	background: #26272B;
	position: relative;
}

.credits .section-inner { 
	padding: 30px 0;
	position: relative; 
}

.to-the-top {
	display: block;
	width: 50px;
	height: 50px;
	padding-top: 21px;
	border-radius: 99px;
	background: #DA5700;
	position: absolute;
	top: -25px;
	right: 0;
}

.to-the-top .fa {
	display: block;
	width: 100%;
	font-size: 22px;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.25);
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 0;
	right: 0;
}

.to-the-top:hover {
	color: #fff;
	top: -30px;
}

.credits p { color: #fff; }

.credits .copyright {
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0 1px 0 #111;
}

.credits .copyright a { color: #fff; }
.credits .copyright a:hover { color: #DA5700; }

.credits .attribution { 
	margin-top: 12px; 
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
}

.credits .attribution + .attribution { margin-top: 6px; }

.attribution a { color: rgba(255,255,255,0.5); }
.attribution a:hover { 
	color: rgba(255,255,255,0.5); 
	text-decoration: underline;
}


/* -------------------------------------------------------------------------------- */
/*	17.	Media Queries
/* -------------------------------------------------------------------------------- */


@media ( min-width: 1601px ) {
	.header { 
		background-size: 2560px 910px;
		background-image: url(//img.paraviagem.com.br/rowling/HeaderBackgroundHigh.jpg);
	}
	
}

@media ( max-width: 1260px ) {


	/* Structure ------------------------------------ */


	.content,	.sidebar { padding-top: 3vw 0; }


	/* Header --------------------------------------- */
	
	
	.header { 
		background-size: 1260px 450px;
	}

	.blog-logo img {
		width: 80%;
	}

	
	/* Content -------------------------------------- */
	
	.featured-title {
		font-size: 1.6vw;
		padding: 0.6vw;
		line-height: 120%;
	}
	.featured-excerpt {
		font-size: 1.4vw;
		padding: 0 0.6vw;
	}
	.featured-more {
		font-size: 1.3vw;
		padding: 0.3vw;
	}
	#my-slideshow ol {
		width: 15.7vw;
		bottom: 1vw;
		right: 1vw;
	}
	#my-slideshow ol li a{
		margin: 0 2px;
		width: 1.9vw;
		height: 1.9vw;
		font-size: 1.2vw;
		font-weight: bold;
		line-height: 2vw;
		border-radius: 15px;
	}
	
	.posts .post-title {
		font-size: 1.6vw; 
		height: 2vw;
		margin-bottom: 0.7vw;
	}

	.post-categories {
		margin-bottom: 0.5vw;
		font-size: 1vw;
	}
	
	.post-excerpt	 {
		font-size: 1.4vw;
		height: 5.1vw;
	}

	.post-header .content_share { margin-top: 0.8vw; }
	

	/* Sidebar -----------------------------------------*/
	
	
	.widget-title {
		font-size: 1.3vw;
	}
	
	.yarpp-entry-title {
		font-size: 1.2vw;
		padding: 0.9vw;
		line-height: 140%;
	}

}
@media ( max-width: 850px ) {
	
	
	/* Structure --------------------------------------- */

	
	body { background: #f4f4d6; }
	
	.wrapper.section-inner { max-width: 100%; }
	
	.wrapper:after { content: none; }
	
	.content { 
		float: none;
		max-width: 95%;
		width: auto; 
		margin-left: auto;
		margin-right: auto;
	}
	
	.sidebar { 
		width: 100%;
		padding-left: 6%;
		padding-right: 6%;
		background: #e8e8c8;
		border-top: 1px solid #ddd;
		float: none; 
	}
	
	.content,	.sidebar { padding-top: 5vw 0; }
	
	
	/* Search Container ----------------------------- */
	
	
	.search-container .search-field {
		padding: 30px 64px 30px 0;
		font-size: 1.25em;
		font-weight: 400;
	}
	
	.search-container .search-button { margin-top: -17px; }
	
	.search-container .search-button .fa { font-size: 32px; }
		
	
	/* Header --------------------------------------- */
	
	
	.header { 
		padding: 10px 0; 
		margin-bottom:0px;
		background-size: 850px 300px;
		background-image: url(//img.paraviagem.com.br/rowling/HeaderBackgroundMedium.jpg);
	}

	.blog-title,
	.blog-description {
		margin-right: 60px;
	}
	
	
	/* Navigation ----------------------------------- */
	
	  .navigation, .primary-menu, .primary-menu li, .sub-menu { display:none; }
	
	/* Nav Toggle */
	
	.header .section-inner { position: relative; }
	
	.nav-toggle {
		display: block;
		width: 40px;
		height: 40px;
		background: #DA5700;
		border-radius: 99px;
		position: absolute;
		top: 100%;
		margin-top: -20px;
		right: 0;
		box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	}
	
	.nav-toggle .bar {
		width: 20px;
		height: 2px;
		background: #fff;
		border-radius: 1px;
		box-shadow: 0 1px 0 rgba(0,0,0,0.1);
		position: absolute;
		left: 50%;
		margin-left: -10px;
		top: 50%;
		-webkit-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -webkit-transform 0.2s linear 0s;
		-moz-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -moz-transform 0.2s linear 0s;
		-o-transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, -o-transform 0.2s linear 0s;
		transition: opacity 0.2s linear 0.2s, margin 0.2s linear 0.2s, transform 0.2s linear 0s;
	}
	
	.nav-toggle .bar:nth-child(1) { margin-top: -7px; }
	.nav-toggle .bar:nth-child(2) { margin-top: -1px; }
	.nav-toggle .bar:nth-child(3) { margin-top: 5px; }
	
	.nav-toggle:hover { cursor: pointer; }
	
	.nav-toggle.active .bar { 
		background: #fff; 
		-webkit-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -webkit-transform 0.2s linear 0.2s;
		-moz-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -moz-transform 0.2s linear 0.2s;
		-o-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -o-transform 0.2s linear 0.2s;
		transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, transform 0.2s linear 0.2s;
	}
	
	.nav-toggle.active .bar:nth-child(1),
	.nav-toggle.active .bar:nth-child(3) { margin-top: -1px; }
	
	.nav-toggle.active .bar:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.nav-toggle.active .bar:nth-child(2) { 
		-webkit-opacity: 0;
		-moz-opacity: 0;
		opacity: 0; 
	}
	
	.nav-toggle.active .bar:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	/* Mobile Menu */
	
	.mobile-menu { background: #DA5700; }
	
	.mobile-menu li a { 
		border-top: 1px solid rgba(255,255,255,0.1); 
		border-bottom: 1px solid rgba(0,0,0,0.1); 
	}
		
	.mobile-menu a {
		display: block;
		padding: 12px 6%;
		font-size: 0.8rem;
		font-weight: 900;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #fff;
		text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	}
	
	.mobile-menu ul a { padding-left: 12%; }
	.mobile-menu ul ul a { padding-left: 18%; }
	.mobile-menu ul ul ul a { padding-left: 24%; }
	.mobile-menu ul ul ul ul a { padding-left: 30%; }
	.mobile-menu ul ul ul ul ul a { padding-left: 36%; }
	.mobile-menu ul ul ul ul ul ul a { padding-left: 42%; }
	
	.mobile-menu a:hover { color: #fff; }


	
	/* Content -------------------------------------- */
	
	
	.featured-title {
		font-size: 2.4vw;
		padding: 1vw;
		line-height: 120%;
	}
	.featured-excerpt {
		font-size: 2vw;
		padding: 0 1vw;
	}
	.featured-more {
		font-size: 1.7vw;
		padding: 0.5vw;
	}
	#my-slideshow ol {
		width: 22vw;
		bottom: 1.5vw;
		right: 1vw;
	}
	#my-slideshow ol li a{
		margin: 0 2px;
		width: 2.8vw;
		height: 2.8vw;
		font-size: 1.8vw;
		font-weight: bold;
		line-height: 2.8vw;
		border-radius: 15px;
	}

	.posts .post-title {
		font-size: 2.4vw; 
		height: 3vw;
		margin-bottom: 1.4vw
	}

	.post-categories {
		margin-bottom: 0.7vw;
		font-size: 1.5vw;
	}
	
	.post-excerpt	 {
		font-size: 2vw;
		height: 7.2vw;
	}
	
	.post-header .content_share { margin-top: 1vw; }


	/* Sidebar ----------------------------------- */
	
	
	.sidebar .widget {
		display: inline-block;
		width: 47%;
		vertical-align: top;
		padding: 0;
		margin: 0 0 40px 0;
		border: none;
	}
	
	.sidebar .widget:nth-child(2n) { margin-left: 5%; }
	
	.widget-title {
		font-size: 2vw;
	}

	.yarpp-entry-title {
		font-size: 1.8vw;
		padding: 1.3vw;
	}

	/* Credits ----------------------------------- */
	
	
	.to-the-top {
		width: 40px;
		height: 40px;
		top: -20px;
	}
	
	.to-the-top:hover { top: -23px; }
	
	
}


@media ( max-width: 780px ) {
	
	
	/* Header ----------------------------------- */
	
	
	.header { 
		padding: 12px 0; 
	}

	.nav-toggle { top: 105%; }


	/* Single Post ------------------------------- */
	
	
	.single-post .post-inner { padding-left: 0; }
	
	.related-posts { 
		display: none;
		width: 100%;
		margin-top: 40px;
		position: static;
		top: auto;
		left: auto;
	}
	
	.post-inner .related-posts { display: block; }
	
	.related-post {
		width: 30%;
		float: left;
	}
	
	.related-post + .related-post { margin: 0 0 0 5%; }
	
	
	/* Post Content ------------------------------ */
	
	
	.post-inner > .post-content { font-size: 1.1em; }
	
	
	/* Comments ---------------------------------- */
	
	
	.comments, 
	.comment-respond form,
	.no-comments {
		margin-left: 0;
	}
	
	.no-comments {
		margin-top: 25px;
		border-top: 2px solid #ddd;
		padding-top: 25px;
	}
	
	
}


@media ( max-width: 600px ) {
	
	
	/* Structure ------------------------------------ */
	
	
	.section-inner { max-width: 100%; }
	.content { max-width: 95%; }
	
	.content { padding: 30px 0; }
	
	
	/* Header ----------------------------------- */
	
	
	.header { 
		padding: 15px 5%; 
	}

	.blog-logo img {
		width: 100%;
	}

	.nav-toggle { top: 110%; }
	
	/* Search Container ----------------------------- */
	
	
	.search-container .search-field {
		padding: 25px 50px 25px 0;
		font-size: 1.1em;
	}
	
	.search-container .search-button { margin-top: -15px; }
	.search-container .search-button .fa { font-size: 28px; }
	
	
	/* Navigation ----------------------------------- */
	
	
	.mobile-menu a { padding: 10px 5%; }
	.mobile-menu ul a { padding-left: 10%; }
	.mobile-menu ul ul a { padding-left: 15%; }
	.mobile-menu ul ul ul a { padding-left: 20%; }
	.mobile-menu ul ul ul ul a { padding-left: 25%; }
	.mobile-menu ul ul ul ul ul a { padding-left: 30%; }
	.mobile-menu ul ul ul ul ul ul a { padding-left: 35%; }
	
	
	/* Content -------------------------------------- */
	
	
	.posts .post { width: 100%; }
	
	.featured-picture img { border: 5px solid #fff;} 
	
	
/* Post Image ----------------------------------------- */

.posts .post-image img {
	border: 4px solid #fff;
  box-shadow: 1px 1px 12px #666666;
}

/* Single Post ---------------------------------- */
	
	
	.single-post .post-header,
	.single-post .post-image,
	.single-post .flexslider { margin-bottom: 25px; }
	
	.single-post .post-categories { font-size: 0.75em; }
	
	.single-post .post-title { 
		font-size: 1.75em; 
		line-height: 130%;
	}
	
	.single-post .post-meta { 
		padding-top: 12px;
		font-size: 0.9em; 
	}
	
	.single-post .post-meta .resp { display: none; }
	
	.single-post .post-meta:first-letter { text-transform: uppercase; }
	
	.single-post .post-tags { margin-top: 20px; }
	
	.post-author { 
		margin-top: 30px;
		padding: 20px 20px 20px 120px; 
		min-height: 100px;
	}
	
	.post-author:before { left: 54px; }
	
	.post-author .title { font-size: 3.8vw; }
	.post-author .description { font-size: 2.8vw; line-height: 110%; }
	
	.post-author > .avatar { margin-top: -30px; }
	
	.post-author img { 
		width: 80px; 
		padding: 3px;
	}
	
	
	/* Post Content --------------------------------- */
	
	
	.post-content,
	.post-inner > .post-content { font-size: 1em; }
	
	.post-content p.intro {
		font-size: 1.1em;
		line-height: 140%;
	}
	
	.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
		margin: 30px 0 12px;
	}
	
	.post-content h1 { font-size: 1.9em; }
	.post-content h2 { font-size: 1.7em; }
	.post-content h3 { font-size: 1.5em; }
	.post-content h4 { font-size: 1.25em; }
	.post-content h5 { font-size: 1.1em; }
	
	.post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6,
	.post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6,
	.post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6,
	.post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6,
	.post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6,
	.post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 {
		margin-top: 12px;
	}
	
	.post-content hr { margin: 30px auto; }
	
	.post-content blockquote { padding: 25px; }
	
	.post-content blockquote:after { content: none; }
	
	.post-content fieldset { padding: 20px; }
	
	
	/* Comments ------------------------------------- */
	
	
	.comments-container,
	.respond-container { margin-top: 40px; }
	
	.comments-title-container,
	.comment-reply-title { 
		padding: 18px 0;
		margin-bottom: 30px; 
	}
	
	.comments-title,
	.comment-reply-title { font-size: 1em; }
	
	.comments-title .fa,
	.comment-reply-title .fa {
		font-size: 16px
	}
	
	.comments-title-link {
		font-size: 0.8em;
		bottom: -1px;
	}
	
	.comment .avatar { display: none; }
	
	.comment-inner { margin-left: 0; }
	
	.comment-inner:before,
	.comment-inner:after { content: none; }
	
	.bypostauthor .comment-author-icon {
		top: -9px;
		left: -9px;
	}
	
	
	/* Pagination ----------------------------------- */
	
	
	.archive-nav { margin-top: 40px; }
	
	.archive-nav .number { display: none; }
	
	.archive-nav .archive-nav-older,
	.archive-nav .archive-nav-newer {
		position: static;
	}

	.archive-nav .archive-nav-newer { float: left; }	
	.archive-nav .archive-nav-older { float: right; }
	
	
	/* Sidebar -------------------------------------- */
	
	
	.sidebar { 
		padding-right: 5%;
		padding-left: 5%; 
	}
	
	.sidebar .widget {
		display: block;
		width: 100%;
		margin: 0;
	}
	
	.sidebar .widget + .widget {
		margin-top: 40px;
/*		padding-top: 40px;
		border-top: 1px solid #ddd;; */
	}
	
	.sidebar .widget:nth-child(2n) { margin-left: 0; }
	
	
	.widget-title {
		font-size: 2.5vw;
	}

	.yarpp-entry-title {
		font-size: 3.2vw;
		padding: 2vw;
	}
	
}


@media ( max-width: 500px ) {
	
	
	/* Header ----------------------------------- */
	
	
	.header { 
		padding: 18px 5%;
	}
  .blog-logo {
    width: 60%;
  }

	/* Respond -------------------------------------- */
	
	
	.comment-form-author,
	.comment-form-email {
		display: block;
		width: 100%;
		float: none;
	}
	
	
	/* Content -------------------------------------- */
	
	#my-slideshow {
		background: linear-gradient( #f4f4d6, #ccccab );
	}
	.featured-picture {
		display:block;
		float:left;
		width: 100%;
	}
	.featured-text {
		display:block;
		float:left;
		width: 100%;
		height: 120px;
		padding-top: 3px;
	}
	.featured-title {
		font-size: 4.2vw;
		overflow: hidden;
		height: 5.4vw;
		padding: 0 2vw;
		margin-bottom: 1vw;
		line-height: 160%;
	}
	.featured-excerpt {
		font-size: 3.6vw;
		padding: 0 2vw;
		height: 17.4vw;
		overflow: hidden;
	}
	.featured-more {
		display: none;
		font-size: 3vw;
		padding: 1vw 2.2vw;
	}
	#my-slideshow ol {
		width: 100%;
		bottom: 2vw;
	}
	#my-slideshow ol li {
		margin: 0 4vw;
	}
	#my-slideshow ol li a{
		margin: 0 2px;
		width: 5.5vw;
		height: 5.5vw;
		font-size: 3.6vw;
		font-weight: bold;
		line-height: 5.8vw;
		border-radius: 15px;
	}
	
	.posts .post, .posts .post:nth-child(2n)  {
		margin-bottom: 25px;
		border-radius: 15px;
		background: linear-gradient(#f4f4d6, #f4f4d6, #ccccab);	
	}
	
	.posts .post-image { width: 100%; }
	
	.posts .post-header { width: 100% }
	
	.thumbnail-desktop { display: none !important; visibility: hidden !important; }

	.thumbnail-smartphone { display: block !important; visibility: visible !important; }

	.post-categories {
		margin: 1vw 0;
		font-size: 3vw;
	}

	.posts .post-title {
		font-size: 4.2vw; 
		height: 6vw;
		line-height: 160%;
		margin-bottom: 0;
	}

	.post-excerpt	 {
		font-size: 3.6vw;
		padding-bottom: 1vw;
		overflow: visible;
		height: auto;
	}

	.post-excerpt	a { display: none; }
	
	.post-header .content_share { margin: 1vw auto 6px; float:none; }
  .posts .post:nth-child(2n) .content_share { margin: 1vw auto 6px; float:none; }
	
	.gallery-item { width: 50% !important; } /* XXXXX */

/*	.mosaic tr td div p {	display:none !important; } */
	.mosaic tr { display: flex; flex-wrap: wrap; width: 100%; }
	.mosaic tr td { display: block; width: 100% !important; text-align: center; margin-bottom: 10px !important; }


	/* Sidebar -----------------------------------------*/
	
	
	.widget-title {
		font-size: 3vw;
	}

	
	/* Post Content --------------------------------- */
	
	
	.post-content .alignleft,
	.post-content .alignright {
		max-width: 100% !important;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	
	.post-content .alignleft img,
	.post-content .alignright img {
		margin-right: auto;
		margin-left: auto;
	}

	.sense-content-begginig {
		float: block;
		min-width: 300px;
		width: 100%;
		height: 250px;
		margin: 5px 15px 20px 0;
	}

}


@media ( max-width: 400px ) {
	
	
	/* Header ----------------------------------- */
	
	
	.header { 
		padding: 20px 5%;
		border-top-width: 4px;
	}
	
	.blog-logo img {
		width: 110%;
	}

	.blog-title { 
		font-size: 1.3em; 
		letter-spacing: 1px;
	}
	
	.blog-description { display: none; }
	
	.nav-toggle { top: 120%; }
	

	/* Top Nav --------------------------------------- */
		
  .secondary-menu > li > a { font-size: 90%; padding: 8px 10px; }
	
	
	/* Navigation ---------------------------------- */
	
	
/*	
	.mobile-menu a { 
		padding-top: 18px; 
		padding-bottom: 18px;
	}
*/	

	/* Content ------------------------------------- */
	
/*	
	.posts .post {
		width: 100%;
		display: block;
	}
	
	.posts .post + .post,
	.posts .post:nth-child(2) {
		padding-top: 25px;
		border-top: 1px solid #ddd;
		margin-top: 25px;
	}
		
	.posts .post .post-image { margin-bottom: 18px; }
	
	.post-meta { font-size: 0.85em; }
*/
	
	/* Post Formats --------------------------------- */
	
	
	.single .flex-direction-nav { display: none; }
	
	
	/* Single Post ---------------------------------- */
	
	
	.single-post .post-title { font-size: 1.5em; }
	
	.single-post .post-meta { 
		padding-top: 10px;
		margin-top: 8px;
		font-size: 0.9rem; 
	}
	
	.single-post .post-meta .resp:first-of-type { display: inline; }
	.single-post .post-meta .post-meta-author { display: none; }
	
	.single-post .post-image-caption, .single-attachment .post-image-caption { 
		padding: 10px 0 10px 24px; 
		font-size: 0.85em;
	}
	
	/* Post Author */ 
	
	.post-author { 
		padding: 20px; 
		margin-top: 25px;
		min-height: intrinsic;
	}
			
	.post-author img { display: none; }
	
	.post-author .description { font-size: 0.85em; }
	
	/* Related Posts */
	
	.related-posts { margin-top: 30px; }
	
	.related-post { width: 47.5%; }
	
	.related-post:nth-child(3) { display: none; }
	
	
	/* Post Content ---------------------------------- */
	
	
	.post-content p.intro { font-size: 1em; }
	
	.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
		margin: 30px 0 12px;
	}
	
	.post-content h1 { font-size: 1.5em; }
	.post-content h2 { font-size: 1.4em; }
	.post-content h3 { font-size: 1.3em; }
	.post-content h4 { font-size: 1.2em; }
	.post-content h5 { font-size: 1.1em; }
	
	
	/* Pagination ----------------------------------- */
	
	
	.page-title { margin-bottom: 25px; }
	
	/* Archive Navigation */
	
	.archive-nav { margin-top: 30px; }
	
	
	/* Comments ------------------------------------- */
	
	
	.comments-title-container, 
	.comment-reply-title {
		border-top-width: 3px;
		padding: 12px 0;
		margin-bottom: 20px;
	}
	
	.comments-title-link { display: none; }
	
	.comment-inner { 
		padding: 20px; 
		border-radius: 4px;
	}
	
	.comment-header h4 { font-size: 1em; }
	
	.comment-content { font-size: 0.95em; }
	
	
	/* Respond -------------------------------------- */
	
	
	.comment-respond p { margin-bottom: 15px; }
	
	.comment-respond input[type="text"], 
	.comment-respond textarea {
		padding: 15px;
	}
	
	.comment-respond textarea { height: 175px; }
	
	
	/* Credits -------------------------------------- */
	
	
	.credits .section-inner { padding: 20px 0; }
	
	.credits .copyright { font-size: 0.8em; }
	
	.credits .attribution {
		margin-top: 8px;
		font-size: 0.65em; 
	}
	
	
}