/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
	
	#img-holder {
		position: absolute;
		left: -6px;
		background: none repeat scroll 0% 0% #D5202A;
		border-radius: 25%;
		width: 200px;
		height: 200px;
		bottom: 19%;
		text-align: center;
		color: #FFF;
		padding: 0px 15px;
		right: 0px;
		margin: auto;
	}
	
	article.post {
		border-top: none !important;
		background-color: #FFF !important;
		background-repeat: no-repeat !important;
		margin-bottom: 60px !important;
		padding-bottom: 30px !important;
	}
	
	article.category-geral {
		background-image: url("http://headingrh.porqueanima.com/wp-content/uploads/2015/03/Geral.png");
		background-size: 100% 5px !important;
		background-position: 0px 0px !important;
	}
	
	article .entry-wrap {
		background-color: transparent !important;
		margin-bottom: 0px !important;
	}
	
	article.category-careers {
		background-image: url("http://headingrh.porqueanima.com/wp-content/uploads/2015/03/Careers.png");
		background-position: 105% 0px !important;	
		background-size: auto !important;
	}
	
	article.category-value {
		background-image: url("http://headingrh.porqueanima.com/wp-content/uploads/2015/03/Value.png");
		background-position: 105% 0px !important;	
		background-size: auto !important;
	}
	
	article.category-insight {
		background-image: url("http://headingrh.porqueanima.com/wp-content/uploads/2015/03/Insight.png");
		background-position: 105% 0px !important;	
		background-size: auto !important;
	}
	
	article h2 > a {
		font-family: "PFReminderPro-Bold";
	}
	
	.entry-footer {
		padding-left: 60px;
	}
	
	.entry-footer a {
		margin: 0px !important;
		border: none !important;
		padding: 0px !important;
		color: #1C9CD8 !important;
	}
	
	#img-holder p {
		font-size: 13px!important;
	}
	
	#modal, #newsletter-form { position: fixed; top: 22%!important; left: 50%; max-height: 76%; overflow: auto; }
	
	a.modal_links { color: #1C9CD8; }
	a.modal_links:hover { color: #FDCC09; }
	
	#categories .pagination a, 
	#categories .pagination span,
	#agenciados .pagination a,
	#agenciados .pagination span,
	.pagination li a	{
		width: auto; height: auto; padding: 10px!important; line-height: 1.7em; background-color: #1C9CD8;
		line-height: 100% !important;
		color: #fff !important;
		text-shadow: none !important;
		font-family: "PFReminderPro-Bold" !important;
		font-size: 22px !important;
	}
	
	.pagination li a	{
		height: 40px;
	}
	
 	.pagination .current {
		background-color: #FDCC09!important;
		color: #fff !important;
		text-shadow: none !important;
		font-family: "PFReminderPro-Bold" !important;
		font-size: 22px !important;
		height: 40px;
		line-height: 1em;
	}
	
	.pagination span.current {
		padding: 10px!important;
	}
	
	#categories .pagination .current,
	#agenciados .pagination .current {
		line-height: 100% !important;
		background: #FDCC09 !important;
	}
	
	.pagination a:hover {
		line-height: 100% !important;
		background: #FDCC09 !important;
	}
	
	.pagination .current:hover,
	.pagination a:hover
	{
		background: #FDCC09 !important;
		text-shadow: none !important;
	}
	
	.formacao-columns li {
		background-size: 100%;
	}	
	
	.pagination a, .pagination span
	{
		box-shadow: none!important;
	}
		
	.reveal-modal.agenc_modal { width: 70%!important; margin-left: -35%!important; }
	
	.job_title { font-weight: 700!important; color: #577488; }
	#modal_data h3 { font-weight: 700!important; }
	#modal_data p, #modal_data span { font-size: 12px!important; }
	
	#after-newsletter {
		position: fixed;
		top: 170px;
		right: 1%;
		display: none;
	}
	
	.newsletter-action:hover  + div>div>div#after-newsletter  {
		display:block;
	}
	
	#after-proposta {
		position: fixed;
		top: 350px;
		right: 1%;
		display: none;
	}
	
	.proposta-action:hover  + div>div>div#after-proposta  {
		display:block;
	}
	
	#after-newsletter , #after-proposta  {
		font-family: "PFReminderPro-Bold";
		font-size: 18px !important;
		color: #2A4F69;
		line-height: 16px;
		width: 91px;
		text-align: center;
	}
	
	#comments {
		width: 65%;
		margin: auto;
	}
	
	#reply-title {
		font-size: 24px!important;
	}
	
	label[for=author], label[for=email], label[for=url], label[for=comment]
	{
		font-size: 14px!important;
	}
	
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 20px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #fff;
		color: #7a7a7a;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	
	.loadingDiv {
		background: url(../img/ajaxloader.gif);
		margin: 0 auto;	
		width: 16px;
		height: 16px;
		display: none;
	}
	
	.loadingDiv2 {
		background: url(../img/ajaxloader.gif);
		margin: 0 auto;	
		width: 16px;
		height: 16px;
		display: none;
	}
	
	.verCandidatura {
		background: #1C9CD8;
		color: #fff;
		border-radius: 8px 8px 8px;
		padding: 3px 5px;
		float: right;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	
	.verCandidatura:hover {
		background: #FDCC09;
		color: #fff;
	}
	
	span.error {
		color: red;
	}
	
	span.info {
		color: blue;	
	}
	
	span.success {
		color: green;	
	}
	
	#filter {
		position: relative;
	}
	
	/* sidebar-search */
	a.search-action {
		position: relative;
	}

	.sidebar-search {
		position: absolute;
		margin-top: 15px;
		right: 18%;
		display: none;
		padding: 10px;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}

	.searchForm {
		position: relative;
		background: #FFD36A; /* form bg color */
		padding: 10px;
		padding-bottom: 0;
	}

	.sidebar-search input[type=text] {
		padding: 10px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border: 1px solid #EF4223; /* border color */
		position: relative; 
		z-index: 1;
		background: #fff; /* bg color */
		color: #222; /* text color */ 
	}

	.sidebar-search button {
		width: 20px;
		height: 27px;
		position: absolute;
		right: 14px;
		top: 14px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		z-index: 2;
		padding: 10px 13px;
		border: 1px solid #F1552C; /* bg button border color */
		background: #F1552C; /* bg button color */
	}

	.sidebar-search span.icon-search {
		position: relative;
		top: -6px;
		left: 1px;
		width: 16px;
		height: 16px;
		background: url(../img/search.png) no-repeat;
		display: block;
	}

	.sidebar-search-drop-arrow {
		background:url(../img/top-arrow.png) no-repeat;
		width:13px;
		height:6px;
		position:absolute;
		left:48%;
		top:4px;
		margin-left:-6px;
		display:block
	}
	
	.cg_btn {
		margin-left: 8%;
	}
	
	.cg_btn .button {
		margin-right: 20px!important;
	}
	
	.genius_by_insight_wrap {
		padding: 5% 15% 0 8%!important;
	}		.pagination {		height: 40px!important;		margin-bottom: 50px!important;	}

	#soap_content {
		overflow-x: auto;
		overflow-y: hidden;
	}
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/