/*
Theme Name: Soul Mirror
Theme URI: http://www.soulmirror.pt/
Author: Infinidata Marketing Digital
Author URI: https://www.infinidata.pt/
Description: Theme Responsivo, personalizado para a Soul Mirror, com Advanced Custom Fields
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: soulmirror
Tags:

soulmirror is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
6.0 Accessibility
7.0 Alignments
8.0 Clearings
10.0 Content
	10.1 Posts and pages
	10.2 Asides
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Soul Mirror
	13.1 responsive media

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

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	overflow-y: scroll;
	height: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent; webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none; -webkit-appearance: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {border-collapse: collapse;border-spacing: 0; margin: 1em 0 1.5em 0; width: 100%;}
	tr{border-bottom: 1px solid #dbdbdb;}
td,
th {padding: 0; line-height:2;}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/


@font-face {
	font-family: RalewayWebfontregular;
	src: url('fontes/raleway-regular.eot');
	src: url('fontes/raleway-regular.eot?#iefix') format('embedded-opentype'),
	url('fontes/raleway-regular.woff') format('woff'),
	url('fontes/raleway-regular.ttf') format('truetype'),
	url('fontes/raleway-regular.svg#ralewayregular') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: RalewayWebfontmedium;
	src: url('fontes/raleway-medium.eot');
	src: url('fontes/raleway-medium.eot?#iefix') format('embedded-opentype'),
	url('fontes/raleway-medium.woff') format('woff'),
	url('fontes/raleway-medium.ttf') format('truetype'),
	url('fontes/raleway-medium.svg#ralewaymedium') format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: RalewayWebfontmediumitalic;
	src: url('fontes/raleway-mediumitalic.eot');
	src: url('fontes/raleway-mediumitalic.eot?#iefix') format('embedded-opentype'),
	url('fontes/raleway-mediumitalic.woff') format('woff'),
	url('fontes/raleway-mediumitalic.ttf') format('truetype'),
	url('fontes/raleway-mediumitalic.svg#ralewaymediumitalic') format('svg');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: RalewayWebfontsemibold;
	src: url('fontes/raleway-semibold.eot');
	src: url('fontes/raleway-semibold.eot?#iefix') format('embedded-opentype'),
	url('fontes/raleway-semibold.woff') format('woff'),
	url('fontes/raleway-semibold.ttf') format('truetype'),
	url('fontes/raleway-semibold.svg#ralewaysemibold') format('svg');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: RalewayWebfontbold;
	src: url('fontes/raleway-bold.eot');
	src: url('fontes/raleway-bold.eot?#iefix') format('embedded-opentype'),
	url('fontes/raleway-bold.woff') format('woff'),
	url('fontes/raleway-bold.ttf') format('truetype'),
	url('fontes/raleway-bold.svg#ralewaybold') format('svg');
	font-weight: 700;
	font-style: normal;
}

body{
	color: #242424;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	font-family: RalewayWebfontregular;
	text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
q:before {content: "";font-size: 4em;font-family: Arial, sans-serif;line-height: 0.1em;margin-right: 0.6em;vertical-align: -0.4em;color:#282828; }
blockquote:after,
q:after {background:url(imagens/quotes2.png) 3px 3px no-repeat; content: close-quote;font-size: 4em;font-family: Arial, sans-serif;line-height: 0.1em;margin-left: 0.2em;color:#282828;  display: inline-block;height: 20px;width: 25px; background-size: 21px 18px;}
	blockquote, q {background:url(imagens/quotes.png) 3px 3px no-repeat; font-style: italic; background-size: 21px 18px;}
		blockquote p {display: inline; font-size:1.1em; font-family: RalewayWebfontmedium;}
		blockquote footer {background:url(imagens/testemunhos-footer.gif) no-repeat top left;font-size:0.9em; color:#242424; margin:10px 0 25px 0; padding-top:4px; font-family: RalewayWebfontbold;}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;border-radius: 5px;color: #fff;background:#f68d1f;}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background:#f04935;}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {outline:none;}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea {color: #383838;border: 1px solid #c9cdcf;border-radius: 5px;max-width:100%;width:100%; text-indent:10px;font-size:0.875em;line-height:1.5; min-height:41px; font-family: RalewayWebfontregular;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
select{
	padding: 9px 3px;
}

textarea {padding-left: 3px; padding-top:8px;}

:-ms-input-placeholder {color: #383838;}
::-webkit-input-placeholder {color: #383838;}
:-moz-placeholder{color: #383838;}
::-moz-placeholder{color: #383838;}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Menus
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 5px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
13.0 Soul Mirror
--------------------------------------------------------------*/

#top-bar{border-bottom:1px solid #dbdbdb; height:50px; overflow: hidden;}
	#top-bar-container{max-width:1022px; margin:0 auto; padding:0 20px; text-align:right; font-family: RalewayWebfontbold; font-size: 0.88em; text-transform:uppercase; color:#787878;  line-height:50px; height:50px;}
		#top-bar-container div{display:block; line-height:50px; vertical-align:top;}
			#top-bar-container #marcacoes{padding-right:18px; float:right;}
			#top-bar-container #mobile-toggle{float:left; width:50px; height:50px; display:none}
				#top-bar-container #marcacoes a{color:#f47826; text-decoration:none; cursor:pointer; pointer-events:none;}
				#top-bar-container #marcacoes a:visited{color:#f47826;}
			#top-facebook{background: url(imagens/facebook.gif) no-repeat center center; background-size:11px 20px; width:50px; height:50px; float:right; display:block; cursor:pointer; }
				#top-facebook:hover{opacity:0.3;}
				.sep{height:50px; width:1px; background-color:#dbdbdb;display:block; float:right;}
				.sep2{height:50px; width:1px; background-color:#dbdbdb;display:none; float:left;}
#masthead-container{max-width:1022px; margin:0 auto; padding-left:20px;}
	#site-branding{float:left;}
		#site-branding h2{background: url(imagens/soulmirror-logo.png) no-repeat center center; background-size:240px 80px; width:240px; height:80px; font-size: 2em; margin: 0.67em 0;}
		#site-branding h2 span{display:none;}
		#site-branding a{display:block; width:100%; height:100%;}
		#site-description{display:none;}
	
	#site-navigation{display: block; float: right; margin-top:40px;}
			#site-navigation ul {list-style: none; margin: 0; padding-left: 0;}
				#site-navigation li {float: left;position: relative;}
					.main-navigation a, .main-navigation span {display: block; text-decoration: none; color:#242424; font-size:1em; font-size:1em; font-family: RalewayWebfontmedium; padding:8px 18px; cursor:pointer;}
					.main-navigation  li:hover > a, .main-navigation  li:hover > span{color:#f47826;}
					.main-navigation .current_page_item > a,
					.main-navigation .current-menu-item > a,
					.main-navigation .current_page_ancestor > a, .current_page_parent a{color:#f8b728; font-family: RalewayWebfontbold;}
					.main-navigation li .current_page_item > a{color:#fff; font-family: RalewayWebfontbold; background-color:#f04935;}
					.main-navigation .current_page_item > span,
					.main-navigation .current-menu-item > span,
					.main-navigation .current_page_ancestor > span{color:#f47826; font-family: RalewayWebfontbold;}
				.main-navigation ul ul {background:#f47826;float: left;position: absolute;top: 2em; left: -999em;z-index: 99999;}
					.main-navigation ul ul li {}
						.main-navigation ul ul a {width: 200px; color:#fff;}
							.main-navigation ul ul :hover > a {background:#787878; color:#fff;}
							.main-navigation ul ul a:hover {}
							
						/* mostra submenu */
						.main-navigation ul li:hover > ul {left: auto;}

			/* menu responsivo */
			#top-bar-container #toggle {width: 28px;height: 30px; margin-left:11px; margin-top: 23px;}

				#toggle span:after,
				#toggle span:before {content: "";position: absolute;left: 0;top: -9px;}
				#toggle span:after{top: 9px;}
				#toggle span {position: relative;display: block;}

				#toggle span,
				#toggle span:after,
				#toggle span:before {width: 100%;height: 4px;background-color: #888;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition: all 0.3s; -o-transition:all 0.3s; backface-visibility: hidden;border-radius: 2px;}

					/* on activation */
					#toggle.on span {background-color: transparent;}
					#toggle.on span:before {-webkit-transform: rotate(45deg) translate(5px, 5px); -moz-transform: rotate(45deg) translate(5px, 5px); -ms-transform: rotate(45deg) translate(5px, 5px); transform: rotate(45deg) translate(5px, 5px);}
					#toggle.on span:after {-webkit-transform: rotate(-45deg) translate(7px, -8px); -moz-transform: rotate(-45deg) translate(7px, -8px); -ms-transform: rotate(-45deg) translate(7px, -8px); transform: rotate(-45deg) translate(7px, -8px); -ms-transform:rotate(-45deg) translate(7px, -8px); -o-transform:rotate(-45deg) translate(7px, -8px);}


				

					
	.container{max-width:1022px; margin:0 auto; padding:0 20px;}
		.container article{max-width: 66.66%; float:left; margin-bottom:20px; width:100%;}
		.container article h1{color:#f68d1f; font-family: RalewayWebfontregular; font-weight:400; font-size: 2.25em; margin-top:0; line-height:1;}
		h2{color:#f68d1f; font-family: RalewayWebfontregular; font-weight:400; font-size: 1.6em; margin-top:0; margin-bottom:0; line-height:1;}
		.container article h3{color:#242424; font-family: RalewayWebfontbold; font-weight:700; font-size: 1em; margin-bottom:0; line-height:1.5;}
		.container article p{max-width: 588px;}
		
		#blogcontainer{max-width: 66.66%; float:left; margin-bottom:20px; display: block; width: 100%;}
			.container article.post-blog{max-width: initial; float:none;}
			.container article.post-blog p{max-width: inherit;}
			.container article.post-blog h2{font-family: RalewayWebfontregular; font-weight:400; font-size: 2.25em; margin-top:0; line-height:1;}
			.container article.post-blog h2 a{color: #f68d1f; text-decoration:none;}
			.container article.post-blog h2 a:hover{color: #787878;}
			.container article.post-blog  .alignleft{margin-top:1em; margin-bottom:1em;}
		
		
		/* coluna direita */
		.container aside{max-width: 33.33%; float:right; padding-left:20px; margin-top:20px; width:100%;}
			aside .wp-post-image{margin:0 auto 20px auto; width:100%; max-width:400px; display:block;}
			aside .card-container{max-width: 400px; margin:0 auto;}
				aside .card-container .card-titulo{background:#fff; color:#f04935;}
				aside .card-container p{font-family: RalewayWebfontbold;}
				aside .card-container a{background:#f04935;}
				aside .card-image img{width:100%;}
				aside ul{list-style:none; margin:0; padding:0;}
			.aside{border:1px solid #787878; width:100%; display:block; min-height:82px; margin-bottom:10px; text-decoration:none;}
			.aside i{background: url(imagens/icons.png) no-repeat #787878; width:82px; height:82px; display:inline-block; vertical-align: middle; background-size:246px 82px;}
			.aside:hover{border:1px solid #f47826; background-color:#f47826;}
			.aside:hover > i{background-color:#f47826;}
			.aside:hover span{color:#fff;}
				#aside-fb i{background-position:top left;}
				#aside-promo i{background-position: top right;}
				#aside-horario i{background-position: top center;}
			.aside span{font-size:1.6em; line-height:1; color:#787878; text-decoration:none; display:inline-block; vertical-align: middle; max-width:154px; margin-left:10px;}


	#breadcrumbs{border-bottom:1px solid #dddddd;}
		#breadcrumbs span, #breadcrumbs a{text-transform:uppercase; font-size:0.91em; display:inline-block; color:#5e5e5e;}
		#breadcrumbs a{text-transform:uppercase; font-size:0.91em; text-decoration:none; padding:10px 0; display:inline-block; color:#5e5e5e;}
			#breadcrumbs a:hover{color:#f47826;}
	
	#bg-cinza{background-color:#f0f0f0;border-top:2px solid #fff; padding:40px 0 20px 0;}
	#bg-cinza .entry-content a{text-decoration:none; color:#f04935;}
		#bg-cinza .entry-content a:hover{text-decoration:underline;}
		
			.card-container{background:url(imagens/sombra.png) bottom center no-repeat; background-size:314px 12px; padding-bottom:12px;}
			.card-image {margin-bottom:-32px;}
				.card-image img{display:block; max-width:100%; margin-bottom:0;}
			.card-titulo{background-color:#f04935; color:#fff; display:inline-block; clear:both; padding: 3px 20px 2px 20px; font-family: RalewayWebfontsemibold; font-size:18px;}
			.card-content{background-color:#fff; padding: 20px;}
				.card-content p{margin-top:0; font-size:14px; font-family: RalewayWebfontmedium;}
				.card-content a{display:block; background:#f68d1f;  max-width:146px; color:#fff; margin:0 auto;}
					.card-content a:hover{background-color:#787878;}

	.btn{text-transform:uppercase; font-family: RalewayWebfontsemibold; font-size:0.875em; border-radius:6px; text-decoration:none; text-align:center; padding:11px 20px 8px 20px;}
	
	#testemunhos{background:#f68d1f; color:#fff;}
		#testemunhos .container{background:url(imagens/testemunhos.gif) center right no-repeat #f68d1f; padding-bottom:28px;}
		#testemunhos blockquote{max-width:66.66%;}
			#testemunhos .btn{background:#fff; color:#f68d1f; margin-left: 20px; font-family: RalewayWebfontbold;}
			#testemunhos .btn:hover{background:#282828; color:#fff; font-family: RalewayWebfontbold;}
	.testemunhos-page blockquote{border-bottom:1px solid #dbdbdb; margin-bottom:1em; margin-left:0; margin-right:0;}
		.testemunhos-page blockquote p{font-size:1em;}
		.testemunhos-page cite{display:block; margin-top:20px; font-family: RalewayWebfontsemibold; color: #f68d1f;}
		.testemunhos-page .card-titulo-2 {background: url(imagens/servicos-mandala.gif) right 0px no-repeat #f04935;display: block;padding: 20px}
			.testemunhos-page .card-container h2 {color: #fff;text-transform: uppercase;font-family: RalewayWebfontregular;font-weight: initial;font-size: 1.5em;line-height: 1;margin-top: 10px;margin:0;}
	
	#header-img{background: url(imagens/header-img-right.png) right bottom no-repeat #f8b728; position: relative;}
		#header-img.img-bottom{background-position:right top;}
		#header-tit{z-index:1; position: relative; text-align:center; padding:0 20px;}
			#header-tit h2, #header-tit h1{font-size:2.250em; text-transform:uppercase; font-weight:400; line-height:1;max-width:700px; padding:80px 20px 70px 20px; margin: 0 auto; color:#242424;}
			#header-tit h1{font-size:2.250em; text-transform:uppercase; font-weight:400; line-height:1;max-width:700px; padding:40px 20px 40px 20px; margin: 0 auto; color:#242424;}
		#header-img-left{background: url(imagens/header-img-left.png) -120px bottom no-repeat transparent; position: absolute; left:0; top:0; bottom:0; right:0;}

	#contactos.container article{max-width: 33.33%;}			
	#contactos.container aside{max-width: 66.66%; margin-top:55px;}	
		#mapa {width: 100%;height: 256px;}
			#mapa img{max-width: inherit;}
			
	
/** formularios
===================================*/

		#contactos .entry-content a{color: #242424; text-decoration:none;}
			#contactos .entry-content a:hover{color: #f8b728;}
		#contactos .wpcf7 .wpcf7-form-control-wrap{float:left; width:48.5%; margin-bottom:0.8em;}
		#contactos .assunto, #contactos .email{margin-left:3%;}
		#contactos .wpcf7 .wpcf7-form-control-wrap.mensagem{float:none; width:100%;}
		#contactos small{float:left; line-height:40px;margin-top:10px;}
		#contactos .btn{float:right; width:48.5%; display:block;margin-top:10px;}
			form p{margin-bottom:10px;}
			form br{display:none;}
				.wpcf7-not-valid-tip, .screen-reader-response{display:none!important;}
				span .wpcf7-not-valid{border-color:#f04935;}
				img.ajax-loader { display: none; }
				.wpcf7-validation-errors{color:#f04935; font-size:0.85em; line-height:1; font-family: RalewayWebfontbold; margin-bottom:10px;}
				.wpcf7-mail-sent-ok{padding:5px 10px; background-color: #f8b728; color:#fff; font-family: RalewayWebfontbold; text-align: center; margin-top: 5px; margin-bottom:10px;}
			form input{-webkit-appearance: none;}	
				#contactos select{-webkit-appearance: none; -moz-appearance: none; background: #fff url(imagens/select.gif) center right no-repeat; background-size:23px 26px; cursor:pointer;}
				#contactos select:first-child{color:#383838;}
				.iehack #contactos select{background:#fff; background-image:none !important;}
			
/*
 * footer
*/	
#footer{background-color:#282828;}
	#footer .col{width:33.33%; padding-left:20px; float:left; color: #fff; font-size:0.875em; line-height:1.5; padding-bottom:20px;}
		#footer .col:first-child{padding-left:0px;}
			#footer h5{font-size:1.125em; color: #f68d1f; font-weight:400; margin-bottom:0.875em;}
			#footer a{color:#fff; text-decoration:none;}
				#footer a:hover{color:#f68d1f;}
	#site-info{background:#fff; padding:10px 0; font-family: RalewayWebfontsemibold;}
		#copyright{float:left; color:#787878; font-size:0.750em;}		
		#infini{float:right; color:#787878; font-size:0.750em;}		
		#infini a{color:#787878;}		
	
/** slider
===================================*/

#slider {position: relative; margin: 0 auto 60px; padding: 0; background: #f8b728; *zoom: 1;}
	#slider ul {margin:0; padding:0;}
		#slider img {max-width: 100%;display: block;float:right; width:60%;}
		#slider .container {z-index:200; position: relative; font-size:2.250em; text-transform:uppercase; line-height:1; margin-top:100px;}
		#slider .slider-container {position: absolute; max-width:inherit; margin-left:40%; padding:0; width:500px; left: -200px; top: 0; }
			.slider-txt{position: relative;  height:462px;}
			.slider-overlay{background:url(imagens/slide-caption.png) top left no-repeat transparent; height:100%; position:absolute; top:0; bottom:0; width:500px; right:0; display:block; z-index:100;}
		.slider-bg{position: absolute; left:0; top:0; bottom:0; background: #f8b728;height:100%; width:40%;}
/** THEME
===================================*/

#slider .bx-viewport {
	
	max-height:452px; overflow:hidden;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

#slider .bx-pager,
#slider .bx-controls-auto {
	position: absolute;
	bottom: -50px;
	width: 100%;
}

/* LOADER */

#slider .bx-loading {
	min-height: 50px;
	background: url(imagens/loader.gif) center center no-repeat #f8b728;
	background-size:50px 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

#slider .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dbdbdb;
}

#slider .bx-pager .bx-pager-item,
#slider .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#slider .bx-pager.bx-default-pager a {
	background: #787878;
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#slider .bx-pager.bx-default-pager a:hover,
#slider .bx-pager.bx-default-pager a.active {
	background: #f04935;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#slider .bx-prev {
	left: 20px;
	background: url(imagens/slider-controls.png) no-repeat top left;
}

#slider .bx-next {
	left: 70px;
	background: url(imagens/slider-controls.png) no-repeat top right;
}

#slider .bx-prev:hover {
	background-position: bottom left;
}

#slider .bx-next:hover {
	background-position: bottom right;
}

#slider .bx-controls-direction{position: absolute; margin: 0 auto;max-width: 1022px;padding: 0 20px; top: 0; bottom: 0;left: 0;right: 0; width:100%;}

#slider .bx-controls-direction a {
	position: absolute;
	top: 70%;
	margin-top: -16px;
	outline: 0;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	z-index: 8000;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

#slider .bx-controls-direction a.disabled {
	display: none;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

#slider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

#slider .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
/** servicos-slider
===================================*/

	#controls-bg{background: url(imagens/sombra.png) bottom center no-repeat; background-size: 314px 12px; padding-bottom: 11px; width:33.33%; float:left;}
		#servicos-slider-controls{background:url(imagens/servicos-mandala.gif) bottom right no-repeat #f04935; display:block; padding:20px; min-height:388px;}
			#servicos-slider-controls h2{color:#fff; text-transform:uppercase; font-family: RalewayWebfontregular; font-weight: initial; font-size:36px; max-width: 230px; line-height:1; margin-top:10px;}
		
	#servicos-slider {width:64.66%; float:left; position: relative; margin-left:2%;}
		#servicos-slider .bx-viewport {left: 0px; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
		
			#servicos-bxslider{position: relative; margin: 0px; padding: 0; *zoom: 1;}
				#servicos-bxslider .card-container{max-width: 400px; margin:0 auto;}
					#servicos-bxslider .card-content p{min-height:84px;}
	
				#servico-prev, #servico-next{display:inline-block; margin-top:40px; height:40px; width:40px; overflow:hidden;}
				#servico-prev .disabled, #servico-next .disabled{opacity:0.3; pointer-events:none;}
					#servico-prev a{background: url(imagens/slider-controls.png) no-repeat bottom left; outline: 0; width: 40px; height: 40px;text-indent: -9999px; display:inline-block; -webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;-ms-transition: none !important;transition: none !important;}
						#servico-prev a:hover {background-position: top left;}

					#servico-next a{background: url(imagens/slider-controls.png) no-repeat bottom right; outline: 0; width: 40px; height: 40px;text-indent: -9999px; display:inline-block; 	-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;-ms-transition: none !important;transition: none !important;}
						#servico-next a:hover {background-position: top right;}
				

/** blog
===================================*/

		.entry-meta {margin-bottom: 30px;}
			.entry-meta .sep-blog { display: block; border-top: 1px solid #cfcfcf; position: relative; margin: 15px 0px 10px 0;}
			.entry-meta .posted-on a, .cat-links a{color: #aaaaaa; text-decoration:none;}
			.byline a{color: #f68d1f; text-decoration:none;}
			.entry-meta, .entry-meta .posted-on, .entry-meta .comments-link, .byline, .cat-links{font-size: 14px; line-height: 20px; margin-right: 5px; color: #aaaaaa;}
			
	#bg-cinza a.blog-btn{display: inline-block;background: #f68d1f;color:#fff; margin-top: 1.5em;}
		#bg-cinza a.blog-btn:hover{background: #787878;text-decoration:none;}
		
	.attachment-blog-img{width:100%; max-width:655px;}
	
		#meses-tit, #categorias, #artigos-tit{display: block;padding: 10px 40px 10px 20px;font-size: 0.82em; line-height: 20px; text-transform: uppercase; position: relative; background: #f04935; color: #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration:none;}
			#meses-tit:hover, #categorias:hover {background-color: #787878; webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer;}
			#meses-tit:after, #categorias:after{content: "\2228";position: absolute;right: 20px;font-size: 10px;}
		#meses-tit.toogle, #categorias.toogle {background: #787878;}
		#meses-tit.toogle:after, #categorias.toogle:after {content: "\2227";position: absolute;right: 20px;font-size: 10px;}
			#meses{display:none;}
			.categories ul{display:none; margin-bottom: 20px;}
			#meses li,.categories ul li {border-left: 1px solid #cfcfcf;margin-left: 5px; position: relative; color:#787878; font-size: 0.9em; padding-left: 20px; line-height:40px; }
				#meses li:before, .categories ul li:before{content: "-";position: absolute;left: 0;top: -1px;color: #cfcfcf;}
				#meses a, .categories a{padding: 10px 40px 10px 20px; font-size: 0.9em; line-height: 20px; text-transform: uppercase; text-decoration:none; color:#787878; display:block;}
				#meses a:hover, .categories a:hover, #artigos-recentes a:hover{color:#f68d1f;}
				
				#artigos-recentes a{padding: 5px 40px 5px 20px; font-size: 0.9em; line-height: 20px; text-decoration:none; color:#787878; display:block;} 
				#artigos-recentes a small{display:block; color: #aaaaaa;} 
				
				.tags-links {color:#787878; line-height:30px; display:block; vertical-align:middle; font-size: 0.8em;}
					.tags-links a{padding: 5px 10px 5px 10px; font-size: 0.8em; line-height: 20px; text-transform: uppercase; text-decoration:none; color:#fff; display:inline-block; background-color: #f68d1f;   border-radius: 6px;}
					.tags-links a:hover{background-color:#787878;}
					
				#entry-nav{margin:1.5em 0; padding:0.3em 0; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
				#entry-nav a{color:#787878; text-decoration:none;}
					#entry-nav a:hover{color:#f68d1f;}
					#entry-nav span{font-size: 13px; line-height: 20px; margin-right: 5px; color: #787878; text-transform:uppercase; display:block;}
					#anterior{padding: 10px 40px 10px 20px; display:block; width:50%; float:left;}
					#seguinte{padding: 10px 40px 10px 20px; display:block; width:50%; float:left; text-align:right;}
					
				#blog-paginacao{margin:1.5em 0; padding:1em 0; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; text-align: center;}	
				.page-numbers{padding: 8px 10px; font-size: 0.8em; line-height: 20px; text-transform: uppercase; text-decoration:none; color:#fff; display:inline-block; background-color: #787878;   border-radius: 6px;}
				a.page-numbers:hover{background-color: #f68d1f; color:#fff;}
				.page-numbers.dots{color:#787878; background:none;}
					.page-numbers.current{background-color: #cfcfcf;}
					.next.page-numbers, .previous.page-numbers{color:#787878; background:none;}
					
/*--------------------------------------------------------------
13.1 responsive media
--------------------------------------------------------------*/				
				
@media  screen 
		and (min-width: 1900px) 
		{
			#slider img {width:65%;}
			#slider .slider-container {margin-left:45%;}
			.slider-bg{width:45%;}
		}
		
@media  only screen 
		and (min-width: 1022px)
		and (max-width: 1280px)
		{
			#slider .container{margin-top:50px;}
			#slider .bx-viewport{max-height:300px;}
		}
@media  only screen 
		and (min-width: 851px)
		and (max-width: 1022px)
		{
			#slider .container{margin-top:20px;}		
		}
		
@media  screen 
		and (max-width: 1100px)
		{
			#header-img-left{background-position: -340px bottom;}
		}		
		
@media  screen 
		and (max-width: 880px) 
		{
			.aside span{font-size:1.4em; max-width: 135px;}
			.container article{width:100%; float:none; max-width: inherit;}
				.container article p {max-width: inherit;}
			.container aside{width:100%; float:none; padding:0; max-width: inherit;}
				.aside{float:left; width:32.33%; margin-left:1%; min-height:52px;}
				.aside:first-child{margin-left:0;}
					.aside i{width:52px; height:52px; background-size:156px 52px;}
					.aside span{font-size:1.125em;}
			#contactos.container article{width:33.33%; float:left; max-width: inherit;}
			#contactos.container aside{width:66.66%; float:left; padding-left:20px; max-width: inherit;}
			
			#blogcontainer{float:none; margin:0 auto;}
		}

@media  (max-width: 850px)
{
		body.active{left: 0;top: 0;height: 100%;width: 100%; overflow:hidden;}
			#top-bar {position: absolute; z-index: 99999; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.56);height: 50px;width: 100%; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
				#top-bar.is-fixed {position: fixed;background-color: rgba(255, 255, 255, 0.96);}
			
			.active #site-navigation {width: 100%; opacity:1; height: 100%;position: fixed;}
					#top-bar-container #mobile-toggle, .sep2 {display: block;}
			#masthead{padding-top:50px;}
				#masthead-container{padding-right:20px;}
					#site-branding{width:auto; float:none; margin:0 auto;}
						#site-branding h2{margin:10px auto; background-size: 170px 57px; width: 170px;height: 57px;}
						#site-navigation{margin-top:0; width:auto; float:none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; width: 0; opacity:0; height: 100%;overflow: hidden;position: fixed; top: 50px; left: 0;background-color: #f68d1f; z-index: 8500; padding-top:0px;}
							.menu-topo-container{position: static;top: 0;right: 0;left: 0;bottom: 0;height: 100%;overflow-y: scroll;overflow-x: hidden; -webkit-overflow-scrolling: touch;}
							#site-navigation ul {display: block; text-align:center;  padding:50px 0;}
							#site-navigation ul ul{display: none;}
								#site-navigation li {float: none; display: block; position: relative;}
									.main-navigation a, .main-navigation span {display: block; text-decoration: none; color:#fff; font-size:1.4em; font-family: RalewayWebfontregular; padding:8px 18px;}
									.main-navigation  li:hover > a, .main-navigation  li:hover > span{color:#242424; background: #f8b728;}
										.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a{color:#242424;}
										
										.main-navigation .current_page_item > span, .main-navigation .current-menu-item > span, .main-navigation .current_page_ancestor > span {color:#242424;}
								.main-navigation ul ul {background:#f8b728; float: none;position: relative;top:0; left: 0;z-index: 99999; text-align:center; padding:0 !important;}
									.main-navigation ul ul a{width:auto; display:block;}
									#site-navigation .on{background:#f8b728; display:block; color:#242424;}
				
			#controls-bg{width:100%; margin-bottom:20px;}
				#servicos-slider-controls{width:100%; min-height: inherit;}
					#servicos-slider-controls h2{font-size: 1.5em; margin-bottom:0; max-width:inherit;}
				#servicos-slider{width:100%; margin-left:0;}
				#servico-prev, #servico-next{margin-top:10px;}
				
			#slider {margin: 0 auto 10px auto;}
					#servicos-slider .bx-viewport{left:0;}
					#slider img {max-width: 100%;display: block;float:none; width:100%;}
					#slider .container {background:#f8b728; font-size:1em; padding: 20px; margin-top:0px; min-height:72px; text-align:center;}
						.slider-bg{display:none;}
						.slider-txt, .bx-pager{display:none;}
						#slider .bx-controls-direction a {top: 50%; margin-top:-40px;}
						#slider .bx-next {right:20px; left: initial;}
			
			#testemunhos .container {background-position:320px 0; font-size:1em;}
				blockquote p {font-size:1em;}
		}
@media  screen
		and (max-width: 680px)
		{
			.aside, .aside:first-child{float:none; width:auto; margin:10px auto;}
			#footer .col{float:none; width:auto; margin:0; padding:0;}
			#footer .container{padding-bottom:24px;}
			#copyright, #infini{float:none; text-align:center;}
			
			div#contactos.container article{width:100%; float:none; max-width: inherit;}
			div#contactos.container aside{width:100%; float:none; padding:0; max-width: inherit; margin-top:30px;}
			div#contactos .wpcf7 .wpcf7-form-control-wrap{float:none; width:100%; margin-left:0;display: block;}
			
			#testemunhos blockquote{max-width:inherit; margin:0;}
			#testemunhos .btn{margin-left:0;}
			
			#header-img {background-position:right top;}
			#header-tit h2{font-size:1.6em; line-height:1; padding: 20px 0;}
			#bg-cinza{padding: 20px 0 20px 0;}
			
			#blogcontainer{width:auto; max-width: 400px;}
			
			#entry-nav div{width:auto; float:none; text-align:center; padding:5px 0;}
		}		
		
@media  screen 
		and (max-width: 480px) 
		{
			#servicos-slider .card-container{width:auto; margin-left:0;}
				.card-image img{width:100%;}
				.page-content, .entry-content, .entry-summary {margin-top: 0;}
			.container article h1{font-size: 1.9em; margin-bottom:10px;}
			.testemunhos-page blockquote p{font-size:0.9em;}
			
			#header-tit h2{font-size:1em; line-height:1.2; font-family: RalewayWebfontsemibold;}
			
			
							
			
		}	
@media  screen 
		and (max-width: 380px)
		{
			#top-bar-container{padding:0 10px;}
			#marcacoes{font-size:0.9em;}
		}
		
@media	screen 
		and (max-device-width: 768px) 
		{
			#top-bar-container #marcacoes a{pointer-events: initial;}
		}
@media  only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (min-resolution: 192dpi)
		{
			div #site-branding h2{background-image: url(imagens/soulmirror-logo@2x.png);}
			div#top-facebook{background-image: url(imagens/facebook@2x.gif);}
			#slider .bx-loading {background-image: url(imagens/loader@2x.gif);}
			.card-container{background-image:url(imagens/sombra@2x.png);}
			#servicos-slider-controls{background-image:url(imagens/servicos-mandala@2x.gif);}
			blockquote, q {background-image:url(imagens/quotes@2x.png);}
			blockquote:after, q:after {background-image:url(imagens/quotes2@2x.png);}
			#contactos select{background-image:url(imagens/select.gif);}
		}
@media print 
{
	#masthead nav, #footer, aside, #slider, #servicos-slider, .btn, #top-bar, #controls-bg, div#mapa {display: none;}
	#masthead, #site-branding h2 span{display:block;}
		#site-branding {float:none;}
			#site-branding h2{width:100%; height:auto;}
				#site-branding h2 a{color:#f8b728; text-decoration:none;}
	#masthead:after {content: "www.soulmirror.pt"; padding:0 20px;}
	
		img {max-width: 400px;}
		@page {margin: 0.5cm; color:#000;}
		body {font: 12pt Georgia, "Times New Roman", Times, serif;line-height: 1.3; color:#000;}
		h1 {font-size: 24pt;} h2 {font-size: 16pt;margin-top: 25px;}  h3 {font-size: 14pt;margin-top: 0px;margin-bottom: 0px;}
		.container{max-width:inherit;}
			.container article{max-width:inherit;margin-bottom:0;}
			.entry-content{margin-bottom:0;}
			.bg-cinza{margin-top:0;}
}

.sliderImage{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
 }
 
 @media (min-width: 851px){
	 .sliderImage {
		 width: 60%;
		 right: 0;
		 position: absolute;
		 bottom: 0;
		 overflow: hidden;
		 top: 0;
	 }	
	 .sliderImage > img{
		 display: none !important;
	 }
	 .sliderTextContainer{
		 height: 452px;
		 display: -webkit-box;
		 display: -ms-flexbox;
		 display: flex;
			 -webkit-box-align: center;
				 -ms-flex-align: center;
					 align-items: center;
		 margin-top:0 !important;
	 }
	 .sliderTextContainer > div{
		 width:40%
	 }
 }
 
 @media only screen and (max-width: 1280px) and (min-width: 1022px) {
 .sliderTextContainer {
	 height: 300px;
	 
 }
 }